@nectary/components 4.12.0 → 4.12.1

package/toast/global/index.d.ts

@@ -1 +0,0 @@
-export * from '../types';

package/toast/global/index.js

@@ -1,2 +0,0 @@
-import { defineCustomElement } from "../../utils/element.js";
-defineCustomElement("sinch-toast");

package/toast-manager/global/index.d.ts

@@ -1 +0,0 @@
-export * from '../types';

package/toast-manager/global/index.js

@@ -1,2 +0,0 @@
-import { defineCustomElement } from "../../utils/element.js";
-defineCustomElement("sinch-toast-manager");

package/toggle/global/index.d.ts

@@ -1 +0,0 @@
-export * from '../types';

package/toggle/global/index.js

@@ -1,2 +0,0 @@
-import { defineCustomElement } from "../../utils/element.js";
-defineCustomElement("sinch-toggle");

package/tooltip/global/index.d.ts

@@ -1 +0,0 @@
-export * from '../types';

package/tooltip/global/index.js

@@ -1,2 +0,0 @@
-import { defineCustomElement } from "../../utils/element.js";
-defineCustomElement("sinch-tooltip");

package/utils/component-names.d.ts

@@ -1,3 +0,0 @@
-export declare const BASE_COMPONENT_NAMES_LIST: readonly ["accordion-item", "accordion", "action-menu-option", "action-menu", "alert", "avatar", "badge", "button-group-item", "button-group", "button", "card-container", "card-v2-title", "card-v2", "checkbox", "chip", "code-tag", "color-menu-option", "color-menu", "color-swatch", "date-picker", "dialog", "emoji-picker", "emoji", "field", "file-drop", "file-picker", "file-status", "flag", "grid-item", "grid", "help-tooltip", "icon", "inline-alert", "input", "link", "list-item", "list", "pagination", "persistent-overlay", "pop", "popover", "progress-stepper-item", "progress-stepper", "progress", "radio-option", "radio", "rich-text", "rich-textarea", "segment-collapse", "segmented-control-option", "segmented-control", "segmented-icon-control-option", "segmented-icon-control", "select-button", "select-menu-option", "select-menu", "skeleton-item", "skeleton", "spinner", "stop-events", "table-body", "table-cell", "table-head-cell", "table-head", "table-row", "table", "tabs-icon-option", "tabs-option", "tabs", "tag", "text", "textarea", "time-picker", "title", "toast-manager", "toast", "toggle", "tooltip"];
-export declare const BASE_COMPONENT_NAMES: Set<"pop" | "button" | "dialog" | "input" | "link" | "progress" | "table" | "textarea" | "title" | "accordion-item" | "accordion" | "action-menu-option" | "action-menu" | "alert" | "avatar" | "badge" | "button-group-item" | "button-group" | "card-container" | "card-v2-title" | "card-v2" | "checkbox" | "chip" | "code-tag" | "color-menu-option" | "color-menu" | "color-swatch" | "date-picker" | "emoji-picker" | "emoji" | "field" | "file-drop" | "file-picker" | "file-status" | "flag" | "grid-item" | "grid" | "help-tooltip" | "icon" | "inline-alert" | "list-item" | "list" | "pagination" | "persistent-overlay" | "popover" | "progress-stepper-item" | "progress-stepper" | "radio-option" | "radio" | "rich-text" | "rich-textarea" | "segment-collapse" | "segmented-control-option" | "segmented-control" | "segmented-icon-control-option" | "segmented-icon-control" | "select-button" | "select-menu-option" | "select-menu" | "skeleton-item" | "skeleton" | "spinner" | "stop-events" | "table-body" | "table-cell" | "table-head-cell" | "table-head" | "table-row" | "tabs-icon-option" | "tabs-option" | "tabs" | "tag" | "text" | "time-picker" | "toast-manager" | "toast" | "toggle" | "tooltip">;
-export type ComponentName = `sinch-${typeof BASE_COMPONENT_NAMES_LIST[number]}`;

package/utils/component-names.js

