@apia/util 2.0.11 → 3.0.2

package/dist/states/useDomState.d.ts

@@ -1,86 +0,0 @@
-import { HTMLAttributes } from 'react';
-
-/**
- * El hook useDomState permite aplicar propiedades a un
- * elemento del DOM de la forma más eficiente posible.
- *
- * Este hook no permite el uso de sx ya que por las características
- * del sx, el re-renderizado es necesario.
- *
- * @example
- *
- *
- * const TestComponent = () => {
-  const { domProps, setDomProps } = useDomState<BoxProps>({
-    style: {
-      position: 'fixed',
-      left: 0,
-      top: 0,
-      width: '150px',
-      height: '150px',
-      backgroundColor: '#ccc',
-    },
-  });
-  const initialPosition = React.useRef({ boxX: 0, boxY: 0, x: 0, y: 0 });
-  const isDragging = React.useRef(false);
-  const [state, setState] = React.useState(1);
-
-  React.useEffect(() => {
-    const move = (ev: MouseEvent) => {
-      if (isDragging.current) {
-        const moveX = ev.clientX - initialPosition.current.x;
-        const moveY = ev.clientY - initialPosition.current.y;
-        const newLeft = initialPosition.current.boxX + moveX;
-        const newTop = initialPosition.current.boxY + moveY;
-        setDomProps({
-          style: {
-            left: `${newLeft}px`,
-            top: `${newTop}px`,
-          },
-        });
-      }
-    };
-
-    const removeSuscription = () => {
-      isDragging.current = false;
-    };
-
-    document.addEventListener('mousemove', move);
-    document.addEventListener('mouseup', removeSuscription);
-
-    return () => {
-      document.removeEventListener('mousemove', move);
-      document.removeEventListener('mouseup', removeSuscription);
-    };
-  }, [setDomProps]);
-
-  return (
-    <Box
-      {...domProps}
-      onMouseDown={(ev) => {
-        initialPosition.current = {
-          boxX: Number.parseInt(domProps.style?.left as string, 10),
-          boxY: Number.parseInt(domProps.style?.top as string, 10),
-          x: ev.clientX,
-          y: ev.clientY,
-        };
-        isDragging.current = true;
-      }}
-    >
-      Esta caja es arrastrable. Renderizados: {state}
-      <Button onClick={() => setState((current) => current + 1)}>
-        Renderizar
-      </Button>
-    </Box>
-  );
-};
- */
-declare function useDomState<T extends HTMLAttributes<HTMLElement>>(initialDomProps?: T): {
-    domProps: T & {
-        ref: (el: HTMLElement) => void;
-    };
-    setDomProps: ({ style, ...newDomProps }: Partial<T>) => void;
-};
-
-export { useDomState };
-//# sourceMappingURL=useDomState.d.ts.map

package/dist/states/useDomState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDomState.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/states/useDomState.js

@@ -1,35 +0,0 @@
-import React__default from 'react';
-
-function assignProps(el, { style, ...props }) {
-  if (style) {
-    Object.entries(style).forEach(([name, value]) => {
-      el.style[name] = value;
-    });
-  }
-  Object.assign(el, props);
-}
-function useDomState(initialDomProps) {
-  const domProps = React__default.useRef({
-    ...initialDomProps ?? {},
-    ref: React__default.useCallback((el) => {
-      ref.current = el;
-      assignProps(ref.current, domProps.current);
-    }, [])
-  });
-  const ref = React__default.useRef(null);
-  return {
-    domProps: domProps.current,
-    setDomProps: React__default.useCallback(({ style, ...newDomProps }) => {
-      if (style) {
-        const newStyles = { ...domProps.current.style, ...style };
-        domProps.current.style = newStyles;
-      }
-      Object.assign(domProps.current, newDomProps);
-      if (ref.current)
-        assignProps(ref.current, domProps.current);
-    }, [])
-  };
-}
-
-export { useDomState };
-//# sourceMappingURL=useDomState.js.map

