@nectary/components 0.44.1 → 0.45.1

package/utils/debounce.d.ts

@@ -0,0 +1,4 @@
+export declare const debounceTimeout: (ms: number) => (cb: () => void) => {
+    fn: () => void;
+    cancel: () => void;
+};

package/utils/debounce.js

@@ -0,0 +1,21 @@
+const createDebounce = (delayFn, cancelFn) => cb => {
+  let id = null;
+  const delayCallback = () => {
+    id = null;
+    cb();
+  };
+  return {
+    fn: () => {
+      if (id !== null) {
+        cancelFn(id);
+      }
+      id = delayFn(delayCallback);
+    },
+    cancel: () => {
+      if (id !== null) {
+        cancelFn(id);
+      }
+    }
+  };
+};
+export const debounceTimeout = ms => createDebounce(cb => global.setTimeout(cb, ms), global.clearTimeout);

package/utils/element.d.ts

@@ -6,7 +6,11 @@ declare global {
     }
 }
 export declare class NectaryElement extends HTMLElement {
+    #private;
     attachShadow(options?: Partial<ShadowRootInit>): ShadowRoot;
     version: string;
     get focusable(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get isConnected(): boolean;
 }

package/utils/element.js

@@ -35,4 +35,14 @@ export class NectaryElement extends HTMLElement {
   get focusable() {
     return false;
   }
+  #isConnected = false;
+  connectedCallback() {
+    this.#isConnected = true;
+  }
+  disconnectedCallback() {
+    this.#isConnected = false;
+  }
+  get isConnected() {
+    return this.#isConnected;
+  }
 }

package/utils/index.d.ts

@@ -5,4 +5,5 @@ export * from './element';
 export * from './rect';
 export * from './slot';
 export * from './throttle';
+export * from './debounce';
 export * from './get-react-event-handler';

package/utils/index.js

@@ -5,4 +5,5 @@ export * from './element';
 export * from './rect';
 export * from './slot';
 export * from './throttle';
+export * from './debounce';
 export * from './get-react-event-handler';

package/utils/size.d.ts

@@ -0,0 +1,10 @@
+export declare type TSinchSize = 'l' | 'm' | 's';
+export declare type TSinchSizeEx = TSinchSize | 'xs';
+export declare const DEFAULT_SIZE: TSinchSize;
+export declare const sizeValues: readonly TSinchSize[];
+export declare const sizeExValues: readonly TSinchSizeEx[];
+declare type TAssertSize = (value: string | null, name: string) => asserts value is TSinchSize;
+export declare const assertSize: TAssertSize;
+declare type TAssertSizeEx = (value: string | null, name: string) => asserts value is TSinchSizeEx;
+export declare const assertSizeEx: TAssertSizeEx;
+export {};

package/utils/size.js

@@ -0,0 +1,19 @@
+export const DEFAULT_SIZE = 'm';
+export const sizeValues = ['l', 'm', 's'];
+export const sizeExValues = [...sizeValues, 'xs'];
+export const assertSize = (value, name) => {
+  if (value === null || value.length === 0) {
+    return;
+  }
+  if (!sizeValues.includes(value)) {
+    throw new Error(`Invalid size attribute for ${name}: ${value}`);
+  }
+};
+export const assertSizeEx = (value, name) => {
+  if (value === null || value.length === 0) {
+    return;
+  }
+  if (!sizeExValues.includes(value)) {
+    throw new Error(`Invalid size attribute for ${name}: ${value}`);
+  }
+};

package/utils/throttle.d.ts

@@ -1,4 +1,4 @@
-export declare const throttleAnimationFrame: (cb: (...args: any[]) => void) => {
-    fn: (...args: any[]) => void;
+export declare const throttleAnimationFrame: (cb: () => void) => {
+    fn: () => void;
     cancel: () => void;
 };

package/utils/throttle.js

@@ -1,16 +1,11 @@
-const throttle = (delayFn, cancelFn) => cb => {
+const createThrottle = (delayFn, cancelFn) => cb => {
   let id = null;
-  let fnArgs;
   const delayCallback = () => {
     id = null;
-    cb(fnArgs);
+    cb();
   };
   return {
-    fn: function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      fnArgs = args;
+    fn: () => {
       if (id === null) {
         id = delayFn(delayCallback);
       }
@@ -22,4 +17,4 @@ const throttle = (delayFn, cancelFn) => cb => {
     }
   };
 };
-export const throttleAnimationFrame = throttle(global.requestAnimationFrame, global.cancelAnimationFrame);
+export const throttleAnimationFrame = createThrottle(global.requestAnimationFrame, global.cancelAnimationFrame);

package/spinner/utils.d.ts

@@ -1,2 +0,0 @@
-import type { TSinchSpinnerType } from './types';
-export declare const spinnerTypes: readonly TSinchSpinnerType[];

package/spinner/utils.js

@@ -1 +0,0 @@
-export const spinnerTypes = ['large', 'medium', 'small'];