@@ -1,85 +0,0 @@
-const BASE_COMPONENT_NAMES_LIST = [
-  "accordion-item",
-  "accordion",
-  "action-menu-option",
-  "action-menu",
-  "alert",
-  "avatar",
-  "badge",
-  "button-group-item",
-  "button-group",
-  "button",
-  "card-container",
-  "card-v2-title",
-  "card-v2",
-  "checkbox",
-  "chip",
-  "code-tag",
-  "color-menu-option",
-  "color-menu",
-  "color-swatch",
-  "date-picker",
-  "dialog",
-  "emoji-picker",
-  "emoji",
-  "field",
-  "file-drop",
-  "file-picker",
-  "file-status",
-  "flag",
-  "grid-item",
-  "grid",
-  "help-tooltip",
-  "icon",
-  "inline-alert",
-  "input",
-  "link",
-  "list-item",
-  "list",
-  "pagination",
-  "persistent-overlay",
-  "pop",
-  "popover",
-  "progress-stepper-item",
-  "progress-stepper",
-  "progress",
-  "radio-option",
-  "radio",
-  "rich-text",
-  "rich-textarea",
-  "segment-collapse",
-  "segmented-control-option",
-  "segmented-control",
-  "segmented-icon-control-option",
-  "segmented-icon-control",
-  "select-button",
-  "select-menu-option",
-  "select-menu",
-  "skeleton-item",
-  "skeleton",
-  "spinner",
-  "stop-events",
-  "table-body",
-  "table-cell",
-  "table-head-cell",
-  "table-head",
-  "table-row",
-  "table",
-  "tabs-icon-option",
-  "tabs-option",
-  "tabs",
-  "tag",
-  "text",
-  "textarea",
-  "time-picker",
-  "title",
-  "toast-manager",
-  "toast",
-  "toggle",
-  "tooltip"
-];
-const BASE_COMPONENT_NAMES = new Set(BASE_COMPONENT_NAMES_LIST);
-export {
-  BASE_COMPONENT_NAMES,
-  BASE_COMPONENT_NAMES_LIST
-};

package/utils/global-components-constants.d.ts

@@ -1,3 +0,0 @@
-export declare const COMPONENTS_STORE_KEY: unique symbol;
-export declare const COMPONENTS_REGISTRY_URL = "https://registry.npmjs.org/@nectary/components";
-export declare const COMPONENTS_CDN_URL = "https://esm.sh/@nectary/components";

package/utils/global-components-constants.js

@@ -1,8 +0,0 @@
-const COMPONENTS_STORE_KEY = Symbol.for("NectaryComponentsStore");
-const COMPONENTS_REGISTRY_URL = "https://registry.npmjs.org/@nectary/components";
-const COMPONENTS_CDN_URL = "https://esm.sh/@nectary/components";
-export {
-  COMPONENTS_CDN_URL,
-  COMPONENTS_REGISTRY_URL,
-  COMPONENTS_STORE_KEY
-};

package/utils/global-components-manager.d.ts