package/dist/states/useDomState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDomState.js","sources":["../../src/states/useDomState.tsx"],"sourcesContent":["import React, { HTMLAttributes, HTMLProps } from 'react';\r\n\r\nfunction assignProps<T extends HTMLProps<HTMLElement>>(\r\n  el: HTMLElement,\r\n  { style, ...props }: T,\r\n) {\r\n  if (style) {\r\n    Object.entries(style).forEach(([name, value]) => {\r\n      // eslint-disable-next-line no-param-reassign, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\r\n      (el as any).style[name] = value;\r\n    });\r\n  }\r\n  Object.assign(el, props);\r\n}\r\n\r\n/**\r\n * El hook useDomState permite aplicar propiedades a un\r\n * elemento del DOM de la forma más eficiente posible.\r\n *\r\n * Este hook no permite el uso de sx ya que por las características\r\n * del sx, el re-renderizado es necesario.\r\n *\r\n * @example\r\n *\r\n *\r\n * const TestComponent = () => {\r\n  const { domProps, setDomProps } = useDomState<BoxProps>({\r\n    style: {\r\n      position: 'fixed',\r\n      left: 0,\r\n      top: 0,\r\n      width: '150px',\r\n      height: '150px',\r\n      backgroundColor: '#ccc',\r\n    },\r\n  });\r\n  const initialPosition = React.useRef({ boxX: 0, boxY: 0, x: 0, y: 0 });\r\n  const isDragging = React.useRef(false);\r\n  const [state, setState] = React.useState(1);\r\n\r\n  React.useEffect(() => {\r\n    const move = (ev: MouseEvent) => {\r\n      if (isDragging.current) {\r\n        const moveX = ev.clientX - initialPosition.current.x;\r\n        const moveY = ev.clientY - initialPosition.current.y;\r\n        const newLeft = initialPosition.current.boxX + moveX;\r\n        const newTop = initialPosition.current.boxY + moveY;\r\n        setDomProps({\r\n          style: {\r\n            left: `${newLeft}px`,\r\n            top: `${newTop}px`,\r\n          },\r\n        });\r\n      }\r\n    };\r\n\r\n    const removeSuscription = () => {\r\n      isDragging.current = false;\r\n    };\r\n\r\n    document.addEventListener('mousemove', move);\r\n    document.addEventListener('mouseup', removeSuscription);\r\n\r\n    return () => {\r\n      document.removeEventListener('mousemove', move);\r\n      document.removeEventListener('mouseup', removeSuscription);\r\n    };\r\n  }, [setDomProps]);\r\n\r\n  return (\r\n    <Box\r\n      {...domProps}\r\n      onMouseDown={(ev) => {\r\n        initialPosition.current = {\r\n          boxX: Number.parseInt(domProps.style?.left as string, 10),\r\n          boxY: Number.parseInt(domProps.style?.top as string, 10),\r\n          x: ev.clientX,\r\n          y: ev.clientY,\r\n        };\r\n        isDragging.current = true;\r\n      }}\r\n    >\r\n      Esta caja es arrastrable. Renderizados: {state}\r\n      <Button onClick={() => setState((current) => current + 1)}>\r\n        Renderizar\r\n      </Button>\r\n    </Box>\r\n  );\r\n};\r\n */\r\nexport function useDomState<T extends HTMLAttributes<HTMLElement>>(\r\n  initialDomProps?: T,\r\n) {\r\n  const domProps = React.useRef<T & { ref: (el: HTMLElement) => void }>({\r\n    ...(initialDomProps ?? ({} as T)),\r\n    ref: React.useCallback((el: HTMLElement) => {\r\n      ref.current = el;\r\n      assignProps(ref.current, domProps.current);\r\n    }, []),\r\n  });\r\n  const ref = React.useRef<HTMLElement | null>(null);\r\n  return {\r\n    domProps: domProps.current,\r\n    setDomProps: React.useCallback(({ style, ...newDomProps }: Partial<T>) => {\r\n      if (style) {\r\n        const newStyles = { ...domProps.current.style, ...style };\r\n        domProps.current.style = newStyles;\r\n      }\r\n      Object.assign(domProps.current, newDomProps);\r\n      if (ref.current) assignProps(ref.current, domProps.current);\r\n    }, []),\r\n  };\r\n}\r\n"],"names":["React"],"mappings":";;AAEA,SAAS,YACP,EACA,EAAA,EAAE,KAAO,EAAA,GAAG,OACZ,EAAA;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,MAAA,CAAA,OAAA,CAAQ,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,KAAK,CAAM,KAAA;AAE/C,MAAC,EAAA,CAAW,KAAM,CAAA,IAAI,CAAI,GAAA,KAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,GACH;AACA,EAAO,MAAA,CAAA,MAAA,CAAO,IAAI,KAAK,CAAA,CAAA;AACzB,CAAA;AA6EO,SAAS,YACd,eACA,EAAA;AACA,EAAM,MAAA,QAAA,GAAWA,eAAM,MAA+C,CAAA;AAAA,IACpE,GAAI,mBAAoB,EAAC;AAAA,IACzB,GAAK,EAAAA,cAAA,CAAM,WAAY,CAAA,CAAC,EAAoB,KAAA;AAC1C,MAAA,GAAA,CAAI,OAAU,GAAA,EAAA,CAAA;AACd,MAAY,WAAA,CAAA,GAAA,CAAI,OAAS,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KAC3C,EAAG,EAAE,CAAA;AAAA,GACN,CAAA,CAAA;AACD,EAAM,MAAA,GAAA,GAAMA,cAAM,CAAA,MAAA,CAA2B,IAAI,CAAA,CAAA;AACjD,EAAO,OAAA;AAAA,IACL,UAAU,QAAS,CAAA,OAAA;AAAA,IACnB,WAAA,EAAaA,eAAM,WAAY,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,aAA8B,KAAA;AACxE,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,MAAM,YAAY,EAAE,GAAG,SAAS,OAAQ,CAAA,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACxD,QAAA,QAAA,CAAS,QAAQ,KAAQ,GAAA,SAAA,CAAA;AAAA,OAC3B;AACA,MAAO,MAAA,CAAA,MAAA,CAAO,QAAS,CAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC3C,MAAA,IAAI,GAAI,CAAA,OAAA;AAAS,QAAY,WAAA,CAAA,GAAA,CAAI,OAAS,EAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KAC5D,EAAG,EAAE,CAAA;AAAA,GACP,CAAA;AACF;;;;"}

package/dist/storage/StatefulStore.d.ts

@@ -1,205 +0,0 @@
-import { TId } from '../types/misc.js';
-
-type StatefulStoreUnsuscriber = () => void;
-type StatefulStoreUpdater<Props> = (currentProps: Props) => Props;
-type StatefulStoreUpdateProps<Props> = StatefulStoreUpdater<Props> | Partial<Props>;
-/**
- * Clase facilitadora del uso de StatefulStore. Es un pequeño almacen que
- * permite actualizar sus propiedades y sabe cómo sincronizarse con el store de
- * modo que los cambios se propaguen según corresponda.
- */
-declare abstract class BasicStoredElement<Props extends Record<string, unknown>> {
-    #private;
-    abstract getId(): TId;
-    onUpdate(cb: () => void): StatefulStoreUnsuscriber;
-    props: Props;
-    constructor(props: Props);
-    protected shoutUpdates: () => void;
-    update(newProps: StatefulStoreUpdateProps<Props>): void;
-    useProps: () => Props;
-}
-/**
- * Son las acciones de adición del store.
- */
-type AddActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `add${Capitalize<string & P>}`]: (el: T[P]) => void;
-};
-/**
- * Acciones de vaciado del store.
- */
-type EmptyActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `empty${Capitalize<string & P>}`]: () => void;
-};
-/**
- * Acciones de removido del store.
- */
-type RemoveActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `remove${Capitalize<string & P>}`]: (id: TId) => void;
-};
-type UpdateListActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `update${Capitalize<string & P>}List`]: (newList: T[P]) => void;
-};
-/**
- * Conjunto de acciones disponibles del store
- */
-type ActionMethods<T extends Record<string, BasicStoredElement<any>>> = {
-    actions: AddActions<T> & EmptyActions<T> & RemoveActions<T> & UpdateListActions<T>;
-};
-/**
- * Método que permite obtener el listado de elementos de un tipo.
- */
-type GetStateActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `get${Capitalize<string & P>}State`]: () => T[P][];
-};
-/**
- * Método que permite conocer las propiedades de un elemento.
- */
-type GetItemActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `get${Capitalize<string & P>}`]: (id: TId) => T[P];
-};
-type UpdateItemActions<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `update${Capitalize<string & P>}`]: (id: TId, newProps: StatefulStoreUpdateProps<T[P]['props']>) => void;
-};
-/**
- * Conjunto de métodos que permiten acceder al estado en un momento
- * determinado.
- */
-type StateMethods<T extends Record<string, BasicStoredElement<any>>> = {
-    state: GetStateActions<T> & GetItemActions<T> & UpdateItemActions<T>;
-};
-/**
- * Es el hook encargado de permitir la escucha de listado de elementos y sus
- * propiedades.
- */
-type HookUseState<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `use${Capitalize<string & P>}`]: () => T[P][];
-};
-/**
- * Es el hook encargado de permitir la escucha de listado de elementos
- */
-type HookUseList<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `use${Capitalize<string & P>}List`]: () => T[P][];
-};
-/**
- * Es el hook encargado de permitir la escucha de propiedades de un elemento
- */
-type HookUseStateById<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `use${Capitalize<string & P>}ById`]: (id: TId) => T[P] | undefined;
-};
-/**
- * Conjunto de hooks del store.
- */
-type HooksMethods<T extends Record<string, BasicStoredElement<any>>> = {
-    hooks: HookUseState<T> & HookUseStateById<T> & HookUseList<T>;
-};
-/**
- * Es la suscripción encargada de permitir la escucha de propiedades de un
- * elemento
- */
-type SuscribeById<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `change${Capitalize<string & P>}Element`]: (id: TId, cb: (props: T[P]) => unknown) => StatefulStoreUnsuscriber;
-};
-/**
- * Es la suscripción encaragada de permitir la escucha de cambios en la lista y
- * las propiedades de sus elementos.
- */
-type SuscribeToListChange<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `change${Capitalize<string & P>}`]: (cb: (props: T[P][]) => unknown) => StatefulStoreUnsuscriber;
-};
-/**
- * Es la suscripción encaragada de permitir la escucha de cambios en la
- * cantidad de elementos de la lista, pero no en las propiedades de los
- * elementos.
- */
-type SuscribeToListCountChange<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `change${Capitalize<string & P>}Ammount`]: (cb: (props: T[P][]) => unknown) => StatefulStoreUnsuscriber;
-};
-type SuscribeMethods<T extends Record<string, BasicStoredElement<any>>> = {
-    on: SuscribeById<T> & SuscribeToListChange<T> & SuscribeToListCountChange<T>;
-};
-type InitialStates<T extends Record<string, BasicStoredElement<any>>> = {
-    [P in keyof T as `${string & P}State`]: T[P][];
-};
-/**
- * Este store permite mantener `N` listados de objetos y por cada tipo de
- * objeto ofrece métodos para agregar, eliminar, obtener uno, obtener todos y
- * un hook para conocer el listado en tiempo real.
- *
- * **Métodos disponibles**
- *
- *  - **action.addXXX**: Agrega un elemento de tipo XXX a la lista.
- *  - **action.emptyXXX**: Vacía el listado de tipo XXX.
- *  - **action.removeXXX**: Elimina un elemento de tipo XXX de la lista.
- *  - **action.updateXXXList**: Permite actualizar toda la lista en una sola
- *  acción. - **hooks.useXXX**: Permite conocer el listado de elementos y el
- *  cambio
- *  en sus propiedades en tiempo real.
- *  - **hooks.useXXXById**: Permite conocer los cambios a un elemento de la
- *  lista en tiempo real.
- *  - **hooks.useXXXList**: Permite conocer el listado de
- *  elementos pero no reacciona a los cambios en las propiedades de los
- *  elementos.
- *  - **on.changeXXX**: Permite suscribirse al listado de elementos y
- *  cambios en sus propiedades.
- *  - **on.changeXXXAmmount**: Permite suscribirse
- *  al listado de elementos, sin tomar en cuenta el cambio en las propiedades
- *  de sus items.
- *  - **on.changeXXXElement**: Permite suscribirse al cambio de
- *  propiedades de un ítem particular
- *  - **state.getXXX**: Permite obtener el
- *  esatdo de un elemento particular de la lista.
- *  - **state.getXXXState**:
- *  Permite obtener el estado del listado completo de un tipo de elementos.
- *  - **state.updateXXX**: Es un atajo para state.getXXX(id).update
- *
- * La funcionalidad de actualización se implementa en el objeto almacenado y es
- * comunicada en forma automática al store, de forma que el store no conoce
- * solamente cuántos y cuáles elementos hay almacenados, sino que además refleja
- * en tiempo real el estado de sus propiedades.
- *
- * @example
- *
-    type TPeople = { name: string };
-    class People extends BasicStoredElement<TPeople> {
-      getId(): TId {
-        return this.props.name;
-      }
-    }
-
-    class Schedule extends BasicStoredElement<{ day: string; task: string }>
-    {
-      getId() {
-        return this.props.day;
-      }
-    }
-
-    const r = makeStatefulStore(
-      {
-        people: People.prototype,
-        schedules: Schedule.prototype,
-      },
-      {
-        peopleState: [new People({ name: 'A' }), new People({ name: 'B' })],
-      },
-    );
-
-    const p = r.hooks.usePeople();
-    p[0].props.name;
-
-    r.hooks.usePeople();
-
-    r.actions.removePeople('asdf');
-
-    r.actions.addPeople(new People({ name: 'asdf' }));
-    r.actions.removePeople('asdf');
-
-    r.state.getPeopleState();
-    const pep = r.state.getPeople('asdf')
-
-    const ph = r.hooks.usePeople();
-    const sch = r.hooks.useSchedules();
- */
-declare function makeStatefulStore<T extends Record<string, BasicStoredElement<any>>>(entries: T, initialStates?: Partial<InitialStates<T>>): ActionMethods<T> & HooksMethods<T> & StateMethods<T> & SuscribeMethods<T>;
-
-export { BasicStoredElement, type StatefulStoreUpdateProps, type StatefulStoreUpdater, makeStatefulStore };
-//# sourceMappingURL=StatefulStore.d.ts.map

