npm - @apia/dom-store - Versions diffs - 1.0.4 → 2.0.0 - Mend

@apia/dom-store 1.0.4 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -2,224 +2,225 @@ import { RefObject } from 'react';
 import { Draft } from 'immer';
 export { Draft } from 'immer';
-/**
- * Las acciones reciben este objeto como terecer parámetro.
- *
- * Sirve para decidir cuáles serán los keys afectados por la ejecución
- * exitosa de la acción actual, de esta forma se evita la necesidad de
- * iterar sobre cada elemento ejecutando acciones selectoras y
- * haciendo comparación entre la selección actual y la anterior.
- *
- * Si este objeto no es utilizado en una acción, se seguirá el
- * comportamiento por defecto que es recorrer todas las keys del
- * store.
- */
-type TKeysDefine = {
-    /**
-     * Acepta un método que será llamado con el conjunto de todas las
-     * keys y deberá responder con las keys que deben ser afectadas.
-     */
-    filter: (filterCallback: Parameters<string[]['filter']>[0]) => void;
-    /**
-     * Agrega keys al array de búsqueda. La primera vez que se llama, se
-     * agregan sobre un array vacío.
-     */
-    push: (...newKeys: string[]) => void;
-    /**
-     * Acepta un array de keys que serán las que se recorrerán en
-     * la propagación del nuevo estado.
-     */
-    set: (newKeys: string[]) => void;
-};
-/**
- * Las operaciones son métodos que alteran el estado de alguna manera.
- *
- * Idealmente, cada operación indica qué keys afectó, de forma que no
- * sea necesario realizar comparaciones para saber qué elementos deben
- * ser modificados dentro del store.
- *
- * Cada operación recibe state que es un drat de Immer, de igual manera
- * como lo hacen los reducers de createSlice de Redux-toolkit.
- *
- * El payload es arbitrario.
- *
- * defineKeys es un objeto que contiene distintos métodos que permiten
- * alterar el listado de keys que serán iteradas para notificar del
- * cambio de estado.
- */
-type TOperation<State, Payload> = (state: Draft<State>, payload: Payload, defineKeys: TKeysDefine) => void;
-/**
- * Representa el conjunto de todas las operaciones de un store.
- */
-type TOperations<State> = Record<string, TOperation<State, any>>;
-/**
- * Conjunto de elementos que distinguen a cada tipo de elemento del
- * store. Se toma a partir de la definición del objeto distinctors
- * del método create.
- */
-type TDistinctions<Distinctors extends TDistinctors<any>, K extends keyof Distinctors> = Parameters<Distinctors[K][0]>[0];
-/**
- * Es el hook encargado de registrar los callbacks necesarios a los
- * eventos que corresponda de forma de garantizar que las propiedades
- * se apliquen sobre el elemento que corresponda.
- */
-type TUseProperties<State, Distinctors extends TDistinctors<State>> = <RefType, K extends keyof Distinctors = keyof Distinctors>(which: K, distinctions: TDistinctions<Distinctors, K>, comparator?: (prevSelection: TDistinctorProperties, newSelection: TDistinctorProperties) => boolean) => RefObject<RefType>;
-type TStateChangeListener<State> = (state: State, previousState: State) => unknown;
-/**
- * Permite obtener una copia del estado local
- */
-type TGetState<State> = () => State;
-/**
- * Permite registrar un callback que será llamado con cada actualización del
- * estado
- */
-type TRegisterStateChangeListener<State> = (callback: TStateChangeListener<State>) => () => void;
-/**
- * Es un método que dadas las distinciones de un elemento particular
- * construye un string que lo identifica.
- */
-type TKeyMaker<State, Distinctors extends TDistinctors<State> = TDistinctors<State>, Key extends keyof Distinctors = keyof Distinctors> = (distinctions: TDistinctions<Distinctors, Key>) => string;
-/**
- * Es un mapa que contiene un TKeyMaker por cada tipo de elemento.
- */
-type TKeysMaker<State, Distinctors extends TDistinctors<State>> = {
-    [key in keyof Distinctors]: TKeyMaker<State, Distinctors, key>;
-};
-/**
- * Tipo que permite extraer el tipo del payload de una operación.
- */
-type TOperationParameter<Operation extends TOperation<any, any>> = Parameters<Operation>[1];
-/**
- * Representa una acción asociada a una operación. Es el método
- * que es llamado desde fuera del store para ejecutar una operación
- * y actualizar el estado. Como consecuencia de la ejecución de esta
- * acción, el estado será actualizado y se harán las notificaciones
- * y actualización de propiedades que correspondan en los elementos
- * afectados.
- */
-type TOperationAction<Payload> = (props: Payload extends void ? void : Payload) => void;
-/**
- * Objeto que contiene todas las acciones de un store.
- */
-type TActionsMap<State, Operations extends TOperations<State>> = {
-    [Key in keyof Operations]: TOperationAction<TOperationParameter<Operations[Key]>>;
-};
-/**
- * Método que es llamado luego de que se actualizan los elementos
- * pertenecientes a un tipo del store.
- */
-type TAfterActionCallback<State> = (prevState: State, nextState: State) => unknown;
-type TClassListComposer = Partial<{
-    add: string[];
-    remove: string[];
-    toggle: string[];
-}>;
-type TDatasetComposer = Partial<{
-    add: Record<string, any>;
-    remove: string[];
-}>;
-type TDistinctorProperties = Partial<{
-    classList: TClassListComposer;
-    dataset: TDatasetComposer;
-    etc: Record<string, any>;
-    styles: CSSStyleDeclaration;
-}>;
-/**
- * Objeto que representa un tipo de elemento del store.
- */
-type TDistinctor<State, Distinctions extends Record<string, any>> = [
-    (distinctions: Distinctions, state: State) => TDistinctorProperties,
-    TAfterActionCallback<State>
-] | [(distinctions: Distinctions, state: State) => TDistinctorProperties];
-/**
- * Los distinctors determinan para cada tipo de elemento aceptado,
- * si dado un cambio en el estado del store, este elemento debe ser
- * actualizado o no
- * */
-type TDistinctors<State> = Record<string, TDistinctor<State, any>>;
-/**
- * Falta documentar, a grandes rasgos:
- *
- * Este store propone el máximo rendimiento: afectar solamente los registros
- * que sean estrictamente necesarios y no renderizar.
- *
- * Para lograr evitar el renderizado, el estado se guarda en internamente en el
- * store, pero también en el elemento asociado a cada registro. De esta manera,
- * cuando se actualiza el estado, se procesan los keys afectados, se genera el
- * estado para cada uno de ellos de acuerdo a su distintor correspondiente y se
- * actualiza el DOM en el momento. Si por algún motivo, el componente afectado
- * vuelve a renderizar, el hook devuelve el estado actualizado, de forma de
- * evitar pérdida de información.
- *
- * @returns
- *
- * Al crear un store se devuelve un array compuesto por 3 elementos en el
- * siguiente orden:
- *
- * - acciones: Un mapa de métodos correspondientes a las operaciones
- *  definidas.
- * - useProperties: Un hook utilizado para obtener las propiedades
- *  de un elemento, de acuerdo a su distinción.
- * - getState: Un método que permite obtener el estado actual del store.
- *
- * @example
- *
- *
- *   const [actions, useProperties, getState, registerStateListener] =
- *   createFAsomeStore({
-    // Se puede utilizar un estado con estructura arbitraria
-    initialState: {
-      people: [],
-      // El as ... es necesario para que typescript pueda realizar la inferencia
-      // correctamente. Siempre que se cree un store se debe seguir la estructura
-      // propuesta en este ejemplo
-    } as { people: { name: string }[] },
-    // Los distinguidores "distinctors" establecen qué tipos de elementos existen
-    // dentro del store y qué estado utiliza cada uno de ellos
-    distinctors: {
-      person: [
-        // El tipado asignado al parámetro distinctions será tomado por el store
-        // para pasarlo luego al keymaker a la hora de seleccionar un registro del
-        // store
-        (distinctions: { name: string }, state) => {
-          return {
-            name: state.people.find(
-              (current) => current.name === distinctions.name,
-            ),
-          };
-        },
-      ],
-    },
-    // Los keymakers se encargan de generar claves únicas para cada elemento del
-    // store
-    keysMakers: {
-      person: (distinctions) => {
-        // Debe crear una key única dentro del store
-        return distinctions.name;
-      },
-    },
-    // Los operadores permiten alterar el estado actual
-    operations: {
-      addPerson(state, payload: { name: string }, affectedKeys) {
-        // El estado se altera de cualquier forma que sea conveniente
-        state.people.push({ name: payload.name });
-        // Este key debe ser idéntico al generado por el keyMaker de person (Más
-        // arriba)
-        affectedKeys.set([payload.name]);
-      },
-    },
-  });
- */
-declare function createFAsomeStore<State, Distinctors extends TDistinctors<State> = TDistinctors<State>, Operations extends TOperations<State> = TOperations<State>>({ initialState, operations, distinctors, keysMakers, }: {
-    initialState: State;
-    operations: Operations;
-    distinctors: Distinctors;
-    keysMakers: TKeysMaker<State, Distinctors>;
-}): [
-    TActionsMap<State, Operations>,
-    TUseProperties<State, Distinctors>,
-    TGetState<State>,
-    TRegisterStateChangeListener<State>
+/**
+ * Las acciones reciben este objeto como terecer parámetro.
+ *
+ * Sirve para decidir cuáles serán los keys afectados por la ejecución
+ * exitosa de la acción actual, de esta forma se evita la necesidad de
+ * iterar sobre cada elemento ejecutando acciones selectoras y
+ * haciendo comparación entre la selección actual y la anterior.
+ *
+ * Si este objeto no es utilizado en una acción, se seguirá el
+ * comportamiento por defecto que es recorrer todas las keys del
+ * store.
+ */
+type TKeysDefine = {
+    /**
+     * Acepta un método que será llamado con el conjunto de todas las
+     * keys y deberá responder con las keys que deben ser afectadas.
+     */
+    filter: (filterCallback: Parameters<string[]['filter']>[0]) => void;
+    /**
+     * Agrega keys al array de búsqueda. La primera vez que se llama, se
+     * agregan sobre un array vacío.
+     */
+    push: (...newKeys: string[]) => void;
+    /**
+     * Acepta un array de keys que serán las que se recorrerán en
+     * la propagación del nuevo estado.
+     */
+    set: (newKeys: string[]) => void;
+};
+/**
+ * Las operaciones son métodos que alteran el estado de alguna manera.
+ *
+ * Idealmente, cada operación indica qué keys afectó, de forma que no
+ * sea necesario realizar comparaciones para saber qué elementos deben
+ * ser modificados dentro del store.
+ *
+ * Cada operación recibe state que es un drat de Immer, de igual manera
+ * como lo hacen los reducers de createSlice de Redux-toolkit.
+ *
+ * El payload es arbitrario.
+ *
+ * defineKeys es un objeto que contiene distintos métodos que permiten
+ * alterar el listado de keys que serán iteradas para notificar del
+ * cambio de estado.
+ */
+type TOperation<State, Payload> = (state: Draft<State>, payload: Payload, defineKeys: TKeysDefine) => void;
+/**
+ * Representa el conjunto de todas las operaciones de un store.
+ */
+type TOperations<State> = Record<string, TOperation<State, any>>;
+/**
+ * Conjunto de elementos que distinguen a cada tipo de elemento del
+ * store. Se toma a partir de la definición del objeto distinctors
+ * del método create.
+ */
+type TDistinctions<Distinctors extends TDistinctors<any>, K extends keyof Distinctors> = Parameters<Distinctors[K][0]>[0];
+/**
+ * Es el hook encargado de registrar los callbacks necesarios a los
+ * eventos que corresponda de forma de garantizar que las propiedades
+ * se apliquen sobre el elemento que corresponda.
+ */
+type TUseProperties<State, Distinctors extends TDistinctors<State>> = <RefType, K extends keyof Distinctors = keyof Distinctors>(which: K, distinctions: TDistinctions<Distinctors, K>, comparator?: (prevSelection: TDistinctorProperties, newSelection: TDistinctorProperties) => boolean) => RefObject<RefType>;
+type TStateChangeListener<State> = (state: State, previousState: State) => unknown;
+/**
+ * Permite obtener una copia del estado local
+ */
+type TGetState<State> = () => State;
+/**
+ * Permite registrar un callback que será llamado con cada actualización del
+ * estado
+ */
+type TRegisterStateChangeListener<State> = (callback: TStateChangeListener<State>) => () => void;
+/**
+ * Es un método que dadas las distinciones de un elemento particular
+ * construye un string que lo identifica.
+ */
+type TKeyMaker<State, Distinctors extends TDistinctors<State> = TDistinctors<State>, Key extends keyof Distinctors = keyof Distinctors> = (distinctions: TDistinctions<Distinctors, Key>) => string;
+/**
+ * Es un mapa que contiene un TKeyMaker por cada tipo de elemento.
+ */
+type TKeysMaker<State, Distinctors extends TDistinctors<State>> = {
+    [key in keyof Distinctors]: TKeyMaker<State, Distinctors, key>;
+};
+/**
+ * Tipo que permite extraer el tipo del payload de una operación.
+ */
+type TOperationParameter<Operation extends TOperation<any, any>> = Parameters<Operation>[1];
+/**
+ * Representa una acción asociada a una operación. Es el método
+ * que es llamado desde fuera del store para ejecutar una operación
+ * y actualizar el estado. Como consecuencia de la ejecución de esta
+ * acción, el estado será actualizado y se harán las notificaciones
+ * y actualización de propiedades que correspondan en los elementos
+ * afectados.
+ */
+type TOperationAction<Payload> = (props: Payload extends void ? void : Payload) => void;
+/**
+ * Objeto que contiene todas las acciones de un store.
+ */
+type TActionsMap<State, Operations extends TOperations<State>> = {
+    [Key in keyof Operations]: TOperationAction<TOperationParameter<Operations[Key]>>;
+};
+/**
+ * Método que es llamado luego de que se actualizan los elementos
+ * pertenecientes a un tipo del store.
+ */
+type TAfterActionCallback<State> = (prevState: State, nextState: State) => unknown;
+type TClassListComposer = Partial<{
+    add: string[];
+    remove: string[];
+    toggle: string[];
+}>;
+type TDatasetComposer = Partial<{
+    add: Record<string, any>;
+    remove: string[];
+}>;
+type TDistinctorProperties = Partial<{
+    classList: TClassListComposer;
+    dataset: TDatasetComposer;
+    etc: Record<string, any>;
+    styles: CSSStyleDeclaration;
+}>;
+/**
+ * Objeto que representa un tipo de elemento del store.
+ */
+type TDistinctor<State, Distinctions extends Record<string, any>> = [
+    (distinctions: Distinctions, state: State) => TDistinctorProperties,
+    TAfterActionCallback<State>
+] | [(distinctions: Distinctions, state: State) => TDistinctorProperties];
+/**
+ * Los distinctors determinan para cada tipo de elemento aceptado,
+ * si dado un cambio en el estado del store, este elemento debe ser
+ * actualizado o no
+ * */
+type TDistinctors<State> = Record<string, TDistinctor<State, any>>;
+/**
+ * Falta documentar, a grandes rasgos:
+ *
+ * Este store propone el máximo rendimiento: afectar solamente los registros
+ * que sean estrictamente necesarios y no renderizar.
+ *
+ * Para lograr evitar el renderizado, el estado se guarda en internamente en el
+ * store, pero también en el elemento asociado a cada registro. De esta manera,
+ * cuando se actualiza el estado, se procesan los keys afectados, se genera el
+ * estado para cada uno de ellos de acuerdo a su distintor correspondiente y se
+ * actualiza el DOM en el momento. Si por algún motivo, el componente afectado
+ * vuelve a renderizar, el hook devuelve el estado actualizado, de forma de
+ * evitar pérdida de información.
+ *
+ * @returns
+ *
+ * Al crear un store se devuelve un array compuesto por 3 elementos en el
+ * siguiente orden:
+ *
+ * - acciones: Un mapa de métodos correspondientes a las operaciones
+ *  definidas.
+ * - useProperties: Un hook utilizado para obtener las propiedades
+ *  de un elemento, de acuerdo a su distinción.
+ * - getState: Un método que permite obtener el estado actual del store.
+ *
+ * @example
+ *
+ *
+ *   const [actions, useProperties, getState, registerStateListener] =
+ *   createFAsomeStore({
+    // Se puede utilizar un estado con estructura arbitraria
+    initialState: {
+      people: [],
+      // El as ... es necesario para que typescript pueda realizar la inferencia
+      // correctamente. Siempre que se cree un store se debe seguir la estructura
+      // propuesta en este ejemplo
+    } as { people: { name: string }[] },
+    // Los distinguidores "distinctors" establecen qué tipos de elementos existen
+    // dentro del store y qué estado utiliza cada uno de ellos
+    distinctors: {
+      person: [
+        // El tipado asignado al parámetro distinctions será tomado por el store
+        // para pasarlo luego al keymaker a la hora de seleccionar un registro del
+        // store
+        (distinctions: { name: string }, state) => {
+          return {
+            name: state.people.find(
+              (current) => current.name === distinctions.name,
+            ),
+          };
+        },
+      ],
+    },
+    // Los keymakers se encargan de generar claves únicas para cada elemento del
+    // store
+    keysMakers: {
+      person: (distinctions) => {
+        // Debe crear una key única dentro del store
+        return distinctions.name;
+      },
+    },
+    // Los operadores permiten alterar el estado actual
+    operations: {
+      addPerson(state, payload: { name: string }, affectedKeys) {
+        // El estado se altera de cualquier forma que sea conveniente
+        state.people.push({ name: payload.name });
+        // Este key debe ser idéntico al generado por el keyMaker de person (Más
+        // arriba)
+        affectedKeys.set([payload.name]);
+      },
+    },
+  });
+ */
+declare function createFAsomeStore<State, Distinctors extends TDistinctors<State> = TDistinctors<State>, Operations extends TOperations<State> = TOperations<State>>({ initialState, operations, distinctors, keysMakers, }: {
+    initialState: State;
+    operations: Operations;
+    distinctors: Distinctors;
+    keysMakers: TKeysMaker<State, Distinctors>;
+}): [
+    TActionsMap<State, Operations>,
+    TUseProperties<State, Distinctors>,
+    TGetState<State>,
+    TRegisterStateChangeListener<State>
 ];
-export { TActionsMap, TClassListComposer, TDatasetComposer, TDistinctorProperties, TDistinctors, TGetState, TKeysDefine, TKeysMaker, TOperations, TRegisterStateChangeListener, TStateChangeListener, TUseProperties, createFAsomeStore };
+export { type TActionsMap, type TClassListComposer, type TDatasetComposer, type TDistinctorProperties, type TDistinctors, type TGetState, type TKeysDefine, type TKeysMaker, type TOperations, type TRegisterStateChangeListener, type TStateChangeListener, type TUseProperties, createFAsomeStore };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js CHANGED Viewed

@@ -1,36 +1,35 @@
 import { useRef, useCallback, useEffect } from 'react';
 import { produce } from 'immer';
-import { cloneDeep } from 'lodash';
+import cloneDeep from 'lodash-es/cloneDeep';
 function setAriaAttributes(element, attribute, value) {
   element.setAttribute(attribute, value);
 }
 function applyProperties(element, props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   if (!element || !(element instanceof HTMLElement))
     return;
-  ((_b = (_a = props.classList) == null ? void 0 : _a.add) != null ? _b : []).forEach((current) => {
+  (props.classList?.add ?? []).forEach((current) => {
     if (current)
       element.classList.add(current);
   });
-  ((_d = (_c = props.classList) == null ? void 0 : _c.remove) != null ? _d : []).forEach((current) => {
+  (props.classList?.remove ?? []).forEach((current) => {
     if (current)
       element.classList.remove(current);
   });
-  ((_f = (_e = props.classList) == null ? void 0 : _e.toggle) != null ? _f : []).forEach((current) => {
+  (props.classList?.toggle ?? []).forEach((current) => {
     if (current)
       element.classList.toggle(current);
   });
-  Object.entries((_h = (_g = props.dataset) == null ? void 0 : _g.add) != null ? _h : {}).forEach(([key, value]) => {
+  Object.entries(props.dataset?.add ?? {}).forEach(([key, value]) => {
     element.dataset[key] = value;
   });
-  ((_j = (_i = props.dataset) == null ? void 0 : _i.remove) != null ? _j : []).forEach(
+  (props.dataset?.remove ?? []).forEach(
     (current) => delete element.dataset[current]
   );
-  Object.entries((_k = props.styles) != null ? _k : {}).forEach(([prop, value]) => {
+  Object.entries(props.styles ?? {}).forEach(([prop, value]) => {
     element.style[prop] = value;
   });
-  Object.entries((_l = props.etc) != null ? _l : {}).forEach(([prop, value]) => {
+  Object.entries(props.etc ?? {}).forEach(([prop, value]) => {
     if (value === void 0) {
       delete element[prop];
       return;
@@ -54,12 +53,11 @@ function createFAsomeStore({
   const callbacks = {};
   const keysMap = /* @__PURE__ */ new Map();
   function registerCallback(which, distinctions, callback) {
-    var _a;
     if (!callbacks[which]) {
       callbacks[which] = /* @__PURE__ */ new Map();
     }
     const key = keysMakers[which](distinctions);
-    keysMap.set(key, ((_a = keysMap.get(key)) != null ? _a : 0) + 1);
+    keysMap.set(key, (keysMap.get(key) ?? 0) + 1);
     callbacks[which].set(key, callback);
     return () => {
       callbacks[which].delete(key);
@@ -114,12 +112,10 @@ function createFAsomeStore({
           current(nextState, state);
         });
         Object.keys(callbacks).forEach((which) => {
-          var _a, _b;
           actualKeys.forEach((key) => {
-            var _a2;
-            (_a2 = callbacks[which].get(key)) == null ? void 0 : _a2(nextState);
+            callbacks[which].get(key)?.(nextState);
           });
-          (_b = (_a = distinctors[which])[1]) == null ? void 0 : _b.call(_a, state, nextState);
+          distinctors[which][1]?.(state, nextState);
         });
         state = nextState;
       }
@@ -167,3 +163,4 @@ function createFAsomeStore({
 }
 export { createFAsomeStore };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-dynamic-delete /\r\n/ eslint-disable no-param-reassign /\r\n/ eslint-disable @typescript-eslint/no-explicit-any /\r\nimport {\r\n useEffect,\r\n useRef,\r\n RefObject,\r\n useCallback,\r\n MutableRefObject,\r\n} from 'react';\r\nimport { Draft, produce } from 'immer';\r\nimport { cloneDeep } from 'lodash';\r\n\r\n/\r\n Las acciones reciben este objeto como terecer parámetro.\r\n \r\n Sirve para decidir cuáles serán los keys afectados por la ejecución\r\n * exitosa de la acción actual, de esta forma se evita la necesidad de\r\n * iterar sobre cada elemento ejecutando acciones selectoras y\r\n * haciendo comparación entre la selección actual y la anterior.\r\n \r\n Si este objeto no es utilizado en una acción, se seguirá el\r\n * comportamiento por defecto que es recorrer todas las keys del\r\n * store.\r\n /\r\nexport type TKeysDefine = {\r\n /\r\n Acepta un método que será llamado con el conjunto de todas las\r\n * keys y deberá responder con las keys que deben ser afectadas.\r\n /\r\n filter: (filterCallback: Parameters<string[]['filter']>[0]) => void;\r\n /\r\n Agrega keys al array de búsqueda. La primera vez que se llama, se\r\n * agregan sobre un array vacío.\r\n /\r\n push: (...newKeys: string[]) => void;\r\n /\r\n Acepta un array de keys que serán las que se recorrerán en\r\n * la propagación del nuevo estado.\r\n /\r\n set: (newKeys: string[]) => void;\r\n};\r\n\r\n/\r\n Las operaciones son métodos que alteran el estado de alguna manera.\r\n \r\n Idealmente, cada operación indica qué keys afectó, de forma que no\r\n * sea necesario realizar comparaciones para saber qué elementos deben\r\n * ser modificados dentro del store.\r\n \r\n Cada operación recibe state que es un drat de Immer, de igual manera\r\n * como lo hacen los reducers de createSlice de Redux-toolkit.\r\n \r\n El payload es arbitrario.\r\n \r\n defineKeys es un objeto que contiene distintos métodos que permiten\r\n * alterar el listado de keys que serán iteradas para notificar del\r\n * cambio de estado.\r\n /\r\ntype TOperation<State, Payload> = (\r\n state: Draft<State>,\r\n payload: Payload,\r\n defineKeys: TKeysDefine,\r\n) => void;\r\n\r\n/\r\n Representa el conjunto de todas las operaciones de un store.\r\n /\r\nexport type TOperations<State> = Record<string, TOperation<State, any>>;\r\n\r\n/\r\n Conjunto de elementos que distinguen a cada tipo de elemento del\r\n * store. Se toma a partir de la definición del objeto distinctors\r\n * del método create.\r\n /\r\ntype TDistinctions<\r\n Distinctors extends TDistinctors<any>,\r\n K extends keyof Distinctors,\r\n> = Parameters<Distinctors[K][0]>[0];\r\n\r\n/\r\n Es el hook encargado de registrar los callbacks necesarios a los\r\n * eventos que corresponda de forma de garantizar que las propiedades\r\n * se apliquen sobre el elemento que corresponda.\r\n /\r\nexport type TUseProperties<State, Distinctors extends TDistinctors<State>> = <\r\n RefType,\r\n K extends keyof Distinctors = keyof Distinctors,\r\n>(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n comparator?: (\r\n prevSelection: TDistinctorProperties,\r\n newSelection: TDistinctorProperties,\r\n ) => boolean,\r\n) => RefObject<RefType>;\r\n\r\nexport type TStateChangeListener<State> = (\r\n state: State,\r\n previousState: State,\r\n) => unknown;\r\n\r\n/\r\n Permite obtener una copia del estado local\r\n /\r\nexport type TGetState<State> = () => State;\r\n\r\n/\r\n Permite registrar un callback que será llamado con cada actualización del\r\n * estado\r\n /\r\nexport type TRegisterStateChangeListener<State> = (\r\n callback: TStateChangeListener<State>,\r\n) => () => void;\r\n\r\n/\r\n Es un método que dadas las distinciones de un elemento particular\r\n * construye un string que lo identifica.\r\n /\r\ntype TKeyMaker<\r\n State,\r\n Distinctors extends TDistinctors<State> = TDistinctors<State>,\r\n Key extends keyof Distinctors = keyof Distinctors,\r\n> = (distinctions: TDistinctions<Distinctors, Key>) => string;\r\n\r\n/\r\n Es un mapa que contiene un TKeyMaker por cada tipo de elemento.\r\n /\r\nexport type TKeysMaker<State, Distinctors extends TDistinctors<State>> = {\r\n [key in keyof Distinctors]: TKeyMaker<State, Distinctors, key>;\r\n};\r\n\r\n/\r\n Tipo que permite extraer el tipo del payload de una operación.\r\n /\r\ntype TOperationParameter<Operation extends TOperation<any, any>> =\r\n Parameters<Operation>[1];\r\n\r\n/\r\n Representa una acción asociada a una operación. Es el método\r\n * que es llamado desde fuera del store para ejecutar una operación\r\n * y actualizar el estado. Como consecuencia de la ejecución de esta\r\n * acción, el estado será actualizado y se harán las notificaciones\r\n * y actualización de propiedades que correspondan en los elementos\r\n * afectados.\r\n /\r\ntype TOperationAction<Payload> = (\r\n props: Payload extends void ? void : Payload,\r\n) => void;\r\n\r\n/\r\n Objeto que contiene todas las acciones de un store.\r\n /\r\nexport type TActionsMap<State, Operations extends TOperations<State>> = {\r\n [Key in keyof Operations]: TOperationAction<\r\n TOperationParameter<Operations[Key]>\r\n >;\r\n};\r\n\r\n/\r\n Método que es llamado luego de que se actualizan los elementos\r\n * pertenecientes a un tipo del store.\r\n /\r\ntype TAfterActionCallback<State> = (\r\n prevState: State,\r\n nextState: State,\r\n) => unknown;\r\n\r\nexport type TClassListComposer = Partial<{\r\n add: string[];\r\n remove: string[];\r\n toggle: string[];\r\n}>;\r\n\r\nexport type TDatasetComposer = Partial<{\r\n add: Record<string, any>;\r\n remove: string[];\r\n}>;\r\n\r\nexport type TDistinctorProperties = Partial<{\r\n classList: TClassListComposer;\r\n dataset: TDatasetComposer;\r\n etc: Record<string, any>;\r\n styles: CSSStyleDeclaration;\r\n}>;\r\n\r\n/\r\n Objeto que representa un tipo de elemento del store.\r\n /\r\ntype TDistinctor<State, Distinctions extends Record<string, any>> =\r\n \| [\r\n (distinctions: Distinctions, state: State) => TDistinctorProperties,\r\n TAfterActionCallback<State>,\r\n ]\r\n \| [(distinctions: Distinctions, state: State) => TDistinctorProperties];\r\n\r\n/\r\n Los distinctors determinan para cada tipo de elemento aceptado,\r\n * si dado un cambio en el estado del store, este elemento debe ser\r\n * actualizado o no\r\n * /\r\nexport type TDistinctors<State> = Record<string, TDistinctor<State, any>>;\r\n\r\nfunction setAriaAttributes(\r\n element: HTMLElement,\r\n attribute: string,\r\n value: any,\r\n) {\r\n element.setAttribute(attribute, value as string);\r\n}\r\n\r\n/\r\n Representa los callbacks internos del store utilizados para comunicar\r\n * acerca del cambio de estado a los elementos correspondientes.\r\n /\r\ntype TInnerStateListener<State> = (currentState: State) => void;\r\n\r\nfunction applyProperties(element: HTMLElement, props: TDistinctorProperties) {\r\n if (!element \|\| !(element instanceof HTMLElement)) return;\r\n\r\n (props.classList?.add ?? []).forEach((current) => {\r\n if (current) element.classList.add(current);\r\n });\r\n (props.classList?.remove ?? []).forEach((current) => {\r\n if (current) element.classList.remove(current);\r\n });\r\n (props.classList?.toggle ?? []).forEach((current) => {\r\n if (current) element.classList.toggle(current);\r\n });\r\n\r\n Object.entries(props.dataset?.add ?? {}).forEach(([key, value]) => {\r\n element.dataset[key] = value;\r\n });\r\n (props.dataset?.remove ?? []).forEach(\r\n (current) => delete element.dataset[current],\r\n );\r\n\r\n Object.entries(props.styles ?? {}).forEach(([prop, value]) => {\r\n (element.style[prop as unknown as number] as any) = value;\r\n });\r\n\r\n Object.entries(props.etc ?? {}).forEach(([prop, value]) => {\r\n if (value === undefined) {\r\n delete (element as Record<string, any>)[prop];\r\n return;\r\n }\r\n\r\n const match = prop.match(/^aria-(\\w+)$/);\r\n if (match) {\r\n setAriaAttributes(element, prop, value);\r\n return;\r\n }\r\n (element as Record<string, any>)[prop] = String(value);\r\n });\r\n}\r\n\r\n/\r\n Falta documentar, a grandes rasgos:\r\n * \r\n * Este store propone el máximo rendimiento: afectar solamente los registros\r\n * que sean estrictamente necesarios y no renderizar.\r\n * \r\n * Para lograr evitar el renderizado, el estado se guarda en internamente en el\r\n * store, pero también en el elemento asociado a cada registro. De esta manera,\r\n * cuando se actualiza el estado, se procesan los keys afectados, se genera el\r\n * estado para cada uno de ellos de acuerdo a su distintor correspondiente y se\r\n * actualiza el DOM en el momento. Si por algún motivo, el componente afectado\r\n * vuelve a renderizar, el hook devuelve el estado actualizado, de forma de\r\n * evitar pérdida de información.\r\n * \r\n * @returns\r\n * \r\n * Al crear un store se devuelve un array compuesto por 3 elementos en el\r\n * siguiente orden:\r\n * \r\n * - acciones: Un mapa de métodos correspondientes a las operaciones\r\n * definidas. \r\n * - useProperties: Un hook utilizado para obtener las propiedades\r\n * de un elemento, de acuerdo a su distinción.\r\n * - getState: Un método que permite obtener el estado actual del store.\r\n * \r\n * @example\r\n * \r\n * \r\n * const [actions, useProperties, getState, registerStateListener] =\r\n * createFAsomeStore({\r\n // Se puede utilizar un estado con estructura arbitraria\r\n initialState: {\r\n people: [],\r\n // El as ... es necesario para que typescript pueda realizar la inferencia\r\n // correctamente. Siempre que se cree un store se debe seguir la estructura\r\n // propuesta en este ejemplo\r\n } as { people: { name: string }[] },\r\n // Los distinguidores \"distinctors\" establecen qué tipos de elementos existen\r\n // dentro del store y qué estado utiliza cada uno de ellos\r\n distinctors: {\r\n person: [\r\n // El tipado asignado al parámetro distinctions será tomado por el store\r\n // para pasarlo luego al keymaker a la hora de seleccionar un registro del\r\n // store\r\n (distinctions: { name: string }, state) => {\r\n return {\r\n name: state.people.find(\r\n (current) => current.name === distinctions.name,\r\n ),\r\n };\r\n },\r\n ],\r\n },\r\n // Los keymakers se encargan de generar claves únicas para cada elemento del\r\n // store\r\n keysMakers: {\r\n person: (distinctions) => {\r\n // Debe crear una key única dentro del store\r\n return distinctions.name;\r\n },\r\n },\r\n // Los operadores permiten alterar el estado actual\r\n operations: {\r\n addPerson(state, payload: { name: string }, affectedKeys) {\r\n // El estado se altera de cualquier forma que sea conveniente\r\n state.people.push({ name: payload.name });\r\n // Este key debe ser idéntico al generado por el keyMaker de person (Más\r\n // arriba)\r\n affectedKeys.set([payload.name]);\r\n },\r\n },\r\n });\r\n /\r\nexport function createFAsomeStore<\r\n State,\r\n Distinctors extends TDistinctors<State> = TDistinctors<State>,\r\n Operations extends TOperations<State> = TOperations<State>,\r\n>({\r\n initialState,\r\n operations,\r\n distinctors,\r\n keysMakers,\r\n}: {\r\n initialState: State;\r\n operations: Operations;\r\n distinctors: Distinctors;\r\n keysMakers: TKeysMaker<State, Distinctors>;\r\n}): [\r\n TActionsMap<State, Operations>,\r\n TUseProperties<State, Distinctors>,\r\n TGetState<State>,\r\n TRegisterStateChangeListener<State>,\r\n] {\r\n const actions = {} as TActionsMap<State, Operations>;\r\n let state = initialState;\r\n\r\n const callbacks: Record<string, Map<string, TInnerStateListener<State>>> = {};\r\n const keysMap = new Map<string, number>();\r\n\r\n function registerCallback<K extends keyof Distinctors>(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n callback: TInnerStateListener<State>,\r\n ) {\r\n if (!callbacks[which as string]) {\r\n callbacks[which as string] = new Map();\r\n }\r\n const key = keysMakers[which](distinctions);\r\n keysMap.set(key, (keysMap.get(key) ?? 0) + 1);\r\n callbacks[which as string].set(key, callback);\r\n\r\n return () => {\r\n callbacks[which as string].delete(key);\r\n keysMap.set(key, (keysMap.get(key) as number) - 1);\r\n if (keysMap.get(key) === 0) keysMap.delete(key);\r\n };\r\n }\r\n\r\n let stateListenersCallbacks: TStateChangeListener<State>[] = [];\r\n\r\n const registerStateListener: TRegisterStateChangeListener<State> = (\r\n callback: TStateChangeListener<State>,\r\n ) => {\r\n stateListenersCallbacks.push(callback);\r\n\r\n return () => {\r\n stateListenersCallbacks = stateListenersCallbacks.filter(\r\n (current) => current !== callback,\r\n );\r\n };\r\n };\r\n\r\n Object.entries(operations).forEach(([name, operation]) => {\r\n const action: TOperationAction<TOperationParameter<typeof operation>> = (\r\n props,\r\n ) => {\r\n let keys = Array.from(keysMap.keys()) as string[];\r\n const pushedKeys: Record<string, any> = {};\r\n let hasPushed = false;\r\n const nextState = produce(state, (state) =>\r\n operations[name](state, props, {\r\n filter(filterCallback) {\r\n if (hasPushed) {\r\n Object.keys(pushedKeys)\r\n .filter((current, ...e) => filterCallback(current, ...e))\r\n .forEach((current) => delete pushedKeys[current]);\r\n } else keys = keys.filter(filterCallback);\r\n },\r\n push(...newKeys) {\r\n if (!hasPushed) {\r\n hasPushed = true;\r\n }\r\n newKeys.forEach((current) => (pushedKeys[current] = true));\r\n },\r\n set(newKeys) {\r\n if (!hasPushed) {\r\n hasPushed = true;\r\n }\r\n newKeys.forEach((current) => (pushedKeys[current] = true));\r\n },\r\n }),\r\n );\r\n\r\n const actualKeys = hasPushed ? Object.keys(pushedKeys) : keys;\r\n hasPushed ? Object.keys(pushedKeys) : keys;\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\r\n if ((window as any).debugDomStore) {\r\n console.clear();\r\n }\r\n if (nextState !== state) {\r\n stateListenersCallbacks.forEach((current) => {\r\n current(nextState, state);\r\n });\r\n Object.keys(callbacks).forEach((which) => {\r\n actualKeys.forEach((key) => {\r\n callbacks[which].get(key)?.(nextState);\r\n });\r\n distinctors[which][1]?.(state, nextState);\r\n });\r\n state = nextState;\r\n }\r\n };\r\n actions[name as keyof TActionsMap<State, Operations>] = action;\r\n });\r\n\r\n /\r\n Este hook permite recuperar el estado asociado a un elemento. \r\n * El siguiente ejemplo está tomado del componente Listbox de \r\n * @apia/components. En el mismo se puede ver que se toman las \r\n * props devueltas y se hacen spread sobre el elemento destino. \r\n * En este ejemplo, las acciones y el useListbox vienen por \r\n * contexto pero son exactamente los mismos devueltos por \r\n * createFAsomeStore.\r\n * \r\n * @example\r\n * \r\n * export const ListboxItem: FC<TListboxItem> = ({\r\n children,\r\n rowIndex: outerRowIndex,\r\n }) => {\r\n const { listboxActions, useListbox } = useContext(ListboxContext);\r\n const rowIndex = useMemo(() => outerRowIndex ?? -1, [outerRowIndex]);\r\n const props = useListbox<HTMLDivElement>('row', { rowIndex });\r\n\r\n return (\r\n <div\r\n {...props}\r\n onClick={useCallback(() => {\r\n listboxActions.updateSelectedRows({ newSelectedRows: [rowIndex] });\r\n }, [listboxActions, rowIndex])}\r\n >\r\n {children}\r\n </div>\r\n );\r\n };\r\n */\r\n const useProperties: TUseProperties<State, Distinctors> = <\r\n RefType,\r\n K extends keyof Distinctors = keyof Distinctors,\r\n >(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n comparator: (\r\n prevSelection: TDistinctorProperties,\r\n newSelection: TDistinctorProperties,\r\n ) => boolean = (a, b) => a === b,\r\n ) => {\r\n const ref = useRef<RefType>(null);\r\n const returnRef = useCallback((el: RefType) => {\r\n if (el) {\r\n applyProperties(\r\n el as unknown as HTMLElement,\r\n previousSelection.current,\r\n );\r\n }\r\n (ref as MutableRefObject<RefType>).current = el;\r\n }, []) as unknown as MutableRefObject<RefType>;\r\n const previousSelection = useRef<TDistinctorProperties>(\r\n null as unknown as TDistinctorProperties,\r\n );\r\n if (previousSelection.current === null) {\r\n previousSelection.current = distinctors[which][0](\r\n distinctions,\r\n state,\r\n ) as TDistinctorProperties;\r\n }\r\n\r\n useEffect(() => {\r\n return registerCallback(which, distinctions, (current) => {\r\n const newState: TDistinctorProperties = distinctors[which][0](\r\n distinctions,\r\n current,\r\n );\r\n if (!comparator(previousSelection.current, newState)) {\r\n previousSelection.current = newState;\r\n applyProperties(ref.current as HTMLElement, newState);\r\n }\r\n });\r\n }, [comparator, distinctions, which]);\r\n\r\n return returnRef;\r\n };\r\n\r\n const getState = () => {\r\n return cloneDeep(state);\r\n };\r\n\r\n return [actions, useProperties, getState, registerStateListener];\r\n}\r\n\r\nexport type { Draft };\r\n"],"names":["state","_a"],"mappings":";;;;AA2MA,SAAS,iBAAA,CACP,OACA,EAAA,SAAA,EACA,KACA,EAAA;AACA,EAAQ,OAAA,CAAA,YAAA,CAAa,WAAW,KAAe,CAAA,CAAA;AACjD,CAAA;AAQA,SAAS,eAAA,CAAgB,SAAsB,KAA8B,EAAA;AAzN7E,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA0NE,EAAI,IAAA,CAAC,OAAW,IAAA,EAAE,OAAmB,YAAA,WAAA,CAAA;AAAc,IAAA,OAAA;AAEnD,EAAC,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,cAAN,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAjB,YAAwB,EAAC,EAAG,OAAQ,CAAA,CAAC,OAAY,KAAA;AAChD,IAAI,IAAA,OAAA;AAAS,MAAQ,OAAA,CAAA,SAAA,CAAU,IAAI,OAAO,CAAA,CAAA;AAAA,GAC3C,CAAA,CAAA;AACD,EAAC,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,cAAN,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,KAAjB,YAA2B,EAAC,EAAG,OAAQ,CAAA,CAAC,OAAY,KAAA;AACnD,IAAI,IAAA,OAAA;AAAS,MAAQ,OAAA,CAAA,SAAA,CAAU,OAAO,OAAO,CAAA,CAAA;AAAA,GAC9C,CAAA,CAAA;AACD,EAAC,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,cAAN,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,KAAjB,YAA2B,EAAC,EAAG,OAAQ,CAAA,CAAC,OAAY,KAAA;AACnD,IAAI,IAAA,OAAA;AAAS,MAAQ,OAAA,CAAA,SAAA,CAAU,OAAO,OAAO,CAAA,CAAA;AAAA,GAC9C,CAAA,CAAA;AAED,EAAA,MAAA,CAAO,OAAQ,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,QAAf,IAAsB,GAAA,EAAA,GAAA,EAAE,CAAA,CAAE,OAAQ,CAAA,CAAC,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AACjE,IAAQ,OAAA,CAAA,OAAA,CAAQ,GAAG,CAAI,GAAA,KAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AACD,EAAA,CAAA,CAAC,iBAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,MAAf,KAAA,IAAA,GAAA,EAAA,GAAyB,EAAI,EAAA,OAAA;AAAA,IAC5B,CAAC,OAAA,KAAY,OAAO,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA,GAC7C,CAAA;AAEA,EAAA,MAAA,CAAO,OAAQ,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,EAAA,GAAgB,EAAE,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AAC5D,IAAC,OAAA,CAAQ,KAAM,CAAA,IAAyB,CAAY,GAAA,KAAA,CAAA;AAAA,GACrD,CAAA,CAAA;AAED,EAAA,MAAA,CAAO,OAAQ,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,GAAN,KAAA,IAAA,GAAA,EAAA,GAAa,EAAE,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AACzD,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,OAAQ,QAAgC,IAAI,CAAA,CAAA;AAC5C,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,cAAc,CAAA,CAAA;AACvC,IAAA,IAAI,KAAO,EAAA;AACT,MAAkB,iBAAA,CAAA,OAAA,EAAS,MAAM,KAAK,CAAA,CAAA;AACtC,MAAA,OAAA;AAAA,KACF;AACA,IAAC,OAAgC,CAAA,IAAI,CAAI,GAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,GACtD,CAAA,CAAA;AACH,CAAA;AA2EO,SAAS,iBAId,CAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AACF,CAUE,EAAA;AACA,EAAA,MAAM,UAAU,EAAC,CAAA;AACjB,EAAA,IAAI,KAAQ,GAAA,YAAA,CAAA;AAEZ,EAAA,MAAM,YAAqE,EAAC,CAAA;AAC5E,EAAM,MAAA,OAAA,uBAAc,GAAoB,EAAA,CAAA;AAExC,EAAS,SAAA,gBAAA,CACP,KACA,EAAA,YAAA,EACA,QACA,EAAA;AAvWJ,IAAA,IAAA,EAAA,CAAA;AAwWI,IAAI,IAAA,CAAC,SAAU,CAAA,KAAe,CAAG,EAAA;AAC/B,MAAU,SAAA,CAAA,KAAe,CAAI,mBAAA,IAAI,GAAI,EAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAM,GAAM,GAAA,UAAA,CAAW,KAAK,CAAA,CAAE,YAAY,CAAA,CAAA;AAC1C,IAAQ,OAAA,CAAA,GAAA,CAAI,OAAM,EAAQ,GAAA,OAAA,CAAA,GAAA,CAAI,GAAG,CAAf,KAAA,IAAA,GAAA,EAAA,GAAoB,KAAK,CAAC,CAAA,CAAA;AAC5C,IAAA,SAAA,CAAU,KAAe,CAAA,CAAE,GAAI,CAAA,GAAA,EAAK,QAAQ,CAAA,CAAA;AAE5C,IAAA,OAAO,MAAM;AACX,MAAU,SAAA,CAAA,KAAe,CAAE,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AACrC,MAAA,OAAA,CAAQ,IAAI,GAAM,EAAA,OAAA,CAAQ,GAAI,CAAA,GAAG,IAAe,CAAC,CAAA,CAAA;AACjD,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,GAAG,CAAM,KAAA,CAAA;AAAG,QAAA,OAAA,CAAQ,OAAO,GAAG,CAAA,CAAA;AAAA,KAChD,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,0BAAyD,EAAC,CAAA;AAE9D,EAAM,MAAA,qBAAA,GAA6D,CACjE,QACG,KAAA;AACH,IAAA,uBAAA,CAAwB,KAAK,QAAQ,CAAA,CAAA;AAErC,IAAA,OAAO,MAAM;AACX,MAAA,uBAAA,GAA0B,uBAAwB,CAAA,MAAA;AAAA,QAChD,CAAC,YAAY,OAAY,KAAA,QAAA;AAAA,OAC3B,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA;AAEA,EAAO,MAAA,CAAA,OAAA,CAAQ,UAAU,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,SAAS,CAAM,KAAA;AACxD,IAAM,MAAA,MAAA,GAAkE,CACtE,KACG,KAAA;AACH,MAAA,IAAI,IAAO,GAAA,KAAA,CAAM,IAAK,CAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AACpC,MAAA,MAAM,aAAkC,EAAC,CAAA;AACzC,MAAA,IAAI,SAAY,GAAA,KAAA,CAAA;AAChB,MAAA,MAAM,SAAY,GAAA,OAAA;AAAA,QAAQ,KAAA;AAAA,QAAO,CAACA,MAChC,KAAA,UAAA,CAAW,IAAI,CAAA,CAAEA,QAAO,KAAO,EAAA;AAAA,UAC7B,OAAO,cAAgB,EAAA;AACrB,YAAA,IAAI,SAAW,EAAA;AACb,cAAA,MAAA,CAAO,KAAK,UAAU,CAAA,CACnB,OAAO,CAAC,OAAA,EAAA,GAAY,MAAM,cAAe,CAAA,OAAA,EAAS,GAAG,CAAC,CAAC,EACvD,OAAQ,CAAA,CAAC,YAAY,OAAO,UAAA,CAAW,OAAO,CAAC,CAAA,CAAA;AAAA,aACpD;AAAO,cAAO,IAAA,GAAA,IAAA,CAAK,OAAO,cAAc,CAAA,CAAA;AAAA,WAC1C;AAAA,UACA,QAAQ,OAAS,EAAA;AACf,YAAA,IAAI,CAAC,SAAW,EAAA;AACd,cAAY,SAAA,GAAA,IAAA,CAAA;AAAA,aACd;AACA,YAAA,OAAA,CAAQ,QAAQ,CAAC,OAAA,KAAa,UAAW,CAAA,OAAO,IAAI,IAAK,CAAA,CAAA;AAAA,WAC3D;AAAA,UACA,IAAI,OAAS,EAAA;AACX,YAAA,IAAI,CAAC,SAAW,EAAA;AACd,cAAY,SAAA,GAAA,IAAA,CAAA;AAAA,aACd;AACA,YAAA,OAAA,CAAQ,QAAQ,CAAC,OAAA,KAAa,UAAW,CAAA,OAAO,IAAI,IAAK,CAAA,CAAA;AAAA,WAC3D;AAAA,SACD,CAAA;AAAA,OACH,CAAA;AAEA,MAAA,MAAM,UAAa,GAAA,SAAA,GAAY,MAAO,CAAA,IAAA,CAAK,UAAU,CAAI,GAAA,IAAA,CAAA;AAIzD,MAAA,IAAK,OAAe,aAAe,EAAA;AACjC,QAAA,OAAA,CAAQ,KAAM,EAAA,CAAA;AAAA,OAChB;AACA,MAAA,IAAI,cAAc,KAAO,EAAA;AACvB,QAAwB,uBAAA,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AAC3C,UAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,SACzB,CAAA,CAAA;AACD,QAAA,MAAA,CAAO,IAAK,CAAA,SAAS,CAAE,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AA9alD,UAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA+aU,UAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AA/atC,YAAAC,IAAAA,GAAAA,CAAAA;AAgbY,YAAAA,CAAAA,GAAAA,GAAA,UAAU,KAAK,CAAA,CAAE,IAAI,GAAG,CAAA,KAAxB,gBAAAA,GAA4B,CAAA,SAAA,CAAA,CAAA;AAAA,WAC7B,CAAA,CAAA;AACD,UAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAA,CAAY,KAAK,CAAA,EAAE,CAAnB,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAwB,KAAO,EAAA,SAAA,CAAA,CAAA;AAAA,SAChC,CAAA,CAAA;AACD,QAAQ,KAAA,GAAA,SAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AACA,IAAA,OAAA,CAAQ,IAA4C,CAAI,GAAA,MAAA,CAAA;AAAA,GACzD,CAAA,CAAA;AAiCD,EAAM,MAAA,aAAA,GAAoD,CAIxD,KACA,EAAA,YAAA,EACA,aAGe,CAAC,CAAA,EAAG,CAAM,KAAA,CAAA,KAAM,CAC5B,KAAA;AACH,IAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,CAAA,CAAA;AAChC,IAAM,MAAA,SAAA,GAAY,WAAY,CAAA,CAAC,EAAgB,KAAA;AAC7C,MAAA,IAAI,EAAI,EAAA;AACN,QAAA,eAAA;AAAA,UACE,EAAA;AAAA,UACA,iBAAkB,CAAA,OAAA;AAAA,SACpB,CAAA;AAAA,OACF;AACA,MAAC,IAAkC,OAAU,GAAA,EAAA,CAAA;AAAA,KAC/C,EAAG,EAAE,CAAA,CAAA;AACL,IAAA,MAAM,iBAAoB,GAAA,MAAA;AAAA,MACxB,IAAA;AAAA,KACF,CAAA;AACA,IAAI,IAAA,iBAAA,CAAkB,YAAY,IAAM,EAAA;AACtC,MAAA,iBAAA,CAAkB,OAAU,GAAA,WAAA,CAAY,KAAK,CAAA,CAAE,CAAC,CAAA;AAAA,QAC9C,YAAA;AAAA,QACA,KAAA;AAAA,OACF,CAAA;AAAA,KACF;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,OAAO,gBAAiB,CAAA,KAAA,EAAO,YAAc,EAAA,CAAC,OAAY,KAAA;AACxD,QAAA,MAAM,QAAkC,GAAA,WAAA,CAAY,KAAK,CAAA,CAAE,CAAC,CAAA;AAAA,UAC1D,YAAA;AAAA,UACA,OAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,CAAC,UAAA,CAAW,iBAAkB,CAAA,OAAA,EAAS,QAAQ,CAAG,EAAA;AACpD,UAAA,iBAAA,CAAkB,OAAU,GAAA,QAAA,CAAA;AAC5B,UAAgB,eAAA,CAAA,GAAA,CAAI,SAAwB,QAAQ,CAAA,CAAA;AAAA,SACtD;AAAA,OACD,CAAA,CAAA;AAAA,KACA,EAAA,CAAC,UAAY,EAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAEpC,IAAO,OAAA,SAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,OAAO,UAAU,KAAK,CAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,OAAO,CAAC,OAAA,EAAS,aAAe,EAAA,QAAA,EAAU,qBAAqB,CAAA,CAAA;AACjE;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-dynamic-delete /\r\n/ eslint-disable no-param-reassign /\r\n/ eslint-disable @typescript-eslint/no-explicit-any /\r\nimport {\r\n useEffect,\r\n useRef,\r\n RefObject,\r\n useCallback,\r\n MutableRefObject,\r\n} from 'react';\r\nimport { Draft, produce } from 'immer';\r\nimport cloneDeep from 'lodash-es/cloneDeep';\r\n\r\n/\r\n Las acciones reciben este objeto como terecer parámetro.\r\n \r\n Sirve para decidir cuáles serán los keys afectados por la ejecución\r\n * exitosa de la acción actual, de esta forma se evita la necesidad de\r\n * iterar sobre cada elemento ejecutando acciones selectoras y\r\n * haciendo comparación entre la selección actual y la anterior.\r\n \r\n Si este objeto no es utilizado en una acción, se seguirá el\r\n * comportamiento por defecto que es recorrer todas las keys del\r\n * store.\r\n /\r\nexport type TKeysDefine = {\r\n /\r\n Acepta un método que será llamado con el conjunto de todas las\r\n * keys y deberá responder con las keys que deben ser afectadas.\r\n /\r\n filter: (filterCallback: Parameters<string[]['filter']>[0]) => void;\r\n /\r\n Agrega keys al array de búsqueda. La primera vez que se llama, se\r\n * agregan sobre un array vacío.\r\n /\r\n push: (...newKeys: string[]) => void;\r\n /\r\n Acepta un array de keys que serán las que se recorrerán en\r\n * la propagación del nuevo estado.\r\n /\r\n set: (newKeys: string[]) => void;\r\n};\r\n\r\n/\r\n Las operaciones son métodos que alteran el estado de alguna manera.\r\n \r\n Idealmente, cada operación indica qué keys afectó, de forma que no\r\n * sea necesario realizar comparaciones para saber qué elementos deben\r\n * ser modificados dentro del store.\r\n \r\n Cada operación recibe state que es un drat de Immer, de igual manera\r\n * como lo hacen los reducers de createSlice de Redux-toolkit.\r\n \r\n El payload es arbitrario.\r\n \r\n defineKeys es un objeto que contiene distintos métodos que permiten\r\n * alterar el listado de keys que serán iteradas para notificar del\r\n * cambio de estado.\r\n /\r\ntype TOperation<State, Payload> = (\r\n state: Draft<State>,\r\n payload: Payload,\r\n defineKeys: TKeysDefine,\r\n) => void;\r\n\r\n/\r\n Representa el conjunto de todas las operaciones de un store.\r\n /\r\nexport type TOperations<State> = Record<string, TOperation<State, any>>;\r\n\r\n/\r\n Conjunto de elementos que distinguen a cada tipo de elemento del\r\n * store. Se toma a partir de la definición del objeto distinctors\r\n * del método create.\r\n /\r\ntype TDistinctions<\r\n Distinctors extends TDistinctors<any>,\r\n K extends keyof Distinctors,\r\n> = Parameters<Distinctors[K][0]>[0];\r\n\r\n/\r\n Es el hook encargado de registrar los callbacks necesarios a los\r\n * eventos que corresponda de forma de garantizar que las propiedades\r\n * se apliquen sobre el elemento que corresponda.\r\n /\r\nexport type TUseProperties<State, Distinctors extends TDistinctors<State>> = <\r\n RefType,\r\n K extends keyof Distinctors = keyof Distinctors,\r\n>(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n comparator?: (\r\n prevSelection: TDistinctorProperties,\r\n newSelection: TDistinctorProperties,\r\n ) => boolean,\r\n) => RefObject<RefType>;\r\n\r\nexport type TStateChangeListener<State> = (\r\n state: State,\r\n previousState: State,\r\n) => unknown;\r\n\r\n/\r\n Permite obtener una copia del estado local\r\n /\r\nexport type TGetState<State> = () => State;\r\n\r\n/\r\n Permite registrar un callback que será llamado con cada actualización del\r\n * estado\r\n /\r\nexport type TRegisterStateChangeListener<State> = (\r\n callback: TStateChangeListener<State>,\r\n) => () => void;\r\n\r\n/\r\n Es un método que dadas las distinciones de un elemento particular\r\n * construye un string que lo identifica.\r\n /\r\ntype TKeyMaker<\r\n State,\r\n Distinctors extends TDistinctors<State> = TDistinctors<State>,\r\n Key extends keyof Distinctors = keyof Distinctors,\r\n> = (distinctions: TDistinctions<Distinctors, Key>) => string;\r\n\r\n/\r\n Es un mapa que contiene un TKeyMaker por cada tipo de elemento.\r\n /\r\nexport type TKeysMaker<State, Distinctors extends TDistinctors<State>> = {\r\n [key in keyof Distinctors]: TKeyMaker<State, Distinctors, key>;\r\n};\r\n\r\n/\r\n Tipo que permite extraer el tipo del payload de una operación.\r\n /\r\ntype TOperationParameter<Operation extends TOperation<any, any>> =\r\n Parameters<Operation>[1];\r\n\r\n/\r\n Representa una acción asociada a una operación. Es el método\r\n * que es llamado desde fuera del store para ejecutar una operación\r\n * y actualizar el estado. Como consecuencia de la ejecución de esta\r\n * acción, el estado será actualizado y se harán las notificaciones\r\n * y actualización de propiedades que correspondan en los elementos\r\n * afectados.\r\n /\r\ntype TOperationAction<Payload> = (\r\n props: Payload extends void ? void : Payload,\r\n) => void;\r\n\r\n/\r\n Objeto que contiene todas las acciones de un store.\r\n /\r\nexport type TActionsMap<State, Operations extends TOperations<State>> = {\r\n [Key in keyof Operations]: TOperationAction<\r\n TOperationParameter<Operations[Key]>\r\n >;\r\n};\r\n\r\n/\r\n Método que es llamado luego de que se actualizan los elementos\r\n * pertenecientes a un tipo del store.\r\n /\r\ntype TAfterActionCallback<State> = (\r\n prevState: State,\r\n nextState: State,\r\n) => unknown;\r\n\r\nexport type TClassListComposer = Partial<{\r\n add: string[];\r\n remove: string[];\r\n toggle: string[];\r\n}>;\r\n\r\nexport type TDatasetComposer = Partial<{\r\n add: Record<string, any>;\r\n remove: string[];\r\n}>;\r\n\r\nexport type TDistinctorProperties = Partial<{\r\n classList: TClassListComposer;\r\n dataset: TDatasetComposer;\r\n etc: Record<string, any>;\r\n styles: CSSStyleDeclaration;\r\n}>;\r\n\r\n/\r\n Objeto que representa un tipo de elemento del store.\r\n /\r\ntype TDistinctor<State, Distinctions extends Record<string, any>> =\r\n \| [\r\n (distinctions: Distinctions, state: State) => TDistinctorProperties,\r\n TAfterActionCallback<State>,\r\n ]\r\n \| [(distinctions: Distinctions, state: State) => TDistinctorProperties];\r\n\r\n/\r\n Los distinctors determinan para cada tipo de elemento aceptado,\r\n * si dado un cambio en el estado del store, este elemento debe ser\r\n * actualizado o no\r\n * /\r\nexport type TDistinctors<State> = Record<string, TDistinctor<State, any>>;\r\n\r\nfunction setAriaAttributes(\r\n element: HTMLElement,\r\n attribute: string,\r\n value: any,\r\n) {\r\n element.setAttribute(attribute, value as string);\r\n}\r\n\r\n/\r\n Representa los callbacks internos del store utilizados para comunicar\r\n * acerca del cambio de estado a los elementos correspondientes.\r\n /\r\ntype TInnerStateListener<State> = (currentState: State) => void;\r\n\r\nfunction applyProperties(element: HTMLElement, props: TDistinctorProperties) {\r\n if (!element \|\| !(element instanceof HTMLElement)) return;\r\n\r\n (props.classList?.add ?? []).forEach((current) => {\r\n if (current) element.classList.add(current);\r\n });\r\n (props.classList?.remove ?? []).forEach((current) => {\r\n if (current) element.classList.remove(current);\r\n });\r\n (props.classList?.toggle ?? []).forEach((current) => {\r\n if (current) element.classList.toggle(current);\r\n });\r\n\r\n Object.entries(props.dataset?.add ?? {}).forEach(([key, value]) => {\r\n element.dataset[key] = value;\r\n });\r\n (props.dataset?.remove ?? []).forEach(\r\n (current) => delete element.dataset[current],\r\n );\r\n\r\n Object.entries(props.styles ?? {}).forEach(([prop, value]) => {\r\n (element.style[prop as unknown as number] as any) = value;\r\n });\r\n\r\n Object.entries(props.etc ?? {}).forEach(([prop, value]) => {\r\n if (value === undefined) {\r\n delete (element as Record<string, any>)[prop];\r\n return;\r\n }\r\n\r\n const match = prop.match(/^aria-(\\w+)$/);\r\n if (match) {\r\n setAriaAttributes(element, prop, value);\r\n return;\r\n }\r\n (element as Record<string, any>)[prop] = String(value);\r\n });\r\n}\r\n\r\n/\r\n Falta documentar, a grandes rasgos:\r\n * \r\n * Este store propone el máximo rendimiento: afectar solamente los registros\r\n * que sean estrictamente necesarios y no renderizar.\r\n * \r\n * Para lograr evitar el renderizado, el estado se guarda en internamente en el\r\n * store, pero también en el elemento asociado a cada registro. De esta manera,\r\n * cuando se actualiza el estado, se procesan los keys afectados, se genera el\r\n * estado para cada uno de ellos de acuerdo a su distintor correspondiente y se\r\n * actualiza el DOM en el momento. Si por algún motivo, el componente afectado\r\n * vuelve a renderizar, el hook devuelve el estado actualizado, de forma de\r\n * evitar pérdida de información.\r\n * \r\n * @returns\r\n * \r\n * Al crear un store se devuelve un array compuesto por 3 elementos en el\r\n * siguiente orden:\r\n * \r\n * - acciones: Un mapa de métodos correspondientes a las operaciones\r\n * definidas. \r\n * - useProperties: Un hook utilizado para obtener las propiedades\r\n * de un elemento, de acuerdo a su distinción.\r\n * - getState: Un método que permite obtener el estado actual del store.\r\n * \r\n * @example\r\n * \r\n * \r\n * const [actions, useProperties, getState, registerStateListener] =\r\n * createFAsomeStore({\r\n // Se puede utilizar un estado con estructura arbitraria\r\n initialState: {\r\n people: [],\r\n // El as ... es necesario para que typescript pueda realizar la inferencia\r\n // correctamente. Siempre que se cree un store se debe seguir la estructura\r\n // propuesta en este ejemplo\r\n } as { people: { name: string }[] },\r\n // Los distinguidores \"distinctors\" establecen qué tipos de elementos existen\r\n // dentro del store y qué estado utiliza cada uno de ellos\r\n distinctors: {\r\n person: [\r\n // El tipado asignado al parámetro distinctions será tomado por el store\r\n // para pasarlo luego al keymaker a la hora de seleccionar un registro del\r\n // store\r\n (distinctions: { name: string }, state) => {\r\n return {\r\n name: state.people.find(\r\n (current) => current.name === distinctions.name,\r\n ),\r\n };\r\n },\r\n ],\r\n },\r\n // Los keymakers se encargan de generar claves únicas para cada elemento del\r\n // store\r\n keysMakers: {\r\n person: (distinctions) => {\r\n // Debe crear una key única dentro del store\r\n return distinctions.name;\r\n },\r\n },\r\n // Los operadores permiten alterar el estado actual\r\n operations: {\r\n addPerson(state, payload: { name: string }, affectedKeys) {\r\n // El estado se altera de cualquier forma que sea conveniente\r\n state.people.push({ name: payload.name });\r\n // Este key debe ser idéntico al generado por el keyMaker de person (Más\r\n // arriba)\r\n affectedKeys.set([payload.name]);\r\n },\r\n },\r\n });\r\n /\r\nexport function createFAsomeStore<\r\n State,\r\n Distinctors extends TDistinctors<State> = TDistinctors<State>,\r\n Operations extends TOperations<State> = TOperations<State>,\r\n>({\r\n initialState,\r\n operations,\r\n distinctors,\r\n keysMakers,\r\n}: {\r\n initialState: State;\r\n operations: Operations;\r\n distinctors: Distinctors;\r\n keysMakers: TKeysMaker<State, Distinctors>;\r\n}): [\r\n TActionsMap<State, Operations>,\r\n TUseProperties<State, Distinctors>,\r\n TGetState<State>,\r\n TRegisterStateChangeListener<State>,\r\n] {\r\n const actions = {} as TActionsMap<State, Operations>;\r\n let state = initialState;\r\n\r\n const callbacks: Record<string, Map<string, TInnerStateListener<State>>> = {};\r\n const keysMap = new Map<string, number>();\r\n\r\n function registerCallback<K extends keyof Distinctors>(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n callback: TInnerStateListener<State>,\r\n ) {\r\n if (!callbacks[which as string]) {\r\n callbacks[which as string] = new Map();\r\n }\r\n const key = keysMakers[which](distinctions);\r\n keysMap.set(key, (keysMap.get(key) ?? 0) + 1);\r\n callbacks[which as string].set(key, callback);\r\n\r\n return () => {\r\n callbacks[which as string].delete(key);\r\n keysMap.set(key, (keysMap.get(key) as number) - 1);\r\n if (keysMap.get(key) === 0) keysMap.delete(key);\r\n };\r\n }\r\n\r\n let stateListenersCallbacks: TStateChangeListener<State>[] = [];\r\n\r\n const registerStateListener: TRegisterStateChangeListener<State> = (\r\n callback: TStateChangeListener<State>,\r\n ) => {\r\n stateListenersCallbacks.push(callback);\r\n\r\n return () => {\r\n stateListenersCallbacks = stateListenersCallbacks.filter(\r\n (current) => current !== callback,\r\n );\r\n };\r\n };\r\n\r\n Object.entries(operations).forEach(([name, operation]) => {\r\n const action: TOperationAction<TOperationParameter<typeof operation>> = (\r\n props,\r\n ) => {\r\n let keys = Array.from(keysMap.keys()) as string[];\r\n const pushedKeys: Record<string, any> = {};\r\n let hasPushed = false;\r\n const nextState = produce(state, (state) =>\r\n operations[name](state, props, {\r\n filter(filterCallback) {\r\n if (hasPushed) {\r\n Object.keys(pushedKeys)\r\n .filter((current, ...e) => filterCallback(current, ...e))\r\n .forEach((current) => delete pushedKeys[current]);\r\n } else keys = keys.filter(filterCallback);\r\n },\r\n push(...newKeys) {\r\n if (!hasPushed) {\r\n hasPushed = true;\r\n }\r\n newKeys.forEach((current) => (pushedKeys[current] = true));\r\n },\r\n set(newKeys) {\r\n if (!hasPushed) {\r\n hasPushed = true;\r\n }\r\n newKeys.forEach((current) => (pushedKeys[current] = true));\r\n },\r\n }),\r\n );\r\n\r\n const actualKeys = hasPushed ? Object.keys(pushedKeys) : keys;\r\n hasPushed ? Object.keys(pushedKeys) : keys;\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\r\n if ((window as any).debugDomStore) {\r\n console.clear();\r\n }\r\n if (nextState !== state) {\r\n stateListenersCallbacks.forEach((current) => {\r\n current(nextState, state);\r\n });\r\n Object.keys(callbacks).forEach((which) => {\r\n actualKeys.forEach((key) => {\r\n callbacks[which].get(key)?.(nextState);\r\n });\r\n distinctors[which][1]?.(state, nextState);\r\n });\r\n state = nextState;\r\n }\r\n };\r\n actions[name as keyof TActionsMap<State, Operations>] = action;\r\n });\r\n\r\n /\r\n Este hook permite recuperar el estado asociado a un elemento. \r\n * El siguiente ejemplo está tomado del componente Listbox de \r\n * @apia/components. En el mismo se puede ver que se toman las \r\n * props devueltas y se hacen spread sobre el elemento destino. \r\n * En este ejemplo, las acciones y el useListbox vienen por \r\n * contexto pero son exactamente los mismos devueltos por \r\n * createFAsomeStore.\r\n * \r\n * @example\r\n * \r\n * export const ListboxItem: FC<TListboxItem> = ({\r\n children,\r\n rowIndex: outerRowIndex,\r\n }) => {\r\n const { listboxActions, useListbox } = useContext(ListboxContext);\r\n const rowIndex = useMemo(() => outerRowIndex ?? -1, [outerRowIndex]);\r\n const props = useListbox<HTMLDivElement>('row', { rowIndex });\r\n\r\n return (\r\n <div\r\n {...props}\r\n onClick={useCallback(() => {\r\n listboxActions.updateSelectedRows({ newSelectedRows: [rowIndex] });\r\n }, [listboxActions, rowIndex])}\r\n >\r\n {children}\r\n </div>\r\n );\r\n };\r\n */\r\n const useProperties: TUseProperties<State, Distinctors> = <\r\n RefType,\r\n K extends keyof Distinctors = keyof Distinctors,\r\n >(\r\n which: K,\r\n distinctions: TDistinctions<Distinctors, K>,\r\n comparator: (\r\n prevSelection: TDistinctorProperties,\r\n newSelection: TDistinctorProperties,\r\n ) => boolean = (a, b) => a === b,\r\n ) => {\r\n const ref = useRef<RefType>(null);\r\n const returnRef = useCallback((el: RefType) => {\r\n if (el) {\r\n applyProperties(\r\n el as unknown as HTMLElement,\r\n previousSelection.current,\r\n );\r\n }\r\n (ref as MutableRefObject<RefType>).current = el;\r\n }, []) as unknown as MutableRefObject<RefType>;\r\n const previousSelection = useRef<TDistinctorProperties>(\r\n null as unknown as TDistinctorProperties,\r\n );\r\n if (previousSelection.current === null) {\r\n previousSelection.current = distinctors[which][0](\r\n distinctions,\r\n state,\r\n ) as TDistinctorProperties;\r\n }\r\n\r\n useEffect(() => {\r\n return registerCallback(which, distinctions, (current) => {\r\n const newState: TDistinctorProperties = distinctors[which][0](\r\n distinctions,\r\n current,\r\n );\r\n if (!comparator(previousSelection.current, newState)) {\r\n previousSelection.current = newState;\r\n applyProperties(ref.current as HTMLElement, newState);\r\n }\r\n });\r\n }, [comparator, distinctions, which]);\r\n\r\n return returnRef;\r\n };\r\n\r\n const getState = () => {\r\n return cloneDeep(state);\r\n };\r\n\r\n return [actions, useProperties, getState, registerStateListener];\r\n}\r\n\r\nexport type { Draft };\r\n"],"names":["state"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,49 +1,35 @@
 {
   "name": "@apia/dom-store",
-  "version": "1.0.4",
-  "author": "alexisleite <alexisleite@live.com>",
-  "homepage": "",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "sideEffects": [
-    "src/types/window.d.ts"
-  ],
+  "version": "2.0.0",
+  "sideEffects": false,
+  "author": "Alexis Leite <alexisleite@live.com>",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "type": "module",
+  "typings": "dist/index.d.ts",
   "scripts": {
-    "build": "rollup -c rollup.config.esb.mjs",
-    "buildDev": "rollup -c rollup.config.esb.mjs --dev",
-    "watch": "rollup -c rollup.config.esb.mjs --dev --watch"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@types/lodash": "^4.14.192",
-    "esbuild": "^0.17.14",
-    "rollup": "^3.20.2",
-    "rollup-plugin-bundle-analyzer": "^1.6.6",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-esbuild": "^5.0.0",
-    "typescript": "^4.9.5"
+    "libDev": "rollup --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts",
+    "libBuild": "rollup --config ../../config/rollup.common.mjs --environment MODE:production,ENTRY:index.ts",
+    "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
   },
   "dependencies": {
-    "immer": "^9.0.19",
-    "lodash": "^4.17.21"
+    "immer": "^9.0.19"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "axios": "^1.3.5",
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
+    "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "6c198a4643a693e25634e89cb227c56d9d12476d",
-  "repository": {
-    "type": "git",
-    "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
-    "directory": "packages/util"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
+  },
+  "gitHead": "755c990cc9875e99922cc0f7194d9f0a479bdc71"
 }

package/LICENSE.md DELETED Viewed

@@ -1,21 +0,0 @@
-MIT License
-Copyright (c) [year] [fullname]
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md DELETED Viewed

@@ -1,18 +0,0 @@
-# Initiator
-Este package se creó con la única utilidad de copiarlo entero y pegarlo a la hora de crear un nuevo package.
-Este iniciador permite crear un paquete que compila typescript y puede ser importado desde otros packages.
-## Procedimiento
- - Copiar la carpeta initiator y pegarla con otro nombre dentro de packages.
- - Modificar el package.json:
-   - Eliminar la línea ```private: true```.
-   - Cambiar el nombre del package en la propiedad "name".
-   - Cambiar el repositorio en "repository".
- - Ejecutar el comando lerna bootstrap desde la carpeta raíz.
-Luego de ejecutar estos pasos, el package estaría listo para comenzar a usarse.
-Este package trae como dependencias por defecto theme-ui y react. Si se desea agregar más dependencias se debe ejecutar el comando ```lerna add --scope="@apia/packageName" dependencyName```. Ejemplo, si creamos un paquete con el nombre @apia/myPackage y queremos agregar lodash como dependencia, ejecutamos el comando ```lerna add --scope="@apia/myPackage" lodash```. **Importante**: lerna no permite instalar de a varias dependencias a la vez como lo hace npm, por lo tanto, si se desea agregar varias dependencias se debe ejecutar el comando anterior tantas veces como dependencias se quiera agregar.

package/cleanDist.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-  "cleanDist": 0.9690365811095709
-}

package/entries.json DELETED Viewed

	@@ -1 +0,0 @@
1	- ["./src/index.ts"]