@@ -1,71 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export type SinchElementName = `sinch-${string}`;
-export interface GlobalManagerConfig {
-	storeKey: symbol;
-	registryUrl: string;
-	cdnUrl: string;
-	baseElementNames: Set<string>;
-	nameToPathMap?: Map<string, string>;
-}
-export interface GlobalManagerInitOptions {
-	/**
-	 * If components should be preloaded from the bundle module (nectary/components/bundle) (Not supported for nectary/assets).
-	 *
-	 * When preload is true:
-	 *
-	 * targetlibVersion will only work since v5 of nectary/components and v3 of nectary/assets.
-	 *
-	 * parchPreviousVersions will have no effect since its not needed.
-	 *
-	 * fallbackLoaderBundle will be used instead of fallbackLoader
-	 */
-	preload?: boolean;
-	/**
-	 * Target version of the library to resolve the constructor from the CDN.
-	 *
-	 * If left unspecified, it will resolve to the latest version.
-	 */
-	targetlibVersion?: string;
-	/**
-	 * If previous versions of Nectary should opt in to using Global Components.
-	 *
-	 * @default true
-	 */
-	patchPerviousVersions?: boolean;
-	/**
-	 * Fallback loader if the CDN fails.
-	 */
-	fallbackLoader?: (name: string) => Promise<any>;
-	/**
-	 * Should be used like this:
-	 *
-	 * fallbackLoaderBundle: () => import("@nectary/components/bundle")
-	 */
-	fallbackLoaderBundle?: () => Promise<any>;
-	/**
-	 * Constructors will be resolved from fallback directly and CDN will not be used.
-	 */
-	useFallbackExclusively?: boolean;
-}
-declare abstract class GlobalElementsManager {
-	private config;
-	constructor(config: GlobalManagerConfig);
-	getConstructor(name: SinchElementName): Promise<CustomElementConstructor> | null;
-	private patchCustomElements;
-	private toClassName;
-	private loadModuleWithFallback;
-	private createLoader;
-	private preloadBundle;
-	init(options?: GlobalManagerInitOptions): Promise<void>;
-	private getImportPathFromName;
-	preload(name: SinchElementName | SinchElementName[] | "all"): Promise<void>;
-}
-declare class GlobalComponentsManagerImpl extends GlobalElementsManager {
-	private static instance;
-	constructor();
-	static getInstance(): GlobalComponentsManagerImpl;
-}
-export declare const GlobalComponentsManager: GlobalComponentsManagerImpl;
-
-export {};

package/utils/global-components-manager.js

@@ -1,24 +0,0 @@
-import { GlobalElementsManager } from "./shared/global-elements-manager.js";
-import { BASE_COMPONENT_NAMES } from "./component-names.js";
-import { COMPONENTS_CDN_URL, COMPONENTS_REGISTRY_URL, COMPONENTS_STORE_KEY } from "./global-components-constants.js";
-class GlobalComponentsManagerImpl extends GlobalElementsManager {
-  static instance = null;
-  constructor() {
-    super({
-      storeKey: COMPONENTS_STORE_KEY,
-      registryUrl: COMPONENTS_REGISTRY_URL,
-      cdnUrl: COMPONENTS_CDN_URL,
-      baseElementNames: BASE_COMPONENT_NAMES
-    });
-  }
-  static getInstance() {
-    if (GlobalComponentsManagerImpl.instance == null) {
-      GlobalComponentsManagerImpl.instance = new GlobalComponentsManagerImpl();
-    }
-    return GlobalComponentsManagerImpl.instance;
-  }
-}
-const GlobalComponentsManager = new GlobalComponentsManagerImpl();
-export {
-  GlobalComponentsManager
-};

package/utils/shared/global-elements-manager.d.js

@@ -1 +0,0 @@
-

package/utils/shared/global-elements-manager.d.ts

@@ -1,62 +0,0 @@
-import type { SinchElementName } from './nectary-element-base';
-interface GlobalManagerConfig {
-    storeKey: symbol;
-    registryUrl: string;
-    cdnUrl: string;
-    baseElementNames: Set<string>;
-    nameToPathMap?: Map<string, string>;
-}
-interface GlobalManagerInitOptions {
-    /**
-     * If components should be preloaded from the bundle module (nectary/components/bundle) (Not supported for nectary/assets).
-     *
-     * When preload is true:
-     *
-     * targetlibVersion will only work since v5 of nectary/components and v3 of nectary/assets.
-     *
-     * parchPreviousVersions will have no effect since its not needed.
-     *
-     * fallbackLoaderBundle will be used instead of fallbackLoader
-     */
-    preload?: boolean;
-    /**
-     * Target version of the library to resolve the constructor from the CDN.
-     *
-     * If left unspecified, it will resolve to the latest version.
-     */
-    targetlibVersion?: string;
-    /**
-     * If previous versions of Nectary should opt in to using Global Components.
-     *
-     * @default true
-     */
-    patchPerviousVersions?: boolean;
-    /**
-     * Fallback loader if the CDN fails.
-     */
-    fallbackLoader?: (name: string) => Promise<any>;
-    /**
-     * Should be used like this:
-     *
-     * fallbackLoaderBundle: () => import("@nectary/components/bundle")
-     */
-    fallbackLoaderBundle?: () => Promise<any>;
-    /**
-     * Constructors will be resolved from fallback directly and CDN will not be used.
-     */
-    useFallbackExclusively?: boolean;
-}
-export declare abstract class GlobalElementsManager {
-    private config;
-    constructor(config: GlobalManagerConfig);
-    getConstructor(name: SinchElementName): Promise<CustomElementConstructor> | null;
-    private patchCustomElements;
-    private toClassName;
-    private loadModuleWithFallback;
-    private createLoader;
-    private preloadBundle;
-    init(options?: GlobalManagerInitOptions): Promise<void>;
-    private getImportPathFromName;
-    preload(name: SinchElementName | SinchElementName[] | 'all'): Promise<void>;
-}
-export {};

