@nectary/components 4.11.1 → 4.12.0

package/utils/component-names.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,85 @@
+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/context.js

@@ -1,16 +1,16 @@
 const contextNameToEventMap = {
-  keydown: '-keydown',
-  visibility: '-visibility',
-  size: '-size'
+  keydown: "-keydown",
+  visibility: "-visibility",
+  size: "-size"
 };
 const shouldPersistContextValue = {
   keydown: false,
   visibility: true,
   size: true
 };
-export class Context {
+class Context {
   #$root;
-  #listeners = (() => new Set())();
+  #listeners = /* @__PURE__ */ new Set();
   #name;
   #isListening = false;
   #lastContextValue = null;
@@ -22,63 +22,53 @@ export class Context {
     if (this.#isListening) {
       return;
     }
-    this.#$root.addEventListener(`-context-connect-${this.#name}`, this.#onListenerConnect, {
-      signal
-    });
-    this.#$root.addEventListener(`-context-disconnect-${this.#name}`, this.#onListenerDisconnect, {
-      signal
-    });
+    this.#$root.addEventListener(`-context-connect-${this.#name}`, this.#onListenerConnect, { signal });
+    this.#$root.addEventListener(`-context-disconnect-${this.#name}`, this.#onListenerDisconnect, { signal });
     this.#isListening = true;
-    signal.addEventListener('abort', () => {
+    signal.addEventListener("abort", () => {
       this.#listeners.clear();
       this.#isListening = false;
       this.#lastContextValue = null;
-    }, {
-      once: true
-    });
+    }, { once: true });
   }
   dispatch(contextValue) {
     for (const el of this.#listeners) {
-      el.dispatchEvent(new CustomEvent(contextNameToEventMap[this.#name], {
-        detail: contextValue
-      }));
+      el.dispatchEvent(
+        new CustomEvent(contextNameToEventMap[this.#name], { detail: contextValue })
+      );
     }
     if (shouldPersistContextValue[this.#name]) {
       this.#lastContextValue = contextValue;
     }
   }
-  #onListenerConnect = e => {
+  #onListenerConnect = (e) => {
     e.stopPropagation();
     this.#listeners.add(e.detail);
     if (this.#lastContextValue !== null) {
-      e.detail.dispatchEvent(new CustomEvent(contextNameToEventMap[this.#name], {
-        detail: this.#lastContextValue
-      }));
+      e.detail.dispatchEvent(
+        new CustomEvent(contextNameToEventMap[this.#name], { detail: this.#lastContextValue })
+      );
     }
   };
-  #onListenerDisconnect = e => {
+  #onListenerDisconnect = (e) => {
     e.stopPropagation();
     this.#listeners.delete(e.detail);
   };
 }
-export const subscribeContext = ($el, name, cb, signal) => {
+const subscribeContext = ($el, name, cb, signal) => {
   requestAnimationFrame(() => {
-    $el.dispatchEvent(new CustomEvent(`-context-connect-${name}`, {
-      bubbles: true,
-      composed: true,
-      detail: $el
-    }));
+    $el.dispatchEvent(
+      new CustomEvent(`-context-connect-${name}`, { bubbles: true, composed: true, detail: $el })
+    );
   });
-  $el.addEventListener(contextNameToEventMap[name], cb, {
-    signal
-  });
-  signal.addEventListener('abort', () => {
-    $el.dispatchEvent(new CustomEvent(`-context-disconnect-${name}`, {
-      bubbles: true,
-      composed: true,
-      detail: $el
-    }));
-  }, {
-    once: true
-  });
-};
+  $el.addEventListener(contextNameToEventMap[name], cb, { signal });
+  signal.addEventListener("abort", () => {
+    $el.dispatchEvent(
+      new CustomEvent(`-context-disconnect-${name}`, { bubbles: true, composed: true, detail: $el })
+    );
+  }, { once: true });
+};
+export {
+  Context,
+  subscribeContext
+};