package/dist/storage/StatefulStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatefulStore.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/storage/StatefulStore.js

@@ -1,301 +0,0 @@
-import { useState } from 'react';
-import { useMount } from '../hooks/useMount.js';
-
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _onUpdateCbs;
-function upper(s) {
-  return `${s.charAt(0).toUpperCase()}${s.slice(1)}`;
-}
-function isUpdater(props) {
-  return typeof props === "function";
-}
-class BasicStoredElement {
-  constructor(props) {
-    __privateAdd(this, _onUpdateCbs, []);
-    this.props = {};
-    this.shoutUpdates = () => {
-      __privateGet(this, _onUpdateCbs).forEach((current) => current());
-    };
-    this.useProps = () => {
-      const [props, setState] = useState(this.props);
-      useMount(() => {
-        setState({ ...this.props });
-        return this.onUpdate(() => {
-          setState({ ...this.props });
-        });
-      });
-      return props;
-    };
-    this.props = props;
-  }
-  onUpdate(cb) {
-    __privateGet(this, _onUpdateCbs).push(cb);
-    return () => {
-      __privateSet(this, _onUpdateCbs, __privateGet(this, _onUpdateCbs).filter((current) => current !== cb));
-    };
-  }
-  update(newProps) {
-    const actualNewProps = isUpdater(newProps) ? newProps(this.props) : newProps;
-    this.props = { ...this.props, ...actualNewProps };
-    this.shoutUpdates();
-  }
-}
-_onUpdateCbs = new WeakMap();
-class People extends BasicStoredElement {
-  getId() {
-    return this.props.name;
-  }
-}
-makeStatefulStore({
-  people: People.prototype
-});
-function makeStatefulStore(entries, initialStates) {
-  const hookUseState = {};
-  const hookUseList = {};
-  const hookUseStateById = {};
-  const suscribeById = {};
-  const suscribeToList = {};
-  const suscribeToListCount = {};
-  const addActions = {};
-  const emptyActions = {};
-  const removeActions = {};
-  const updateListActions = {};
-  const getItemActions = {};
-  const getStateActions = {};
-  const updateItemActions = {};
-  Object.keys(entries).forEach((name) => {
-    const initialStateKey = `${upper(name)}State`;
-    let store = {};
-    const initialState = initialStates?.[initialStateKey];
-    initialState?.forEach((current) => {
-      store[current.getId()] = current;
-    });
-    let listStateChangeHandlers = [];
-    function shoutListStateChange() {
-      listStateChangeHandlers.forEach((current) => current());
-    }
-    const elementChangeHandlers = {};
-    function shoutListElementChange(id) {
-      elementChangeHandlers[id]?.forEach((current) => current());
-    }
-    let listCountChangeHandlers = [];
-    function shoutListCountChange() {
-      listCountChangeHandlers.forEach((current) => current());
-    }
-    const onUpdateElementSuscriptions = {};
-    const addKey = `add${upper(name)}`;
-    addActions[addKey] = (newElement) => {
-      let elId = newElement.getId();
-      let lastProps = { ...newElement.props };
-      store[elId] = newElement;
-      const suscription = newElement.onUpdate(() => {
-        const id = newElement.getId();
-        if (id !== elId) {
-          if (store[id]) {
-            newElement.update(lastProps);
-            throw new Error(
-              `Cannot set new id ${id} because it already exists`
-            );
-          }
-          delete store[elId];
-          store[id] = newElement;
-          elId = id;
-          lastProps = newElement.props;
-        }
-        shoutListElementChange(id);
-        shoutListStateChange();
-      });
-      onUpdateElementSuscriptions[newElement.getId()] = suscription;
-      shoutListStateChange();
-      shoutListCountChange();
-      shoutListElementChange(elId);
-    };
-    const emptyKey = `empty${upper(name)}`;
-    emptyActions[emptyKey] = () => {
-      Object.values(onUpdateElementSuscriptions).forEach(
-        (current) => current()
-      );
-      store = {};
-      shoutListCountChange();
-      shoutListStateChange();
-      Object.keys(elementChangeHandlers).forEach(
-        (current) => shoutListElementChange(current)
-      );
-    };
-    const removeKey = `remove${upper(name)}`;
-    removeActions[removeKey] = (id) => {
-      onUpdateElementSuscriptions[id]?.();
-      delete store[id];
-      shoutListCountChange();
-      shoutListStateChange();
-      shoutListElementChange(id);
-    };
-    const updateListKey = `update${upper(
-      name
-    )}List`;
-    updateListActions[updateListKey] = (list) => {
-      store[name] = list;
-      shoutListCountChange();
-      shoutListStateChange();
-    };
-    const getStateKey = `get${upper(name)}State`;
-    getStateActions[getStateKey] = () => {
-      return Object.values(store);
-    };
-    const getState = getStateActions[getStateKey];
-    const getItemKey = `get${upper(name)}`;
-    getItemActions[getItemKey] = (id) => {
-      return store[id];
-    };
-    const updateItemKey = `update${upper(name)}`;
-    updateItemActions[updateItemKey] = (id, newProps) => {
-      store[id].update(newProps);
-    };
-    const hookUseStateKey = `use${upper(name)}`;
-    hookUseState[hookUseStateKey] = () => {
-      const [state2, setState] = useState(getState());
-      useMount(() => {
-        setState(getState());
-        const eventHandler = () => {
-          setState(getState());
-        };
-        listStateChangeHandlers.push(eventHandler);
-        return () => {
-          listStateChangeHandlers = listStateChangeHandlers.filter(
-            (current) => current !== eventHandler
-          );
-        };
-      });
-      return state2;
-    };
-    const hookUseListKey = `use${upper(name)}List`;
-    hookUseList[hookUseListKey] = () => {
-      const [state2, setState] = useState(getState());
-      useMount(() => {
-        setState(getState());
-        const eventHandler = () => {
-          setState(getState());
-        };
-        listCountChangeHandlers.push(eventHandler);
-        return () => {
-          listCountChangeHandlers = listCountChangeHandlers.filter(
-            (current) => current !== eventHandler
-          );
-        };
-      });
-      return state2;
-    };
-    const hookUseStateByIdKey = `use${upper(
-      name
-    )}ById`;
-    hookUseStateById[hookUseStateByIdKey] = (id) => {
-      const [state2, setState] = useState({ obj: store[id] });
-      useMount(() => {
-        setState({ obj: store[id] });
-        const eventHandler = () => {
-          setState({ obj: store[id] });
-        };
-        if (!elementChangeHandlers[id])
-          elementChangeHandlers[id] = [];
-        elementChangeHandlers[id].push(eventHandler);
-        return () => {
-          elementChangeHandlers[id] = elementChangeHandlers[id].filter(
-            (current) => current !== eventHandler
-          );
-        };
-      });
-      return state2.obj;
-    };
-    const onChangeElementKey = `change${upper(
-      name
-    )}Element`;
-    suscribeById[onChangeElementKey] = (id, cb) => {
-      if (!elementChangeHandlers[id])
-        elementChangeHandlers[id] = [];
-      const innerCb = () => {
-        cb(store[id]);
-      };
-      elementChangeHandlers[id].push(innerCb);
-      return () => {
-        elementChangeHandlers[id] = elementChangeHandlers[id].filter(
-          (current) => current !== innerCb
-        );
-      };
-    };
-    const onChangeListKey = `change${upper(
-      name
-    )}`;
-    suscribeToList[onChangeListKey] = (cb) => {
-      const innerCb = () => {
-        cb(getState());
-      };
-      listStateChangeHandlers.push(innerCb);
-      return () => {
-        listStateChangeHandlers = listStateChangeHandlers.filter(
-          (current) => current !== innerCb
-        );
-      };
-    };
-    const onChangeListCountKey = `change${upper(
-      name
-    )}Ammount`;
-    suscribeToListCount[onChangeListCountKey] = (cb) => {
-      const innerCb = () => {
-        cb(getState());
-      };
-      listCountChangeHandlers.push(innerCb);
-      return () => {
-        listCountChangeHandlers = listCountChangeHandlers.filter(
-          (current) => current !== innerCb
-        );
-      };
-    };
-  });
-  const actions = Object.assign(
-    {},
-    addActions,
-    removeActions,
-    emptyActions,
-    updateListActions
-  );
-  const hooks = Object.assign({}, hookUseState, hookUseStateById, hookUseList);
-  const on = Object.assign(
-    {},
-    suscribeById,
-    suscribeToList,
-    suscribeToListCount
-  );
-  const state = Object.assign(
-    {},
-    getStateActions,
-    getItemActions,
-    updateItemActions
-  );
-  return Object.assign(
-    {},
-    { hooks },
-    { actions },
-    { state },
-    { on }
-  );
-}
-
-export { BasicStoredElement, makeStatefulStore };
-//# sourceMappingURL=StatefulStore.js.map