package/utils/shared/global-elements-manager.js

@@ -1,163 +0,0 @@
-import { isSinchElementName, sinchElementNameToBase } from "./nectary-element-base.js";
-import { getConstructor, getStore } from "./global-elements-store.js";
-class GlobalElementsManager {
-  config;
-  constructor(config) {
-    this.config = config;
-  }
-  getConstructor(name) {
-    return getConstructor(this.config.storeKey, name);
-  }
-  // This patch is made so that older Nectary versions automatically gets opted in to global components
-  patchCustomElements() {
-    const originalDefine = window.customElements.define.bind(window.customElements);
-    window.customElements.define = (name, constructor, options) => {
-      if (isSinchElementName(name) && this.config.baseElementNames.has(sinchElementNameToBase(name))) {
-        const nectaryConstructor = constructor;
-        if (nectaryConstructor.isGlobal) {
-          return originalDefine(name, constructor, options);
-        }
-        (async () => {
-          try {
-            const globalConstructor = await this.getConstructor(name);
-            if (globalConstructor !== null) {
-              originalDefine(name, globalConstructor, options);
-            } else {
-              console.error(`Nectary element ${name} not found, falling back to local constructor`);
-              originalDefine(name, constructor, options);
-            }
-          } catch (error) {
-            console.error(`Failed to get global constructor for ${name}:`, error);
-            originalDefine(name, constructor, options);
-          }
-        })();
-      } else {
-        return originalDefine(name, constructor, options);
-      }
-    };
-  }
-  toClassName(itemName) {
-    return itemName.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-  }
-  async loadModuleWithFallback(importPath, fallbackThunk, useFallbackExclusively = false) {
-    if (useFallbackExclusively && fallbackThunk != null) {
-      return fallbackThunk();
-    }
-    try {
-      const module = await import(
-        /* webpackIgnore: true */
-        importPath
-      );
-      return module;
-    } catch (error) {
-      if (fallbackThunk != null) {
-        try {
-          return fallbackThunk();
-        } catch (fallbackError) {
-          console.error(`Nectary Primary load failed: ${importPath}`, error);
-          console.error(`Nectary fallback load failed:`, fallbackError);
-          throw fallbackError;
-        }
-      }
-      console.error(`Nectary failed to load module: ${importPath}`, error);
-      throw error;
-    }
-  }
-  createLoader(importPath, itemName, fallbackLoader, useFallbackExclusively = false) {
-    return async () => {
-      const module = await this.loadModuleWithFallback(
-        importPath,
-        fallbackLoader != null ? () => fallbackLoader(itemName) : null,
-        useFallbackExclusively
-      );
-      const className = this.toClassName(itemName);
-      const globalConstructor = module[className];
-      if (globalConstructor == null) {
-        throw new Error(`Nectary element ${className} not found in module: ${importPath}`);
-      }
-      globalConstructor.isGlobal = true;
-      return globalConstructor;
-    };
-  }
-  async preloadBundle(importPath, fallbackLoaderBundle, useFallbackExclusively = false) {
-    const store = getStore(this.config.storeKey);
-    const module = await this.loadModuleWithFallback(
-      importPath,
-      fallbackLoaderBundle,
-      useFallbackExclusively
-    );
-    for (const itemName of this.config.baseElementNames) {
-      const className = this.toClassName(itemName);
-      const globalConstructor = module[className];
-      if (globalConstructor == null) {
-        console.error(`Nectary element ${className} not found in module: ${importPath}`);
-        continue;
-      }
-      globalConstructor.isGlobal = true;
-      const sinchName = `sinch-${itemName}`;
-      store.definitions.set(sinchName, () => Promise.resolve(globalConstructor));
-      window.customElements.define(sinchName, globalConstructor);
-    }
-  }
-  async init(options = {}) {
-    const store = getStore(this.config.storeKey);
-    if (store.hasInitialized) {
-      console.warn(`${this.constructor.name} has already been initialized`);
-      return;
-    }
-    store.hasInitialized = true;
-    store.preload = options.preload ?? false;
-    store.patchPerviousVersions = options.patchPerviousVersions ?? true;
-    store.useFallbackExclusively = options.useFallbackExclusively ?? false;
-    if (store.preload) {
-      const version = options.targetlibVersion;
-      store.targetlibVersion = version ?? store.targetlibVersion;
-      const importPath = version != null ? `${this.config.cdnUrl}@${version}/es2022/bundle.mjs` : `${this.config.cdnUrl}/bundle`;
-      await this.preloadBundle(importPath, options.fallbackLoaderBundle, store.useFallbackExclusively);
-      return;
-    }
-    if (store.patchPerviousVersions) {
-      this.patchCustomElements();
-    }
-    this.config.baseElementNames.forEach((name) => {
-      const importPath = `${this.config.cdnUrl}/${this.getImportPathFromName(name)}`;
-      store.definitions.set(`sinch-${name}`, this.createLoader(importPath, name, options.fallbackLoader, store.useFallbackExclusively));
-    });
-    if (options.targetlibVersion != null) {
-      store.targetlibVersion = options.targetlibVersion;
-    } else {
-      const registry = await fetch(`${this.config.registryUrl}/latest`);
-      const registryData = await registry.json();
-      store.targetlibVersion = registryData.version;
-    }
-    this.config.baseElementNames.forEach((name) => {
-      const importPath = `${this.config.cdnUrl}@${store.targetlibVersion}/es2022/${this.getImportPathFromName(name)}.mjs`;
-      store.definitions.set(`sinch-${name}`, this.createLoader(importPath, name, options.fallbackLoader, store.useFallbackExclusively));
-    });
-  }
-  getImportPathFromName(name) {
-    for (const [key, value] of this.config.nameToPathMap ?? []) {
-      const splittedName = name.startsWith(key) ? name.split(key) : [name];
-      if (splittedName.length > 1) {
-        const restOfName = splittedName.slice(1).join(key);
-        return value + restOfName;
-      }
-    }
-    return name;
-  }
-  async preload(name) {
-    const store = getStore(this.config.storeKey);
-    if (name === "all") {
-      await Promise.all(Array.from(store.definitions.keys()).map((n) => store.definitions.get(n)?.()));
-      return;
-    }
-    if (Array.isArray(name)) {
-      await Promise.all(name.map((n) => store.definitions.get(n)?.()));
-      return;
-    }
-    await store.definitions.get(name)?.();
-  }
-}
-export {
-  GlobalElementsManager
-};

