piral-core 1.0.0-pre.2217 → 1.0.0

package/src/utils/helpers.ts

@@ -1,32 +1,38 @@
 // 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) {
-  return prependItem(excludeItem(items, item), item);
+  return appendItem(excludeItem(items, item), item);
 }
 
 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/index.ts

@@ -1,9 +1,12 @@
+export { isfunc, requireModule } from 'piral-base';
+
 export * from './compare';
 export * from './data';
-export * from './events';
+export * from './extension';
 export * from './foreign';
 export * from './guid';
 export * from './helpers';
 export * from './media';
 export * from './react';
+export * from './state';
 export * from './storage';

package/src/utils/media-server.test.ts

@@ -0,0 +1,13 @@
+/**
+ * @jest-environment node
+ */
+import { getCurrentLayout } from './media';
+
+describe('Media Module', () => {
+  it('in here window should be undefined', () => {
+    expect(typeof window).toBe('undefined');
+    const breakpoints = ['min-width: 200px', 'max-width: 199px'];
+    const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'qxz');
+    expect(result).toBe('qxz');
+  });
+});

package/src/utils/media.ts

@@ -7,10 +7,10 @@ export const defaultBreakpoints: LayoutBreakpoints = ['(min-width: 991px)', '(mi
 
 const mm =
   typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? () => ({ matches: [] })
+    ? () => ({ matches: undefined })
     : (q: string) => window.matchMedia(q);
 
-export function getCurrentLayout<T>(breakpoints: Array<string>, layouts: Array<T>, defaultLayout: T) {
+export function getCurrentLayout<T>(breakpoints: Array<string> = defaultBreakpoints, layouts: Array<T>, defaultLayout: T) {
   const query = breakpoints.findIndex((q) => mm(q).matches);
   const layout = layouts[query];
   return layout !== undefined ? layout : defaultLayout;

package/src/utils/state.test.ts

@@ -0,0 +1,37 @@
+import { withAll, withRootExtension } from './state';
+import { RootListener } from '../RootListener';
+
+describe('State Module', () => {
+  it('withRootExtension should create an extension key', () => {
+    const dispatch = withRootExtension('test', RootListener);
+    const result = dispatch({ registry: { extensions: {} } });
+    expect(result['registry']['extensions']['test']).toBeTruthy();
+  });
+
+  it('withAll should return identity state with no dispatcher', () => {
+    const dispatchers = withAll();
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'] });
+  });
+
+  it('withAll should return identity state with identity dispatcher', () => {
+    const dispatchers = withAll((s) => s);
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'] });
+  });
+
+  it('withAll should return empty state with blank dispatcher', () => {
+    const dispatchers = withAll((s) => ({}));
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({});
+  });
+
+  it('withAll should return mutated state of all dispatchers', () => {
+    const dispatchers = withAll(
+      (s) => ({ ...s, foo: 'bar' }),
+      (s) => ({ ...s, bar: 'qxz' }),
+    );
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'], foo: 'bar', bar: 'qxz' });
+  });
+});

package/src/utils/state.ts

@@ -0,0 +1,131 @@
+import { cloneElement, ComponentType, createElement } from 'react';
+import { RouteComponentProps } from 'react-router';
+import { toExtension } from './extension';
+import { withKey, withoutKey, appendItem, excludeOn } from './helpers';
+import { GlobalState, PageRegistration, ExtensionRegistration } from '../types';
+
+/**
+ * Returns a dispatcher that includes all mentioned dispatchers.
+ * @param dispatchers The dispatchers to include.
+ */
+export function withAll(...dispatchers: Array<(state: GlobalState) => GlobalState>) {
+  return (state: GlobalState): GlobalState => {
+    for (const dispatcher of dispatchers) {
+      state = dispatcher(state);
+    }
+
+    return state;
+  };
+}
+
+/**
+ * Returns a dispatcher that adds a page registration.
+ * @param name The path of the page to register.
+ * @param value The value of the page to register.
+ * @returns The dispatcher.
+ */
+export function withPage(name: string, value: PageRegistration) {
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    registry: {
+      ...state.registry,
+      pages: withKey(state.registry.pages, name, value),
+    },
+  });
+}
+
+/**
+ * Returns a dispatcher that removes a page registration.
+ * @param name The path of the page to unregister.
+ * @returns The dispatcher.
+ */
+export function withoutPage(name: string) {
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    registry: {
+      ...state.registry,
+      pages: withoutKey(state.registry.pages, name),
+    },
+  });
+}
+
+/**
+ * Returns a dispatcher that adds an extension registration.
+ * @param name The name of the extension to register.
+ * @param value The value of the extension to register.
+ * @returns The dispatcher.
+ */
+export function withExtension(name: string, value: ExtensionRegistration) {
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    registry: {
+      ...state.registry,
+      extensions: withKey(state.registry.extensions, name, appendItem(state.registry.extensions[name], value)),
+    },
+  });
+}
+
+/**
+ * Returns a dispatcher that removes an extension registration.
+ * @param name The name of the extension to unregister.
+ * @param reference The reference for the extension.
+ * @returns The dispatcher.
+ */
+export function withoutExtension(name: string, reference: any) {
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    registry: {
+      ...state.registry,
+      extensions: withKey(
+        state.registry.extensions,
+        name,
+        excludeOn(state.registry.extensions[name], (m) => m.reference === reference),
+      ),
+    },
+  });
+}
+
+/**
+ * Returns a dispatcher that adds an extension registration from the root (no Pilet API).
+ * @param name The name of the extension to register.
+ * @param component The extension's component to use.
+ * @returns The dispatcher.
+ */
+export function withRootExtension<T>(name: string, component: ComponentType<T>) {
+  return withExtension(name, {
+    component: toExtension(component),
+    defaults: {},
+    pilet: '',
+    reference: component,
+  });
+}
+
+/**
+ * Returns a dispatcher that adds another provider.
+ * @param provider The provider to include.
+ * @returns The dispatcher.
+ */
+export function withProvider(provider: JSX.Element) {
+  const wrapper: React.FC = (props) => cloneElement(provider, props);
+
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    provider: !state.provider ? wrapper : (props) => createElement(state.provider, undefined, wrapper(props)),
+  });
+}
+
+/**
+ * Returns a dispatcher that registers another route.
+ * @param path The path of the route to register.
+ * @param component The component representing the route.
+ * @returns The dispatcher.
+ */
+export function withRoute<T extends { [K in keyof T]?: string } = {}>(
+  path: string,
+  component: ComponentType<RouteComponentProps<T>>,
+) {
+  return (state: GlobalState): GlobalState => ({
+    ...state,
+    routes: withKey(state.routes, path, component),
+  });
+}

