piral-core 0.14.0-pre.3018 → 0.14.0-pre.3085

package/src/state/withApi.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { isfunc } from 'piral-base';
 import { __RouterContext } from 'react-router';
 import { StateContext } from './stateContext';
-import { PiralError, PiralLoadingIndicator, ErrorBoundary, ErrorBoundaryOptions } from '../components';
-import { useGlobalState, useActions } from '../hooks';
-import { defaultRender, convertComponent } from '../utils';
+import { PiralError, PiralLoadingIndicator, ErrorBoundary, ErrorBoundaryOptions, PortalRenderer } from '../components';
+import { useActions } from '../hooks';
+import { defaultRender, convertComponent, none } from '../utils';
 import {
   AnyComponent,
   Errors,
@@ -16,19 +16,10 @@ import {
   GlobalStateContext,
 } from '../types';
 
+// this is an arbitrary start number to have 6 digits
 let portalIdBase = 123456;
-const none = [];
 
-interface PortalRendererProps {
-  id: string;
-}
-
-const PortalRenderer: React.FC<PortalRendererProps> = ({ id }) => {
-  const children = useGlobalState((m) => m.portals[id]) || none;
-  return defaultRender(children);
-};
-
-const DefaultWrapper: React.FC = (props) => <>{props.children}</>;
+const DefaultWrapper: React.FC = (props) => defaultRender(props.children);
 
 interface ForeignComponentContainerProps<T> {
   $portalId: string;
@@ -40,6 +31,11 @@ interface ForeignComponentContainerProps<T> {
 class ForeignComponentContainer<T> extends React.Component<ForeignComponentContainerProps<T>> {
   private current?: HTMLElement;
   private previous?: HTMLElement;
+  private handler = (ev: CustomEvent) => {
+    const { innerProps } = this.props;
+    ev.stopPropagation();
+    innerProps.piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
+  };
 
   private setNode = (node: HTMLDivElement) => {
     this.current = node;
@@ -52,6 +48,7 @@ class ForeignComponentContainer<T> extends React.Component<ForeignComponentConta
 
     if (node && isfunc(mount)) {
       mount(node, innerProps, $context);
+      node.addEventListener('render-html', this.handler, false);
     }
 
     this.previous = node;
@@ -77,6 +74,7 @@ class ForeignComponentContainer<T> extends React.Component<ForeignComponentConta
 
     if (node && isfunc(unmount)) {
       unmount(node);
+      node.removeEventListener('render-html', this.handler, false);
     }
 
     this.previous = undefined;

package/src/types/config.ts

@@ -1,7 +1,5 @@
 import type {
   PiletRequester,
-  PiletDependencyFetcher,
-  PiletDependencyGetter,
   PiletLoadingStrategy,
   PiletLoader,
   Pilet,
@@ -10,24 +8,30 @@ import type {
   DefaultLoaderConfig,
   PiletApiCreator,
 } from 'piral-base';
+import { DebuggerExtensionOptions } from 'piral-debug-utils';
 import type { NestedPartial } from './common';
 import type { PiralPlugin } from './plugin';
 import type { GlobalState, GlobalStateContext, PiralDefineActions } from './state';
 
-export { PiletLoadingStrategy, PiletDependencyFetcher, PiletDependencyGetter, PiletRequester, AvailableDependencies };
+export { PiletLoadingStrategy, PiletRequester, AvailableDependencies };
 
 /**
- * The configuration for loading the pilets of the Piral instance.
+ * Definition for customizing the shared dependencies.
  */
-export interface PiralPiletConfiguration {
-  /**
-   * The callback for defining how a dependency will be fetched.
-   */
-  fetchDependency?: PiletDependencyFetcher;
+export interface DependencySelector {
   /**
-   * Function to get the dependencies for a given module.
+   * Selects the dependencies to share from the currently available dependencies.
+   * @param currentDependencies The currently available dependencies.
+   * @default currentDependencies All current dependencies are shared
+   * @returns The dependencies selected to be shared.
    */
-  getDependencies?: PiletDependencyGetter;
+  (currentDependencies: AvailableDependencies): AvailableDependencies;
+}
+
+/**
+ * The configuration for loading the pilets of the Piral instance.
+ */
+export interface PiralPiletConfiguration {
   /**
    * Function to load the modules asynchronously, e.g., from a server 🚚.
    */
@@ -44,6 +48,10 @@ export interface PiralPiletConfiguration {
    * Optionally, configures the default loader.
    */
   loaderConfig?: DefaultLoaderConfig;
+  /**
+   * Optionally, configures explicitly what dependencies are shared.
+   */
+  shareDependencies?: DependencySelector;
   /**
    * Determines that pilets are loaded asynchronously, essentially showing the
    * app right away without waiting for the pilets to load and evaluate.
@@ -55,12 +63,6 @@ export interface PiralPiletConfiguration {
    * This can be used for customization or for debugging purposes.
    */
   availablePilets?: Array<Pilet>;
-  /**
-   * Optionally provides a function to extend the API creator with some additional
-   * functionality.
-   * @deprecated Use plugins instead.
-   */
-  extendApi?: PiralPlugin | Array<PiralPlugin>;
   /**
    * Extends the Piral instance with additional capabilities.
    */
@@ -95,6 +97,10 @@ export interface PiralStateConfiguration {
    * Optionally, sets up some initial custom actions ⚡️.
    */
   actions?: PiralDefineActions;
+  /**
+   * Optionally, sets up additional configuration for the debug tooling 🤖.
+   */
+  debug?: DebuggerExtensionOptions;
 }
 
 /**

package/src/types/state.ts

@@ -294,6 +294,19 @@ export interface PiralActions extends PiralCustomActions {
    * @param entry The child to render.
    */
   showPortal(id: string, entry: ReactPortal): void;
+  /**
+   * Hides the provided portal in the rendering pipeline.
+   * @param id The id of the portal to use.
+   * @param entry The child to remove.
+   */
+  hidePortal(id: string, entry: ReactPortal): void;
+  /**
+   * Updates the provided portal in the rendering pipeline.
+   * @param id The id of the portal to use.
+   * @param current The currently displayed child.
+   * @param next The updated child that should be displayed.
+   */
+  updatePortal(id: string, current: ReactPortal, next: ReactPortal): void;
   /**
    * Dispatches a state change.
    * @param update The update function creating a new state.

package/src/utils/foreign.test.ts

@@ -1,4 +1,4 @@
-import { createElement, createRef } from 'react';
+import { createElement } from 'react';
 import { convertComponent, renderInDom } from './foreign';
 import { ForeignComponent } from '../types';
 import { DefaultLoadingIndicator } from '../components/DefaultLoader';
@@ -28,7 +28,7 @@ describe('Util Foreign.', () => {
     const portalId = 'data-portal-id';
     const element = document.createElement('div') as HTMLDivElement;
     element.setAttribute(portalId, '100');
-    var result = renderInDom(context, element, DefaultLoadingIndicator, {});
+    var [result] = renderInDom(context, element, DefaultLoadingIndicator, {});
     expect(result).toBe('100');
   });
 
@@ -37,7 +37,7 @@ describe('Util Foreign.', () => {
       showPortal: jest.fn(),
     } as any;
     const element = document.createElement('div') as HTMLDivElement;
-    var result = renderInDom(context, element, DefaultLoadingIndicator, {});
-    expect(result).toBeUndefined();
+    var [result] = renderInDom(context, element, DefaultLoadingIndicator, {});
+    expect(result).toBe('root');
   });
 });

package/src/utils/foreign.ts

@@ -1,7 +1,32 @@
-import { createElement, ComponentType } from 'react';
+import { createElement, ComponentType, ReactPortal } from 'react';
 import { createPortal } from 'react-dom';
 import { GlobalStateContext, ForeignComponent } from '../types';
 
+export function attachDomPortal<TProps>(
+  id: string,
+  context: GlobalStateContext,
+  element: HTMLElement | ShadowRoot,
+  component: ComponentType<TProps>,
+  props: TProps,
+): [string, ReactPortal] {
+  const portal = createPortal(createElement(component, props), element as HTMLElement);
+  context.showPortal(id, portal);
+  return [id, portal];
+}
+
+export function changeDomPortal<TProps>(
+  id: string,
+  current: ReactPortal,
+  context: GlobalStateContext,
+  element: HTMLElement | ShadowRoot,
+  component: ComponentType<TProps>,
+  props: TProps,
+): [string, ReactPortal] {
+  const next = createPortal(createElement(component, props), element as HTMLElement);
+  context.updatePortal(id, current, next);
+  return [id, next];
+}
+
 export function convertComponent<T extends { type: string }, U>(
   converter: (component: T) => ForeignComponent<U>,
   component: T,
@@ -24,14 +49,12 @@ export function renderInDom<TProps>(
 
   while (parent) {
     if (parent instanceof Element && parent.hasAttribute(portalId)) {
-      const portal = createPortal(createElement(component, props), element as HTMLElement);
       const id = parent.getAttribute(portalId);
-      context.showPortal(id, portal);
-      return id;
+      return attachDomPortal(id, context, element, component, props);
     }
 
     parent = parent.parentNode || (parent as ShadowRoot).host;
   }
 
-  return undefined;
+  return attachDomPortal('root', context, element, component, props);
 }

package/src/utils/helpers.ts

@@ -1,24 +1,30 @@
 // tslint:disable-next-line
 export const removeIndicator = null;
 
+// to avoid creating unnecessary empty arrays
+export const none = [];
+
+// to avoid creating unnecessary empty functions
+export const noop = () => {};
+
 export function prependItem<T>(items: Array<T>, item: T) {
-  return [item, ...(items || [])];
+  return [item, ...(items || none)];
 }
 
 export function appendItem<T>(items: Array<T>, item: T) {
-  return [...(items || []), item];
+  return [...(items || none), item];
 }
 
 export function prependItems<T>(items: Array<T>, newItems: Array<T>) {
-  return [...newItems, ...(items || [])];
+  return [...newItems, ...(items || none)];
 }
 
 export function appendItems<T>(items: Array<T>, newItems: Array<T>) {
-  return [...(items || []), ...newItems];
+  return [...(items || none), ...newItems];
 }
 
 export function excludeItem<T>(items: Array<T>, item: T) {
-  return (items || []).filter((m) => m !== item);
+  return (items || none).filter((m) => m !== item);
 }
 
 export function includeItem<T>(items: Array<T>, item: T) {
@@ -26,7 +32,7 @@ export function includeItem<T>(items: Array<T>, item: T) {
 }
 
 export function replaceOrAddItem<T>(items: Array<T>, item: T, predicate: (item: T) => boolean) {
-  const newItems = [...(items || [])];
+  const newItems = [...(items || none)];
 
   for (let i = 0; i < newItems.length; i++) {
     if (predicate(newItems[i])) {
@@ -59,7 +65,7 @@ export function removeNested<T, U = any>(obj: T, predicate: (item: U) => boolean
 }
 
 export function excludeOn<T>(items: Array<T>, predicate: (item: T) => boolean) {
-  return (items || []).filter((m) => !predicate(m));
+  return (items || none).filter((m) => !predicate(m));
 }
 
 export function updateKey<T, TKey extends keyof T>(obj: T, key: TKey, value: T[TKey]): T {
@@ -77,3 +83,11 @@ export function withoutKey<T, TKey extends keyof T>(obj: T, key: TKey): T {
   const { [key]: _, ...newObj } = obj || {};
   return newObj as any;
 }
+
+export function tryParseJson(content: string) {
+  try {
+    return JSON.parse(content);
+  } catch {
+    return {};
+  }
+}

package/src/utils/media.ts

@@ -1,4 +1,5 @@
 import { isfunc } from 'piral-base';
+import { none } from './helpers';
 import { LayoutTypes, LayoutBreakpoints } from '../types';
 
 export const defaultLayouts: LayoutTypes = ['desktop', 'tablet', 'mobile'];
@@ -7,7 +8,7 @@ export const defaultBreakpoints: LayoutBreakpoints = ['(min-width: 991px)', '(mi
 
 const mm =
   typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? () => ({ matches: [] })
+    ? () => ({ matches: none })
     : (q: string) => window.matchMedia(q);
 
 export function getCurrentLayout<T>(breakpoints: Array<string>, layouts: Array<T>, defaultLayout: T) {

package/esm/hooks/debounce.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook that returns the debounced (i.e., delayed) value.
- * Useful when user input should not fire immediately, but rather
- * only after a certain timespan without any changes passed.
- * @param value The value to consider.
- * @param delay The timespan to pass before applying the value.
- */
-export declare function useDebounce<T>(value: T, delay?: number): T;

package/esm/hooks/debounce.js

@@ -1,18 +0,0 @@
-import { useState, useEffect } from 'react';
-/**
- * Hook that returns the debounced (i.e., delayed) value.
- * Useful when user input should not fire immediately, but rather
- * only after a certain timespan without any changes passed.
- * @param value The value to consider.
- * @param delay The timespan to pass before applying the value.
- */
-export function useDebounce(value, delay) {
-    if (delay === void 0) { delay = 300; }
-    var _a = useState(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
-    useEffect(function () {
-        var handler = setTimeout(function () { return setDebouncedValue(value); }, delay);
-        return function () { return clearTimeout(handler); };
-    }, [value, delay]);
-    return debouncedValue;
-}
-//# sourceMappingURL=debounce.js.map

package/esm/hooks/debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/hooks/debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAW;IAAX,sBAAA,EAAA,WAAW;IAC5C,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,SAAS,CAAC;QACR,IAAM,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/esm/hooks/lockBodyScroll.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook that locks scrolling on the main document.
- * Useful for preventing the standard scrolling in context of
- * a modal dialog.
- */
-export declare function useLockBodyScroll(): void;

package/esm/hooks/lockBodyScroll.js

@@ -1,15 +0,0 @@
-import { useLayoutEffect } from 'react';
-/**
- * Hook that locks scrolling on the main document.
- * Useful for preventing the standard scrolling in context of
- * a modal dialog.
- */
-export function useLockBodyScroll() {
-    useLayoutEffect(function () {
-        document.body.style.overflow = 'hidden';
-        return function () {
-            document.body.style.overflow = 'visible';
-        };
-    }, []);
-}
-//# sourceMappingURL=lockBodyScroll.js.map

package/esm/hooks/lockBodyScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lockBodyScroll.js","sourceRoot":"","sources":["../../src/hooks/lockBodyScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC;;;;GAIG;AACH,MAAM,UAAU,iBAAiB;IAC/B,eAAe,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/esm/hooks/onClickOutside.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from 'react';
-/**
- * Hook that detects if a click outside the given reference
- * has been performed.
- * @param ref The reference to the element.
- * @param handler The callback to invoke when an outside click happened.
- */
-export declare function useOnClickOutside<T extends HTMLElement>(ref: RefObject<T>, handler: (event: MouseEvent) => void): void;

package/esm/hooks/onClickOutside.js

@@ -1,23 +0,0 @@
-import { useEffect } from 'react';
-/**
- * Hook that detects if a click outside the given reference
- * has been performed.
- * @param ref The reference to the element.
- * @param handler The callback to invoke when an outside click happened.
- */
-export function useOnClickOutside(ref, handler) {
-    useEffect(function () {
-        var listener = function (event) {
-            if (ref.current && !ref.current.contains(event.target)) {
-                handler(event);
-            }
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return function () {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [handler]);
-}
-//# sourceMappingURL=onClickOutside.js.map

package/esm/hooks/onClickOutside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onClickOutside.js","sourceRoot":"","sources":["../../src/hooks/onClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAwB,GAAiB,EAAE,OAAoC;IAC9G,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,UAAC,KAAiB;YACjC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,OAAO,CAAC,KAAK,CAAC,CAAC;aAChB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAElD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/esm/hooks/onScreenVisible.d.ts

@@ -1,11 +0,0 @@
-import { RefObject } from 'react';
-/**
- * Hook that detects if a reference element within the main document is
- * visible.
- * Useful for performing some animation or triggering certain actions (e.g.,
- * loading data for infinity scrolling) when an element appears or is close
- * to appear on screen.
- * @param ref The reference element to be visible.
- * @param rootMargin The tolerance level to the reference element.
- */
-export declare function useOnScreenVisible<T extends HTMLElement>(ref: RefObject<T>, rootMargin?: string): boolean;

package/esm/hooks/onScreenVisible.js

@@ -1,28 +0,0 @@
-import { useState, useEffect } from 'react';
-/**
- * Hook that detects if a reference element within the main document is
- * visible.
- * Useful for performing some animation or triggering certain actions (e.g.,
- * loading data for infinity scrolling) when an element appears or is close
- * to appear on screen.
- * @param ref The reference element to be visible.
- * @param rootMargin The tolerance level to the reference element.
- */
-export function useOnScreenVisible(ref, rootMargin) {
-    if (rootMargin === void 0) { rootMargin = '0px'; }
-    var _a = useState(false), isIntersecting = _a[0], setIntersecting = _a[1];
-    useEffect(function () {
-        var observer = new IntersectionObserver(function (_a) {
-            var entry = _a[0];
-            return setIntersecting(entry.isIntersecting);
-        }, {
-            rootMargin: rootMargin,
-        });
-        if (ref.current) {
-            observer.observe(ref.current);
-        }
-        return function () { return observer.unobserve(ref.current); };
-    }, []);
-    return isIntersecting;
-}
-//# sourceMappingURL=onScreenVisible.js.map

package/esm/hooks/onScreenVisible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onScreenVisible.js","sourceRoot":"","sources":["../../src/hooks/onScreenVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,UAAU,kBAAkB,CAAwB,GAAiB,EAAE,UAAkB;IAAlB,2BAAA,EAAA,kBAAkB;IACvF,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,cAAc,QAAA,EAAE,eAAe,QAAmB,CAAC;IAE1D,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,UAAC,EAAO;gBAAN,KAAK,QAAA;YAAM,OAAA,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC;QAArC,CAAqC,EAAE;YAC5F,UAAU,YAAA;SACX,CAAC,CAAC;QAEH,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC/B;QAED,OAAO,cAAM,OAAA,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAA/B,CAA+B,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/esm/hooks/promise.d.ts

@@ -1,13 +0,0 @@
-/**
- * The currently captured Promise state.
- */
-export interface UsePromiseResult<T> {
-    loading: boolean;
-    data: T;
-    error: any;
-}
-/**
- * Hook for introducing a complete local loading state for a promise.
- * @param promise The callback for the promise to wait for.
- */
-export declare function usePromise<T>(promise: () => Promise<T>): UsePromiseResult<T>;

package/esm/hooks/promise.js

@@ -1,21 +0,0 @@
-import { useState, useEffect } from 'react';
-/**
- * Hook for introducing a complete local loading state for a promise.
- * @param promise The callback for the promise to wait for.
- */
-export function usePromise(promise) {
-    var _a = useState({
-        loading: true,
-        data: undefined,
-        error: undefined,
-    }), result = _a[0], setResult = _a[1];
-    useEffect(function () {
-        var cancelled = false;
-        promise().then(function (data) { return !cancelled && setResult({ data: data, error: undefined, loading: false }); }, function (error) { return !cancelled && setResult({ data: undefined, error: error, loading: false }); });
-        return function () {
-            cancelled = true;
-        };
-    }, []);
-    return result;
-}
-//# sourceMappingURL=promise.js.map

package/esm/hooks/promise.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"promise.js","sourceRoot":"","sources":["../../src/hooks/promise.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAW5C;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAI,OAAyB;IAC/C,IAAA,KAAsB,QAAQ,CAAsB;QACxD,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;KACjB,CAAC,EAJK,MAAM,QAAA,EAAE,SAAS,QAItB,CAAC;IACH,SAAS,CAAC;QACR,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,OAAO,EAAE,CAAC,IAAI,CACZ,UAAC,IAAI,IAAK,OAAA,CAAC,SAAS,IAAI,SAAS,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAnE,CAAmE,EAC7E,UAAC,KAAK,IAAK,OAAA,CAAC,SAAS,IAAI,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,OAAA,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAnE,CAAmE,CAC/E,CAAC;QAEF,OAAO;YACL,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib/hooks/debounce.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook that returns the debounced (i.e., delayed) value.
- * Useful when user input should not fire immediately, but rather
- * only after a certain timespan without any changes passed.
- * @param value The value to consider.
- * @param delay The timespan to pass before applying the value.
- */
-export declare function useDebounce<T>(value: T, delay?: number): T;

package/lib/hooks/debounce.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebounce = void 0;
-var react_1 = require("react");
-/**
- * Hook that returns the debounced (i.e., delayed) value.
- * Useful when user input should not fire immediately, but rather
- * only after a certain timespan without any changes passed.
- * @param value The value to consider.
- * @param delay The timespan to pass before applying the value.
- */
-function useDebounce(value, delay) {
-    if (delay === void 0) { delay = 300; }
-    var _a = react_1.useState(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
-    react_1.useEffect(function () {
-        var handler = setTimeout(function () { return setDebouncedValue(value); }, delay);
-        return function () { return clearTimeout(handler); };
-    }, [value, delay]);
-    return debouncedValue;
-}
-exports.useDebounce = useDebounce;
-//# sourceMappingURL=debounce.js.map

package/lib/hooks/debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/hooks/debounce.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAE5C;;;;;;GAMG;AACH,SAAgB,WAAW,CAAI,KAAQ,EAAE,KAAW;IAAX,sBAAA,EAAA,WAAW;IAC5C,IAAA,KAAsC,gBAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,iBAAS,CAAC;QACR,IAAM,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAxB,CAAwB,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC;AATD,kCASC"}

package/lib/hooks/lockBodyScroll.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook that locks scrolling on the main document.
- * Useful for preventing the standard scrolling in context of
- * a modal dialog.
- */
-export declare function useLockBodyScroll(): void;

package/lib/hooks/lockBodyScroll.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLockBodyScroll = void 0;
-var react_1 = require("react");
-/**
- * Hook that locks scrolling on the main document.
- * Useful for preventing the standard scrolling in context of
- * a modal dialog.
- */
-function useLockBodyScroll() {
-    react_1.useLayoutEffect(function () {
-        document.body.style.overflow = 'hidden';
-        return function () {
-            document.body.style.overflow = 'visible';
-        };
-    }, []);
-}
-exports.useLockBodyScroll = useLockBodyScroll;
-//# sourceMappingURL=lockBodyScroll.js.map

package/lib/hooks/lockBodyScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lockBodyScroll.js","sourceRoot":"","sources":["../../src/hooks/lockBodyScroll.ts"],"names":[],"mappings":";;;AAAA,+BAAwC;AAExC;;;;GAIG;AACH,SAAgB,iBAAiB;IAC/B,uBAAe,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAPD,8CAOC"}

package/lib/hooks/onClickOutside.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from 'react';
-/**
- * Hook that detects if a click outside the given reference
- * has been performed.
- * @param ref The reference to the element.
- * @param handler The callback to invoke when an outside click happened.
- */
-export declare function useOnClickOutside<T extends HTMLElement>(ref: RefObject<T>, handler: (event: MouseEvent) => void): void;

package/lib/hooks/onClickOutside.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnClickOutside = void 0;
-var react_1 = require("react");
-/**
- * Hook that detects if a click outside the given reference
- * has been performed.
- * @param ref The reference to the element.
- * @param handler The callback to invoke when an outside click happened.
- */
-function useOnClickOutside(ref, handler) {
-    react_1.useEffect(function () {
-        var listener = function (event) {
-            if (ref.current && !ref.current.contains(event.target)) {
-                handler(event);
-            }
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return function () {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [handler]);
-}
-exports.useOnClickOutside = useOnClickOutside;
-//# sourceMappingURL=onClickOutside.js.map

package/lib/hooks/onClickOutside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onClickOutside.js","sourceRoot":"","sources":["../../src/hooks/onClickOutside.ts"],"names":[],"mappings":";;;AAAA,+BAA6C;AAE7C;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAwB,GAAiB,EAAE,OAAoC;IAC9G,iBAAS,CAAC;QACR,IAAM,QAAQ,GAAG,UAAC,KAAiB;YACjC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,OAAO,CAAC,KAAK,CAAC,CAAC;aAChB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAElD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC;AAhBD,8CAgBC"}

package/lib/hooks/onScreenVisible.d.ts

@@ -1,11 +0,0 @@
-import { RefObject } from 'react';
-/**
- * Hook that detects if a reference element within the main document is
- * visible.
- * Useful for performing some animation or triggering certain actions (e.g.,
- * loading data for infinity scrolling) when an element appears or is close
- * to appear on screen.
- * @param ref The reference element to be visible.
- * @param rootMargin The tolerance level to the reference element.
- */
-export declare function useOnScreenVisible<T extends HTMLElement>(ref: RefObject<T>, rootMargin?: string): boolean;