package/utils/shared/global-elements-store.d.js

@@ -1 +0,0 @@
-

package/utils/shared/global-elements-store.d.ts

@@ -1,12 +0,0 @@
-import type { SinchElementName } from './nectary-element-base';
-interface GlobalStore {
-    hasInitialized: boolean;
-    targetlibVersion: string;
-    patchPerviousVersions: boolean;
-    useFallbackExclusively: boolean;
-    preload: boolean;
-    definitions: Map<SinchElementName, () => Promise<any>>;
-}
-export declare const getStore: (storeKey: symbol) => GlobalStore;
-export declare const getConstructor: (storeKey: symbol, name: SinchElementName) => Promise<CustomElementConstructor> | null;
-export {};

package/utils/shared/global-elements-store.js

@@ -1,31 +0,0 @@
-const getStore = (storeKey) => {
-  if (window[storeKey] != null) {
-    return window[storeKey];
-  }
-  const store = {
-    hasInitialized: false,
-    targetlibVersion: "",
-    patchPerviousVersions: false,
-    useFallbackExclusively: false,
-    preload: false,
-    definitions: /* @__PURE__ */ new Map()
-  };
-  Object.defineProperty(window, storeKey, {
-    value: store,
-    enumerable: false,
-    writable: false,
-    configurable: false
-  });
-  return store;
-};
-const getConstructor = (storeKey, name) => {
-  const definitionLoader = getStore(storeKey).definitions.get(name);
-  if (definitionLoader == null) {
-    return null;
-  }
-  return definitionLoader();
-};
-export {
-  getConstructor,
-  getStore
-};