package/dependencies.codegen

@@ -1,9 +0,0 @@
-module.exports = function() {
-  const appName = process.env.BUILD_PCKG_NAME || '';
-  const externals = (process.env.SHARED_DEPENDENCIES || '').split(',');
-  const deps = [`deps['${appName}']={}`, ...externals.map(name => `deps['${name}']=require('${name}')`)];
-  const code = deps.join(';');
-  return `module.exports = function(deps){
-    ${code}
-  }`;
-};

package/dependencies.codegen.native.js

@@ -1,2 +0,0 @@
-// required for piral-native; otherwise non-essential
-module.exports = function() {};

package/esm/components/DefaultErrorInfo.js

@@ -1,12 +0,0 @@
-import { __assign } from "tslib";
-import * as React from 'react';
-import { ExtensionSlot } from './ExtensionSlot';
-import { SwitchErrorInfo } from './SwitchErrorInfo';
-/**
- * The default error info component. Just uses the "error" extension slot.
- * Leverage the default one by registration of respective extensions using
- * the "error" name.
- */
-export var DefaultErrorInfo = function (props) { return (React.createElement(ExtensionSlot, { name: "error", params: props, empty: function () { return React.createElement(SwitchErrorInfo, __assign({ key: "default_error" }, props)); } })); };
-DefaultErrorInfo.displayName = 'DefaultErrorInfo';
-//# sourceMappingURL=DefaultErrorInfo.js.map

package/esm/components/DefaultErrorInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultErrorInfo.js","sourceRoot":"","sources":["../../src/components/DefaultErrorInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD;;;;GAIG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAA6B,UAAC,KAAK,IAAK,OAAA,CACnE,oBAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAM,OAAA,oBAAC,eAAe,aAAC,GAAG,EAAC,eAAe,IAAK,KAAK,EAAI,EAAlD,CAAkD,GAAI,CAC/G,EAFoE,CAEpE,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/esm/components/DefaultLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultLayout.js","sourceRoot":"","sources":["../../src/components/DefaultLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAA0B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,aAAa,CAAC,QAAQ,CAAC;AAAvB,CAAuB,CAAC;AAC9F,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/esm/components/DefaultLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultLoader.js","sourceRoot":"","sources":["../../src/components/DefaultLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAoC,cAAM,OAAA,2CAAkB,EAAlB,CAAkB,CAAC;AACjG,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

package/esm/components/SetComponent.js

@@ -1,12 +0,0 @@
-import { useAction, useSetter } from '../hooks';
-/**
- * The component capable of setting a layout component at mounting.
- */
-export function SetComponent(_a) {
-    var name = _a.name, component = _a.component;
-    var setComponent = useAction('setComponent');
-    useSetter(function () { return component && setComponent(name, component); });
-    // tslint:disable-next-line:no-null-keyword
-    return null;
-}
-//# sourceMappingURL=SetComponent.js.map

package/esm/components/SetComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetComponent.js","sourceRoot":"","sources":["../../src/components/SetComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAiBhD;;GAEG;AACH,MAAM,UAAU,YAAY,CAAqC,EAGvC;QAFxB,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,CAAC,cAAM,OAAA,SAAS,IAAI,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAA1C,CAA0C,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/components/SetError.js