package/utils/shared/index.d.js

@@ -1,11 +0,0 @@
-import { NectaryElementBase, isSinchElementName, sinchElementNameToBase } from "./nectary-element-base.js";
-import { getConstructor, getStore } from "./global-elements-store.js";
-import { GlobalElementsManager } from "./global-elements-manager.js";
-export {
-  GlobalElementsManager,
-  NectaryElementBase,
-  getConstructor,
-  getStore,
-  isSinchElementName,
-  sinchElementNameToBase
-};

package/utils/shared/index.d.ts

@@ -1,3 +0,0 @@
-export * from './nectary-element-base';
-export * from './global-elements-store';
-export * from './global-elements-manager';

package/utils/shared/index.js

@@ -1,11 +0,0 @@
-import { NectaryElementBase, isSinchElementName, sinchElementNameToBase } from "./nectary-element-base.js";
-import { getConstructor, getStore } from "./global-elements-store.js";
-import { GlobalElementsManager } from "./global-elements-manager.js";
-export {
-  GlobalElementsManager,
-  NectaryElementBase,
-  getConstructor,
-  getStore,
-  isSinchElementName,
-  sinchElementNameToBase
-};

package/utils/shared/nectary-element-base.d.js

@@ -1 +0,0 @@
-

package/utils/shared/nectary-element-base.d.ts

@@ -1,9 +0,0 @@
-export type SinchElementName = `sinch-${string}`;
-export declare const isSinchElementName: (value: string) => value is SinchElementName;
-export declare const sinchElementNameToBase: (value: SinchElementName) => string;
-export declare class NectaryElementBase extends HTMLElement {
-    private static _isGlobal;
-    static get elementName(): SinchElementName;
-    static get isGlobal(): boolean;
-    static set isGlobal(value: boolean);
-}

package/utils/shared/nectary-element-base.js

@@ -1,25 +0,0 @@
-const isSinchElementName = (value) => {
-  return value.startsWith("sinch-");
-};
-const sinchElementNameToBase = (value) => {
-  return value.split("sinch-")[1];
-};
-class NectaryElementBase extends HTMLElement {
-  static _isGlobal = false;
-  static get elementName() {
-    throw new Error(
-      `Class ${this.name} must implement static getter 'elementName'`
-    );
-  }
-  static get isGlobal() {
-    return this._isGlobal;
-  }
-  static set isGlobal(value) {
-    this._isGlobal = value;
-  }
-}
-export {
-  NectaryElementBase,
-  isSinchElementName,
-  sinchElementNameToBase
-};

package/utils/shared/package.json

@@ -1,9 +0,0 @@
-{
-  "name": "@nectary/shared",
-  "version": "1.0.0",
-  "private": true,
-  "main": "index.ts",
-  "scripts": {
-    "build": "npx tsc --declaration --emitDeclarationOnly"
-  }
-}

package/utils/shared/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "pretty": true,
-    "lib": [
-      "esnext",
-      "dom"
-    ],
-    "jsx": "react-jsx",
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "Bundler",
-    "noUnusedLocals": true,
-    "skipLibCheck": true,
-    "resolveJsonModule": true,
-    "declaration": true,
-  },
-}