@@ -1,12 +0,0 @@
-import { useAction, useSetter } from '../hooks';
-/**
- * The component capable of setting a globally defined error handler component at mounting.
- */
-export function SetError(_a) {
-    var type = _a.type, component = _a.component;
-    var setErrorComponent = useAction('setErrorComponent');
-    useSetter(function () { return component && setErrorComponent(type, component); });
-    // tslint:disable-next-line:no-null-keyword
-    return null;
-}
-//# sourceMappingURL=SetError.js.map

package/esm/components/SetError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetError.js","sourceRoot":"","sources":["../../src/components/SetError.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAiBhD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAA0C,EAG5C;QAFpB,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,iBAAiB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACzD,SAAS,CAAC,cAAM,OAAA,SAAS,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,EAA/C,CAA+C,CAAC,CAAC;IACjE,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/components/SetErrors.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { SetError } from './SetError';
-/**
- * The component capable of batch setting error handling components.
- */
-export function SetErrors(_a) {
-    var _b = _a.errors, errors = _b === void 0 ? {} : _b;
-    return (React.createElement(React.Fragment, null, Object.keys(errors).map(function (key) { return (React.createElement(SetError, { type: key, component: errors[key], key: key })); })));
-}
-//# sourceMappingURL=SetErrors.js.map

package/esm/components/SetErrors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetErrors.js","sourceRoot":"","sources":["../../src/components/SetErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAatC;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAA+B;QAA7B,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;IACrC,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACrC,oBAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1D,EAFsC,CAEtC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC"}

package/esm/components/SetLayout.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { SetComponent } from './SetComponent';
-/**
- * The component capable of batch setting layout components.
- */
-export function SetLayout(_a) {
-    var _b = _a.layout, layout = _b === void 0 ? {} : _b;
-    return (React.createElement(React.Fragment, null, Object.keys(layout).map(function (key) { return (React.createElement(SetComponent, { name: key, component: layout[key], key: key })); })));
-}
-//# sourceMappingURL=SetLayout.js.map

package/esm/components/SetLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetLayout.js","sourceRoot":"","sources":["../../src/components/SetLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAa9C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAA+B;QAA7B,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;IACrC,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACrC,oBAAC,YAAY,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9D,EAFsC,CAEtC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC"}

package/esm/components/SetProvider.js

@@ -1,12 +0,0 @@
-import { useAction, useSetter } from '../hooks';
-/**
- * The component capable of setting a global provider at mounting.
- */
-export function SetProvider(_a) {
-    var provider = _a.provider;
-    var includeProvider = useAction('includeProvider');
-    useSetter(function () { return provider && includeProvider(provider); });
-    // tslint:disable-next-line:no-null-keyword
-    return null;
-}
-//# sourceMappingURL=SetProvider.js.map

package/esm/components/SetProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetProvider.js","sourceRoot":"","sources":["../../src/components/SetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAYhD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAA8B;QAA5B,QAAQ,cAAA;IACpC,IAAM,eAAe,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,cAAM,OAAA,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,EAArC,CAAqC,CAAC,CAAC;IACvD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/components/SetRedirect.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Redirect } from 'react-router';
-import { useAction, useSetter } from '../hooks';
-/**
- * The component capable of setting a global redirect route at mounting.
- */
-export function SetRedirect(_a) {
-    var from = _a.from, to = _a.to;
-    var setRoute = useAction('setRoute');
-    useSetter(function () { return setRoute(from, function () { return React.createElement(Redirect, { to: to }); }); });
-    // tslint:disable-next-line:no-null-keyword
-    return null;
-}
-//# sourceMappingURL=SetRedirect.js.map

package/esm/components/SetRedirect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/components/SetRedirect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgBhD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAA8B;QAA5B,IAAI,UAAA,EAAE,EAAE,QAAA;IACpC,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACvC,SAAS,CAAC,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAE,cAAM,OAAA,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,EAApB,CAAoB,CAAC,EAA1C,CAA0C,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/components/SetRoute.js

@@ -1,12 +0,0 @@
-import { useAction, useSetter } from '../hooks';
-/**
- * The component capable of setting a global route at mounting.
- */
-export function SetRoute(_a) {
-    var path = _a.path, component = _a.component;
-    var setRoute = useAction('setRoute');
-    useSetter(function () { return component && setRoute(path, component); });
-    // tslint:disable-next-line:no-null-keyword
-    return null;
-}
-//# sourceMappingURL=SetRoute.js.map

package/esm/components/SetRoute.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SetRoute.js","sourceRoot":"","sources":["../../src/components/SetRoute.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgBhD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAS,EAAqC;QAAnC,IAAI,UAAA,EAAE,SAAS,eAAA;IAChD,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACvC,SAAS,CAAC,cAAM,OAAA,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,EAAtC,CAAsC,CAAC,CAAC;IACxD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

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,13 +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 () { return (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,cAAM,OAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC,EAA1C,CAA0C,CAAC;IAC1D,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/esm/utils/events.d.ts

@@ -1,3 +0,0 @@
-import { EventEmitter } from '../types';
-export declare type EventListeners = Array<[any, any]>;
-export declare function createListener(state: any): EventEmitter;