@apia/components 1.0.4 → 2.0.1

package/dist/components/ListBox/operations.js

@@ -0,0 +1,330 @@
+import { makeRowKey } from './common.js';
+import { getIndex, addBoundary } from '@apia/util';
+
+const filter = makeOperation((state, { searchString }, keys) => {
+  let focusChanged = false;
+  const rows = new Array(state.rowsCount).fill(1).map((_, i) => i);
+  const shownRows = [];
+  const hiddenRows = rows.filter((_, i) => {
+    const el = document.getElementById(`${state.id}__row__${i}`);
+    if (!el) {
+      console.warn("Element not found", `${state.id}__row__${i}`);
+      return false;
+    }
+    const matches = state.searchFunction(el.ariaLabel ?? "", searchString);
+    if (matches) {
+      el.style.display = "block";
+    } else {
+      el.style.display = "none";
+    }
+    if (matches)
+      shownRows.push(i);
+    else if (state.focusedRow === i) {
+      focusChanged = true;
+    }
+    return !matches;
+  });
+  keys.set(hiddenRows.map((current) => makeRowKey(current)));
+  state.hiddenRows = hiddenRows;
+  state.shownRows = shownRows;
+  if (focusChanged) {
+    for (const row of rows) {
+      if (!hiddenRows.includes(row)) {
+        state.focusedRow = row;
+        keys.push(makeRowKey(row));
+        keys.push(makeRowKey(state.focusedRow));
+        break;
+      }
+    }
+  }
+});
+function makeOperation(operation) {
+  const method = (state, payload, keys) => {
+    keys.push("searchbox");
+    keys.push("listbox");
+    operation(state, payload, keys);
+  };
+  return method;
+}
+const moveFocusAndToggleSelection = makeOperation((state, { isShiftKey, which }, keys) => {
+  if (state.shownRows.length <= 1) {
+    keys.push(makeRowKey(state.focusedRow));
+    state.focusedRow = state.shownRows[0];
+    if (state.shownRows.length === 1)
+      keys.push(makeRowKey(state.focusedRow));
+    return;
+  }
+  switch (which) {
+    case "first":
+      {
+        const newFocused = state.shownRows[0];
+        if (newFocused === state.focusedRow)
+          return;
+        keys.push(makeRowKey(state.focusedRow));
+        keys.push(makeRowKey(newFocused));
+        if (state.isMultipleSelection) {
+          if (isShiftKey) {
+            const selectedElements = new Array(state.focusedRow + 1).fill(1).map((_, i) => i);
+            keys.set(selectedElements.map((_, i) => makeRowKey(i)));
+            state.selectedRows = selectedElements;
+            state.lastSelectedRow = newFocused;
+          }
+        } else {
+          state.selectedRows = [newFocused];
+          state.lastSelectedRow = newFocused;
+        }
+        state.focusedRow = newFocused;
+      }
+      break;
+    case "last":
+      {
+        const newFocused = state.shownRows[state.shownRows.length - 1];
+        if (newFocused === state.focusedRow)
+          return;
+        keys.push(makeRowKey(state.focusedRow));
+        keys.push(makeRowKey(newFocused));
+        if (state.isMultipleSelection) {
+          if (isShiftKey) {
+            const selectedElements = new Array(
+              state.rowsCount - state.focusedRow
+            ).fill(1).map((_, i) => i + Math.min(newFocused, state.focusedRow));
+            keys.push(...selectedElements.map((i) => makeRowKey(i)));
+            state.selectedRows = selectedElements;
+            state.lastSelectedRow = newFocused;
+          }
+        } else {
+          state.selectedRows = [newFocused];
+          state.lastSelectedRow = newFocused;
+        }
+        state.focusedRow = newFocused;
+      }
+      break;
+    case "previous":
+    case "next":
+    case "pageDown":
+    case "pageUp":
+      {
+        const sum = getIndex(
+          [-1, 1, -10, 10],
+          [
+            which === "previous",
+            which === "next",
+            which === "pageUp",
+            which === "pageDown"
+          ]
+        );
+        const currentIndex = state.shownRows.findIndex(
+          (current) => state.focusedRow === current
+        );
+        const newFocused = state.shownRows[addBoundary({
+          number: currentIndex + sum,
+          min: 0,
+          max: state.shownRows.length - 1
+        })];
+        if (newFocused === state.focusedRow)
+          return;
+        keys.push(makeRowKey(state.focusedRow));
+        keys.push(makeRowKey(newFocused));
+        if (state.isMultipleSelection) {
+          if (isShiftKey) {
+            if (state.selectedRows.includes(newFocused)) {
+              state.selectedRows = state.selectedRows.filter(
+                (current) => current !== newFocused
+              );
+            } else {
+              state.selectedRows.push(newFocused);
+            }
+            state.lastSelectedRow = newFocused;
+          }
+        } else {
+          state.selectedRows = [newFocused];
+          state.lastSelectedRow = newFocused;
+        }
+        state.focusedRow = newFocused;
+      }
+      break;
+  }
+  state.isEverythingSelected = false;
+});
+const resetFocus = makeOperation((state, _, keys) => {
+  keys.push(makeRowKey(state.focusedRow));
+  state.focusedRow = 0;
+  keys.push(makeRowKey(0));
+});
+const searchElementsByStartingCharacters = makeOperation((state, payload, keys) => {
+  const currentIndex = state.shownRows.findIndex(
+    (current) => current === state.focusedRow
+  );
+  function match(rowIndex) {
+    keys.push(makeRowKey(state.focusedRow));
+    state.focusedRow = rowIndex;
+    if (!state.isMultipleSelection) {
+      keys.push(...state.selectedRows.map((current) => makeRowKey(current)));
+      state.selectedRows = [rowIndex];
+    }
+    keys.push(makeRowKey(state.focusedRow));
+  }
+  function tryIndex(rowIndex) {
+    const el = document.getElementById(`${state.id}__row__${rowIndex}`);
+    if (!el) {
+      console.warn("Element not found", `${state.id}__row__${rowIndex}`);
+      return false;
+    }
+    const matches = state.startsWithFunction(
+      el.ariaLabel ?? "",
+      payload.characters
+    );
+    if (matches) {
+      match(state.shownRows[rowIndex]);
+      return true;
+    }
+    return false;
+  }
+  for (let i = currentIndex + 1; i < state.shownRows.length; i++) {
+    if (tryIndex(i))
+      return;
+  }
+  for (let i = 0; i < currentIndex; i++) {
+    if (tryIndex(i))
+      return;
+  }
+});
+const selectAll = makeOperation(
+  (state, payload, keys) => {
+    keys.push(...state.selectedRows.map(makeRowKey));
+    if (state.isEverythingSelected) {
+      state.isEverythingSelected = false;
+      state.selectedRows = [];
+    } else {
+      state.isEverythingSelected = true;
+      state.selectedRows = state.shownRows;
+    }
+    state.lastSelectedRow = state.focusedRow;
+    keys.push(...state.shownRows.map(makeRowKey));
+  }
+);
+const setState = makeOperation((state, { affectedKeys, ...payload }, keys) => {
+  const newRowsCount = payload.rowsCount ?? state.rowsCount;
+  if (state.rowsCount < newRowsCount) {
+    for (let i = state.rowsCount; i < payload.rowsCount; i++) {
+      state.shownRows.push(i);
+    }
+  } else if (state.rowsCount > newRowsCount) {
+    state.shownRows = state.shownRows.filter(
+      (current) => current < newRowsCount
+    );
+    if (state.focusedRow > newRowsCount - 1) {
+      state.focusedRow = newRowsCount - 1;
+      keys.push(makeRowKey(state.focusedRow));
+    }
+    state.selectedRows = state.selectedRows.filter(
+      (current) => current < newRowsCount
+    );
+  }
+  Object.assign(state, payload);
+  keys.set(affectedKeys);
+  state.isEverythingSelected = false;
+});
+const updateFocusByClickEvent = makeOperation((state, payload, keys) => {
+  keys.push(makeRowKey(state.focusedRow));
+  keys.push(makeRowKey(payload.rowIndex));
+  state.focusedRow = payload.rowIndex;
+  if (payload.isShiftKey) {
+    updateFocusBySpaceEvent(state, { isShiftKey: payload.isShiftKey }, keys);
+  } else {
+    state.lastSelectedRow = payload.rowIndex;
+    if (payload.isCtrlKey) {
+      if (state.selectedRows.includes(payload.rowIndex)) {
+        state.selectedRows = state.selectedRows.filter(
+          (current) => current !== payload.rowIndex
+        );
+      } else {
+        state.selectedRows.push(payload.rowIndex);
+      }
+    } else {
+      keys.push(...state.selectedRows.map((current) => makeRowKey(current)));
+      state.selectedRows = [state.focusedRow];
+    }
+  }
+});
+const updateFocusBySpaceEvent = makeOperation((state, { isShiftKey }, keys) => {
+  const rowIndex = state.focusedRow;
+  keys.push(makeRowKey(rowIndex));
+  if (state.isMultipleSelection) {
+    if (isShiftKey) {
+      if (state.lastSelectedRow === -1) {
+        state.selectedRows.push(rowIndex);
+      } else {
+        const newSelection = new Array(
+          Math.abs(state.lastSelectedRow - rowIndex)
+        ).fill(1).map(
+          (_, i) => i + Math.min(rowIndex, state.lastSelectedRow) + (state.lastSelectedRow > rowIndex ? 0 : 1)
+        );
+        keys.push(...newSelection.map((current) => makeRowKey(current)));
+        newSelection.forEach((current) => {
+          if (!state.shownRows.includes(current))
+            return;
+          if (state.selectedRows.includes(current)) {
+            state.selectedRows = state.selectedRows.filter(
+              (search) => search !== current
+            );
+          } else {
+            state.selectedRows.push(current);
+          }
+        });
+      }
+    } else {
+      if (state.selectedRows.includes(rowIndex)) {
+        state.selectedRows = state.selectedRows.filter(
+          (current) => current !== rowIndex
+        );
+      } else {
+        state.selectedRows.push(rowIndex);
+      }
+    }
+  }
+  state.lastSelectedRow = rowIndex;
+});
+const operations = {
+  filter,
+  /**
+   // eslint-disable-next-line comment-length/limit-multi-line-comments
+   * **Este método debe llamarse solamente cuando se efectúan acciones desde el
+   * teclado**. Su función es controlar el flujo correcto de foco y selección de
+   * acuerdo a las especificaciones de wai-aria.
+   */
+  moveFocusAndToggleSelection,
+  resetFocus,
+  /**
+   * Este método debe utilizarse para la búsqueda por caracter simple o
+   * múltiple en cuanto a la implementación de las funcionalidades
+   * especificadas por wai-aria.
+   */
+  searchElementsByStartingCharacters,
+  /**
+   * **Método empleado cuando se presiona ctrl+shift+A**. Su función es
+   * controlar el flujo correcto de foco y selección de acuerdo a las
+   * especificaciones de wai-aria.
+   */
+  selectAll,
+  /**
+   * Permite alterar el estado en forma arbitraria. Debe pasarse un array con
+   * los keys afectados por la acción efectuada.
+   */
+  setState,
+  /**
+   * **Este método debe llamarse solamente cuando se efectúan acciones con el
+   * mouse**. Su función es controlar el flujo correcto de foco y selección de
+   * acuerdo a las especificaciones de wai-aria.
+   */
+  updateFocusByClickEvent,
+  /**
+   * **Este método debe llamarse solamente cuando se efectúan acciones con la
+   * tecla espacio**. Su función es controlar el flujo correcto de foco y
+   * selección de acuerdo a las especificaciones de wai-aria.
+   */
+  updateFocusBySpaceEvent
+};
+
+export { operations };
+//# sourceMappingURL=operations.js.map

package/dist/components/ListBox/operations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations.js","sources":["../../../src/components/ListBox/operations.ts"],"sourcesContent":["import { Draft, TKeysDefine } from '@apia/dom-store';\nimport { TListboxState, makeRowKey } from './common';\nimport { addBoundary, getIndex } from '@apia/util';\n\ntype TListboxOperation<Payload> = (\n  state: Draft<TListboxState>,\n  payload: Payload,\n  keys: TKeysDefine,\n) => void;\n\nconst filter: TListboxOperation<{\n  searchString: string;\n}> = makeOperation((state, { searchString }, keys) => {\n  let focusChanged = false;\n  const rows = new Array(state.rowsCount).fill(1).map((_, i) => i);\n\n  const shownRows: number[] = [];\n  const hiddenRows = rows.filter((_, i) => {\n    const el = document.getElementById(`${state.id}__row__${i}`);\n    if (!el) {\n      console.warn('Element not found', `${state.id}__row__${i}`);\n      return false;\n    }\n\n    const matches = state.searchFunction(el.ariaLabel ?? '', searchString);\n\n    if (matches) {\n      el.style.display = 'block';\n    } else {\n      el.style.display = 'none';\n    }\n\n    if (matches) shownRows.push(i);\n    else if (state.focusedRow === i) {\n      focusChanged = true;\n    }\n\n    return !matches;\n  });\n  keys.set(hiddenRows.map((current) => makeRowKey(current)));\n  state.hiddenRows = hiddenRows;\n  state.shownRows = shownRows;\n\n  if (focusChanged) {\n    for (const row of rows) {\n      if (!hiddenRows.includes(row)) {\n        state.focusedRow = row;\n        keys.push(makeRowKey(row));\n        keys.push(makeRowKey(state.focusedRow));\n        break;\n      }\n    }\n  }\n});\n\nfunction makeOperation<T>(operation: TListboxOperation<T>) {\n  const method: TListboxOperation<T> = (state, payload, keys) => {\n    keys.push('searchbox');\n    keys.push('listbox');\n    operation(state, payload, keys);\n  };\n  return method;\n}\n\nconst moveFocusAndToggleSelection: TListboxOperation<{\n  isShiftKey: boolean;\n  which: 'next' | 'previous' | 'first' | 'last' | 'pageUp' | 'pageDown';\n}> = makeOperation((state, { isShiftKey, which }, keys) => {\n  if (state.shownRows.length <= 1) {\n    keys.push(makeRowKey(state.focusedRow));\n    state.focusedRow = state.shownRows[0];\n\n    if (state.shownRows.length === 1) keys.push(makeRowKey(state.focusedRow));\n\n    return;\n  }\n\n  switch (which) {\n    case 'first':\n      {\n        const newFocused = state.shownRows[0];\n        if (newFocused === state.focusedRow) return;\n\n        keys.push(makeRowKey(state.focusedRow));\n        keys.push(makeRowKey(newFocused));\n\n        if (state.isMultipleSelection) {\n          if (isShiftKey) {\n            const selectedElements = new Array(state.focusedRow + 1)\n              .fill(1)\n              .map((_, i) => i);\n            keys.set(selectedElements.map((_, i) => makeRowKey(i)));\n            state.selectedRows = selectedElements;\n            state.lastSelectedRow = newFocused;\n          }\n        } else {\n          state.selectedRows = [newFocused];\n          state.lastSelectedRow = newFocused;\n        }\n\n        state.focusedRow = newFocused;\n      }\n      break;\n    case 'last':\n      {\n        const newFocused = state.shownRows[state.shownRows.length - 1];\n        if (newFocused === state.focusedRow) return;\n\n        keys.push(makeRowKey(state.focusedRow));\n        keys.push(makeRowKey(newFocused));\n\n        if (state.isMultipleSelection) {\n          if (isShiftKey) {\n            const selectedElements = new Array(\n              state.rowsCount - state.focusedRow,\n            )\n              .fill(1)\n              .map((_, i) => i + Math.min(newFocused, state.focusedRow));\n            keys.push(...selectedElements.map((i) => makeRowKey(i)));\n            state.selectedRows = selectedElements;\n            state.lastSelectedRow = newFocused;\n          }\n        } else {\n          state.selectedRows = [newFocused];\n          state.lastSelectedRow = newFocused;\n        }\n\n        state.focusedRow = newFocused;\n      }\n      break;\n    case 'previous':\n    case 'next':\n    case 'pageDown':\n    case 'pageUp':\n      {\n        const sum = getIndex(\n          [-1, 1, -10, 10],\n          [\n            which === 'previous',\n            which === 'next',\n            which === 'pageUp',\n            which === 'pageDown',\n          ],\n        );\n\n        const currentIndex = state.shownRows.findIndex(\n          (current) => state.focusedRow === current,\n        );\n        const newFocused =\n          state.shownRows[\n            addBoundary({\n              number: currentIndex + sum,\n              min: 0,\n              max: state.shownRows.length - 1,\n            })\n          ];\n        if (newFocused === state.focusedRow) return;\n\n        keys.push(makeRowKey(state.focusedRow));\n        keys.push(makeRowKey(newFocused));\n\n        if (state.isMultipleSelection) {\n          if (isShiftKey) {\n            if (state.selectedRows.includes(newFocused)) {\n              state.selectedRows = state.selectedRows.filter(\n                (current) => current !== newFocused,\n              );\n            } else {\n              state.selectedRows.push(newFocused);\n            }\n            state.lastSelectedRow = newFocused;\n          }\n        } else {\n          state.selectedRows = [newFocused];\n          state.lastSelectedRow = newFocused;\n        }\n\n        state.focusedRow = newFocused;\n      }\n      break;\n  }\n  state.isEverythingSelected = false;\n});\n\nconst resetFocus: TListboxOperation<null> = makeOperation((state, _, keys) => {\n  keys.push(makeRowKey(state.focusedRow));\n  state.focusedRow = 0;\n  keys.push(makeRowKey(0));\n});\n\nconst searchElementsByStartingCharacters: TListboxOperation<{\n  characters: string;\n}> = makeOperation((state, payload, keys) => {\n  const currentIndex = state.shownRows.findIndex(\n    (current) => current === state.focusedRow,\n  );\n\n  function match(rowIndex: number) {\n    keys.push(makeRowKey(state.focusedRow));\n\n    state.focusedRow = rowIndex;\n\n    if (!state.isMultipleSelection) {\n      keys.push(...state.selectedRows.map((current) => makeRowKey(current)));\n      state.selectedRows = [rowIndex];\n    }\n\n    keys.push(makeRowKey(state.focusedRow));\n  }\n\n  function tryIndex(rowIndex: number) {\n    const el = document.getElementById(`${state.id}__row__${rowIndex}`);\n    if (!el) {\n      console.warn('Element not found', `${state.id}__row__${rowIndex}`);\n      return false;\n    }\n\n    const matches = state.startsWithFunction(\n      el.ariaLabel ?? '',\n      payload.characters,\n    );\n\n    if (matches) {\n      match(state.shownRows[rowIndex]);\n      return true;\n    }\n\n    return false;\n  }\n\n  for (let i = currentIndex + 1; i < state.shownRows.length; i++) {\n    if (tryIndex(i)) return;\n  }\n\n  for (let i = 0; i < currentIndex; i++) {\n    if (tryIndex(i)) return;\n  }\n});\n\n/**\n * No actualiza ningún key porque al llamar a selectAll, todos los elementos\n * son afectados y el comportamiento por defecto del store es actualizar todo\n */\nconst selectAll: TListboxOperation<void> = makeOperation(\n  (state, payload, keys) => {\n    keys.push(...state.selectedRows.map(makeRowKey));\n    if (state.isEverythingSelected) {\n      state.isEverythingSelected = false;\n      state.selectedRows = [];\n    } else {\n      state.isEverythingSelected = true;\n      state.selectedRows = state.shownRows;\n    }\n    state.lastSelectedRow = state.focusedRow;\n    keys.push(...state.shownRows.map(makeRowKey));\n  },\n);\n\nconst setState: TListboxOperation<\n  Partial<TListboxState> & { affectedKeys: string[] }\n> = makeOperation((state, { affectedKeys, ...payload }, keys) => {\n  const newRowsCount = payload.rowsCount ?? state.rowsCount;\n  if (state.rowsCount < newRowsCount) {\n    for (let i = state.rowsCount; i < (payload.rowsCount as number); i++) {\n      state.shownRows.push(i);\n    }\n  } else if (state.rowsCount > newRowsCount) {\n    state.shownRows = state.shownRows.filter(\n      (current) => current < newRowsCount,\n    );\n    if (state.focusedRow > newRowsCount - 1) {\n      state.focusedRow = newRowsCount - 1;\n      keys.push(makeRowKey(state.focusedRow));\n    }\n    state.selectedRows = state.selectedRows.filter(\n      (current) => current < newRowsCount,\n    );\n  }\n\n  Object.assign(state, payload);\n  keys.set(affectedKeys);\n  state.isEverythingSelected = false;\n});\n\nconst updateFocusByClickEvent: TListboxOperation<{\n  rowIndex: number;\n  isCtrlKey: boolean;\n  isShiftKey: boolean;\n}> = makeOperation((state, payload, keys) => {\n  keys.push(makeRowKey(state.focusedRow));\n  keys.push(makeRowKey(payload.rowIndex));\n\n  state.focusedRow = payload.rowIndex;\n  if (payload.isShiftKey) {\n    updateFocusBySpaceEvent(state, { isShiftKey: payload.isShiftKey }, keys);\n  } else {\n    state.lastSelectedRow = payload.rowIndex;\n    if (payload.isCtrlKey) {\n      if (state.selectedRows.includes(payload.rowIndex)) {\n        state.selectedRows = state.selectedRows.filter(\n          (current) => current !== payload.rowIndex,\n        );\n      } else {\n        state.selectedRows.push(payload.rowIndex);\n      }\n    } else {\n      keys.push(...state.selectedRows.map((current) => makeRowKey(current)));\n      state.selectedRows = [state.focusedRow];\n    }\n  }\n});\n\nconst updateFocusBySpaceEvent: TListboxOperation<{\n  isShiftKey: boolean;\n}> = makeOperation((state, { isShiftKey }, keys) => {\n  const rowIndex = state.focusedRow;\n  keys.push(makeRowKey(rowIndex));\n  if (state.isMultipleSelection) {\n    if (isShiftKey) {\n      if (state.lastSelectedRow === -1) {\n        state.selectedRows.push(rowIndex);\n      } else {\n        const newSelection = new Array(\n          Math.abs(state.lastSelectedRow - rowIndex),\n        )\n          .fill(1)\n          .map(\n            (_, i) =>\n              i +\n              Math.min(rowIndex, state.lastSelectedRow) +\n              (state.lastSelectedRow > rowIndex ? 0 : 1),\n          );\n        keys.push(...newSelection.map((current) => makeRowKey(current)));\n        newSelection.forEach((current) => {\n          if (!state.shownRows.includes(current)) return;\n\n          if (state.selectedRows.includes(current)) {\n            state.selectedRows = state.selectedRows.filter(\n              (search) => search !== current,\n            );\n          } else {\n            state.selectedRows.push(current);\n          }\n        });\n      }\n    } else {\n      if (state.selectedRows.includes(rowIndex)) {\n        state.selectedRows = state.selectedRows.filter(\n          (current) => current !== rowIndex,\n        );\n      } else {\n        state.selectedRows.push(rowIndex);\n      }\n    }\n  }\n  state.lastSelectedRow = rowIndex;\n});\n\nconst operations = {\n  filter,\n  /**\n   // eslint-disable-next-line comment-length/limit-multi-line-comments\n   * **Este método debe llamarse solamente cuando se efectúan acciones desde el\n   * teclado**. Su función es controlar el flujo correcto de foco y selección de\n   * acuerdo a las especificaciones de wai-aria.\n   */\n  moveFocusAndToggleSelection,\n  resetFocus,\n  /**\n   * Este método debe utilizarse para la búsqueda por caracter simple o\n   * múltiple en cuanto a la implementación de las funcionalidades\n   * especificadas por wai-aria.\n   */\n  searchElementsByStartingCharacters,\n  /**\n   * **Método empleado cuando se presiona ctrl+shift+A**. Su función es\n   * controlar el flujo correcto de foco y selección de acuerdo a las\n   * especificaciones de wai-aria.\n   */\n  selectAll,\n  /**\n   * Permite alterar el estado en forma arbitraria. Debe pasarse un array con\n   * los keys afectados por la acción efectuada.\n   */\n  setState,\n  /**\n   * **Este método debe llamarse solamente cuando se efectúan acciones con el\n   * mouse**. Su función es controlar el flujo correcto de foco y selección de\n   * acuerdo a las especificaciones de wai-aria.\n   */\n  updateFocusByClickEvent,\n  /**\n   * **Este método debe llamarse solamente cuando se efectúan acciones con la\n   * tecla espacio**. Su función es controlar el flujo correcto de foco y\n   * selección de acuerdo a las especificaciones de wai-aria.\n   */\n  updateFocusBySpaceEvent,\n};\nexport { operations };\n"],"names":[],"mappings":"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"}

package/dist/components/ListBox/useIndexedChildren.js

@@ -0,0 +1,25 @@
+import { useMemo, Children, isValidElement, cloneElement } from 'react';
+import { ListboxItem } from './ListboxItem.js';
+
+function useIndexedChildren(children, listboxActions) {
+  return useMemo(
+    function makeChildrenIndices() {
+      listboxActions.resetFocus(null);
+      return Children.map(children, (child, rowIndex) => {
+        if (isValidElement(child) && child.type === ListboxItem) {
+          return cloneElement(
+            child,
+            {
+              rowIndex
+            }
+          );
+        }
+        return child;
+      });
+    },
+    [children, listboxActions]
+  );
+}
+
+export { useIndexedChildren };
+//# sourceMappingURL=useIndexedChildren.js.map

package/dist/components/ListBox/useIndexedChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexedChildren.js","sources":["../../../src/components/ListBox/useIndexedChildren.ts"],"sourcesContent":["import {\n  useMemo,\n  Children,\n  isValidElement,\n  cloneElement,\n  ReactElement,\n} from 'react';\nimport { ListboxItem, TListboxItem } from './ListboxItem';\nimport { useStore } from './useStore';\n\nexport function useIndexedChildren(\n  children: React.ReactNode | React.ReactNode[],\n  listboxActions: ReturnType<typeof useStore>[0],\n) {\n  return useMemo(\n    function makeChildrenIndices() {\n      listboxActions.resetFocus(null);\n\n      return Children.map(children, (child, rowIndex) => {\n        if (isValidElement(child) && child.type === ListboxItem) {\n          return cloneElement<TListboxItem>(\n            child as ReactElement<TListboxItem>,\n            {\n              rowIndex,\n            },\n          );\n        }\n        return child;\n      });\n    },\n    [children, listboxActions],\n  );\n}\n"],"names":[],"mappings":";;;AAUgB,SAAA,kBAAA,CACd,UACA,cACA,EAAA;AACA,EAAO,OAAA,OAAA;AAAA,IACL,SAAS,mBAAsB,GAAA;AAC7B,MAAA,cAAA,CAAe,WAAW,IAAI,CAAA,CAAA;AAE9B,MAAA,OAAO,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,QAAa,KAAA;AACjD,QAAA,IAAI,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,SAAS,WAAa,EAAA;AACvD,UAAO,OAAA,YAAA;AAAA,YACL,KAAA;AAAA,YACA;AAAA,cACE,QAAA;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,UAAU,cAAc,CAAA;AAAA,GAC3B,CAAA;AACF;;;;"}

package/dist/components/ListBox/useListboxAutofocus.js

@@ -0,0 +1,48 @@
+import { useCallback } from 'react';
+import { findScrollContainer } from '@apia/util';
+
+function useListboxAutofocus(storeId, getState) {
+  return {
+    onClick: useCallback(() => {
+      if (document.activeElement !== document.querySelector(`#${storeId} .listbox__list`)) {
+        const el = document.querySelector(
+          `#${storeId} .listbox__list`
+        );
+        el?.focus({ preventScroll: true });
+        el?.scrollIntoView({
+          behavior: "instant",
+          block: "nearest",
+          inline: "nearest"
+        });
+      }
+    }, [storeId]),
+    onFocus: useCallback(() => {
+      const focusedRowId = getState().focusedRow + 1;
+      const focusedRow = document.querySelector(
+        `#${storeId} .listbox__list .listbox__row:nth-child(${focusedRowId})`
+      );
+      if (focusedRow) {
+        focusedRow.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "nearest"
+        });
+        const scrollContainer = findScrollContainer(focusedRow);
+        if (scrollContainer && scrollContainer !== document.body) {
+          scrollContainer.scrollIntoView({
+            behavior: "auto",
+            block: "nearest",
+            inline: "nearest"
+          });
+          const elRect = focusedRow.getBoundingClientRect();
+          const contRect = scrollContainer.getBoundingClientRect();
+          if (elRect.top - contRect.top < elRect.height)
+            scrollContainer.scrollTop -= elRect.height;
+        }
+      }
+    }, [getState, storeId])
+  };
+}
+
+export { useListboxAutofocus };
+//# sourceMappingURL=useListboxAutofocus.js.map

package/dist/components/ListBox/useListboxAutofocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListboxAutofocus.js","sources":["../../../src/components/ListBox/useListboxAutofocus.ts"],"sourcesContent":["import { TGetState } from '@apia/dom-store';\nimport { useCallback } from 'react';\nimport { TListboxState } from './common';\nimport { findScrollContainer } from '@apia/util';\n\nexport function useListboxAutofocus(\n  storeId: string,\n  getState: TGetState<TListboxState>,\n) {\n  return {\n    onClick: useCallback(() => {\n      if (\n        document.activeElement !==\n        document.querySelector(`#${storeId} .listbox__list`)\n      ) {\n        const el = document.querySelector<HTMLElement>(\n          `#${storeId} .listbox__list`,\n        );\n        el?.focus({ preventScroll: true });\n        el?.scrollIntoView({\n          behavior: 'instant' as unknown as 'instant',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    }, [storeId]),\n    onFocus: useCallback(() => {\n      const focusedRowId = getState().focusedRow + 1;\n      const focusedRow = document.querySelector<HTMLElement>(\n        `#${storeId} .listbox__list .listbox__row:nth-child(${focusedRowId})`,\n      );\n\n      if (focusedRow) {\n        focusedRow.scrollIntoView({\n          behavior: 'auto',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n        const scrollContainer = findScrollContainer(focusedRow);\n\n        if (scrollContainer && scrollContainer !== document.body) {\n          scrollContainer.scrollIntoView({\n            behavior: 'auto',\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          const elRect = focusedRow.getBoundingClientRect();\n          const contRect = scrollContainer.getBoundingClientRect();\n\n          if (elRect.top - contRect.top < elRect.height)\n            scrollContainer.scrollTop -= elRect.height;\n        }\n      }\n    }, [getState, storeId]),\n  };\n}\n"],"names":[],"mappings":";;;AAKgB,SAAA,mBAAA,CACd,SACA,QACA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,OAAA,EAAS,YAAY,MAAM;AACzB,MAAA,IACE,SAAS,aACT,KAAA,QAAA,CAAS,cAAc,CAAI,CAAA,EAAA,OAAO,iBAAiB,CACnD,EAAA;AACA,QAAA,MAAM,KAAK,QAAS,CAAA,aAAA;AAAA,UAClB,IAAI,OAAO,CAAA,eAAA,CAAA;AAAA,SACb,CAAA;AACA,QAAA,EAAA,EAAI,KAAM,CAAA,EAAE,aAAe,EAAA,IAAA,EAAM,CAAA,CAAA;AACjC,QAAA,EAAA,EAAI,cAAe,CAAA;AAAA,UACjB,QAAU,EAAA,SAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,MAAQ,EAAA,SAAA;AAAA,SACT,CAAA,CAAA;AAAA,OACH;AAAA,KACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAAA,IACZ,OAAA,EAAS,YAAY,MAAM;AACzB,MAAM,MAAA,YAAA,GAAe,QAAS,EAAA,CAAE,UAAa,GAAA,CAAA,CAAA;AAC7C,MAAA,MAAM,aAAa,QAAS,CAAA,aAAA;AAAA,QAC1B,CAAA,CAAA,EAAI,OAAO,CAAA,wCAAA,EAA2C,YAAY,CAAA,CAAA,CAAA;AAAA,OACpE,CAAA;AAEA,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,cAAe,CAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,MAAQ,EAAA,SAAA;AAAA,SACT,CAAA,CAAA;AACD,QAAM,MAAA,eAAA,GAAkB,oBAAoB,UAAU,CAAA,CAAA;AAEtD,QAAI,IAAA,eAAA,IAAmB,eAAoB,KAAA,QAAA,CAAS,IAAM,EAAA;AACxD,UAAA,eAAA,CAAgB,cAAe,CAAA;AAAA,YAC7B,QAAU,EAAA,MAAA;AAAA,YACV,KAAO,EAAA,SAAA;AAAA,YACP,MAAQ,EAAA,SAAA;AAAA,WACT,CAAA,CAAA;AACD,UAAM,MAAA,MAAA,GAAS,WAAW,qBAAsB,EAAA,CAAA;AAChD,UAAM,MAAA,QAAA,GAAW,gBAAgB,qBAAsB,EAAA,CAAA;AAEvD,UAAA,IAAI,MAAO,CAAA,GAAA,GAAM,QAAS,CAAA,GAAA,GAAM,MAAO,CAAA,MAAA;AACrC,YAAA,eAAA,CAAgB,aAAa,MAAO,CAAA,MAAA,CAAA;AAAA,SACxC;AAAA,OACF;AAAA,KACC,EAAA,CAAC,QAAU,EAAA,OAAO,CAAC,CAAA;AAAA,GACxB,CAAA;AACF;;;;"}

package/dist/components/ListBox/useListboxContextValue.js

@@ -0,0 +1,8 @@
+import { useMemo } from 'react';
+
+function useListboxContextValue(props) {
+  return useMemo(() => props, [...Object.values(props)]);
+}
+
+export { useListboxContextValue };
+//# sourceMappingURL=useListboxContextValue.js.map

package/dist/components/ListBox/useListboxContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListboxContextValue.js","sources":["../../../src/components/ListBox/useListboxContextValue.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { TListboxContext } from './ListboxContext';\n\nexport function useListboxContextValue(props: TListboxContext) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => props, [...Object.values(props)]);\n}\n"],"names":[],"mappings":";;AAGO,SAAS,uBAAuB,KAAwB,EAAA;AAE7D,EAAO,OAAA,OAAA,CAAQ,MAAM,KAAO,EAAA,CAAC,GAAG,MAAO,CAAA,MAAA,CAAO,KAAK,CAAC,CAAC,CAAA,CAAA;AACvD;;;;"}

package/dist/components/ListBox/useShoutSelectionChange.js

@@ -0,0 +1,26 @@
+import { useMemo } from 'react';
+
+function useShoutSelectionChange(onSelectionChange, registerCallback) {
+  useMemo(
+    function shoutSelectionChange() {
+      registerCallback((state, previousState) => {
+        if (state.selectedRows !== previousState.selectedRows) {
+          onSelectionChange?.({
+            focusedElement: document.querySelector(
+              `#${state.id}__row__${state.focusedRow}`
+            ),
+            selectedElements: state.selectedRows.map((current) => {
+              return document.querySelector(
+                `#${state.id}__row__${current}`
+              );
+            })
+          });
+        }
+      });
+    },
+    [onSelectionChange, registerCallback]
+  );
+}
+
+export { useShoutSelectionChange };
+//# sourceMappingURL=useShoutSelectionChange.js.map

package/dist/components/ListBox/useShoutSelectionChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShoutSelectionChange.js","sources":["../../../src/components/ListBox/useShoutSelectionChange.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useMemo } from 'react';\nimport { TRegisterStateChangeListener } from '@apia/dom-store';\nimport { TListbox } from './ListboxContext';\nimport { TListboxState } from './common';\n\nexport function useShoutSelectionChange(\n  onSelectionChange: TListbox['onSelectionChange'],\n  registerCallback: TRegisterStateChangeListener<TListboxState>,\n) {\n  useMemo(\n    function shoutSelectionChange() {\n      registerCallback((state, previousState) => {\n        if (state.selectedRows !== previousState.selectedRows) {\n          onSelectionChange?.({\n            focusedElement: document.querySelector<HTMLElement>(\n              `#${state.id}__row__${state.focusedRow}`,\n            ) as HTMLElement,\n            selectedElements: state.selectedRows.map((current) => {\n              return document.querySelector<HTMLElement>(\n                `#${state.id}__row__${current}`,\n              ) as HTMLElement;\n            }),\n          });\n        }\n      });\n    },\n    [onSelectionChange, registerCallback],\n  );\n}\n"],"names":[],"mappings":";;AAMgB,SAAA,uBAAA,CACd,mBACA,gBACA,EAAA;AACA,EAAA,OAAA;AAAA,IACE,SAAS,oBAAuB,GAAA;AAC9B,MAAiB,gBAAA,CAAA,CAAC,OAAO,aAAkB,KAAA;AACzC,QAAI,IAAA,KAAA,CAAM,YAAiB,KAAA,aAAA,CAAc,YAAc,EAAA;AACrD,UAAoB,iBAAA,GAAA;AAAA,YAClB,gBAAgB,QAAS,CAAA,aAAA;AAAA,cACvB,CAAI,CAAA,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA,EAAU,MAAM,UAAU,CAAA,CAAA;AAAA,aACxC;AAAA,YACA,gBAAkB,EAAA,KAAA,CAAM,YAAa,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AACpD,cAAA,OAAO,QAAS,CAAA,aAAA;AAAA,gBACd,CAAI,CAAA,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA;AAAA,eAC/B,CAAA;AAAA,aACD,CAAA;AAAA,WACF,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,mBAAmB,gBAAgB,CAAA;AAAA,GACtC,CAAA;AACF;;;;"}

package/dist/components/ListBox/useStore.js

@@ -0,0 +1,36 @@
+import { createFAsomeStore } from '@apia/dom-store';
+import { useMemo } from 'react';
+import { getInitialState, getDistinctors, keysMakers } from './common.js';
+import { operations } from './operations.js';
+
+function useStore(storeId, {
+  allowMultipleCharacterSearch,
+  allowSelection,
+  allowSingleCharacterSearch,
+  isMultipleSelection,
+  searchFunction,
+  showSearchbox,
+  startsWithFunction
+}) {
+  return useMemo(() => {
+    const newStore = createFAsomeStore({
+      initialState: getInitialState({
+        allowSelection: allowSelection ?? true,
+        allowMultipleCharacterSearch: (allowMultipleCharacterSearch ?? true) && !showSearchbox,
+        allowSingleCharacterSearch: (allowSingleCharacterSearch ?? true) && !showSearchbox,
+        id: storeId,
+        isMultipleSelection: !!isMultipleSelection,
+        searchFunction,
+        showSearchbox: showSearchbox ?? false,
+        startsWithFunction
+      }),
+      operations,
+      distinctors: getDistinctors(storeId),
+      keysMakers
+    });
+    return newStore;
+  }, []);
+}
+
+export { useStore };
+//# sourceMappingURL=useStore.js.map

package/dist/components/ListBox/useStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStore.js","sources":["../../../src/components/ListBox/useStore.ts"],"sourcesContent":["import { createFAsomeStore } from '@apia/dom-store';\nimport { useMemo } from 'react';\nimport { getInitialState, getDistinctors, keysMakers } from './common';\nimport { operations } from './operations';\nimport { TListbox } from './ListboxContext';\n\nexport function useStore(\n  storeId: string,\n  {\n    allowMultipleCharacterSearch,\n    allowSelection,\n    allowSingleCharacterSearch,\n    isMultipleSelection,\n    searchFunction,\n    showSearchbox,\n    startsWithFunction,\n  }: TListbox,\n) {\n  return useMemo(() => {\n    const newStore = createFAsomeStore({\n      initialState: getInitialState({\n        allowSelection: allowSelection ?? true,\n        allowMultipleCharacterSearch:\n          (allowMultipleCharacterSearch ?? true) && !showSearchbox,\n        allowSingleCharacterSearch:\n          (allowSingleCharacterSearch ?? true) && !showSearchbox,\n        id: storeId,\n        isMultipleSelection: !!isMultipleSelection,\n        searchFunction,\n        showSearchbox: showSearchbox ?? false,\n        startsWithFunction,\n      }),\n      operations,\n      distinctors: getDistinctors(storeId),\n      keysMakers,\n    });\n\n    return newStore;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,SACd,OACA,EAAA;AAAA,EACE,4BAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AACF,CACA,EAAA;AACA,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,MAAM,WAAW,iBAAkB,CAAA;AAAA,MACjC,cAAc,eAAgB,CAAA;AAAA,QAC5B,gBAAgB,cAAkB,IAAA,IAAA;AAAA,QAClC,4BAAA,EAAA,CACG,4BAAgC,IAAA,IAAA,KAAS,CAAC,aAAA;AAAA,QAC7C,0BAAA,EAAA,CACG,0BAA8B,IAAA,IAAA,KAAS,CAAC,aAAA;AAAA,QAC3C,EAAI,EAAA,OAAA;AAAA,QACJ,mBAAA,EAAqB,CAAC,CAAC,mBAAA;AAAA,QACvB,cAAA;AAAA,QACA,eAAe,aAAiB,IAAA,KAAA;AAAA,QAChC,kBAAA;AAAA,OACD,CAAA;AAAA,MACD,UAAA;AAAA,MACA,WAAA,EAAa,eAAe,OAAO,CAAA;AAAA,MACnC,UAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,QAAA,CAAA;AAAA,GAET,EAAG,EAAE,CAAA,CAAA;AACP;;;;"}

package/dist/components/ListBox/useUpdateRowCount.js

@@ -0,0 +1,19 @@
+import { useMemo, Children, isValidElement } from 'react';
+import { ListboxItem } from './ListboxItem.js';
+
+function useUpdateRowCount(children, listboxActions) {
+  useMemo(
+    function updateRowCount() {
+      let count = 0;
+      Children.forEach(children, (current) => {
+        if (isValidElement(current) && current.type === ListboxItem)
+          count++;
+      });
+      listboxActions.setState({ rowsCount: count, affectedKeys: [] });
+    },
+    [listboxActions, children]
+  );
+}
+
+export { useUpdateRowCount };
+//# sourceMappingURL=useUpdateRowCount.js.map

package/dist/components/ListBox/useUpdateRowCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateRowCount.js","sources":["../../../src/components/ListBox/useUpdateRowCount.ts"],"sourcesContent":["import { Children, isValidElement, useMemo } from 'react';\nimport { ListboxItem } from './ListboxItem';\nimport { TActionsMap } from '@apia/dom-store';\nimport { TListboxState } from './common';\nimport { operations } from './operations';\n\nexport function useUpdateRowCount(\n  children: React.ReactNode | React.ReactNode[],\n  listboxActions: TActionsMap<TListboxState, typeof operations>,\n) {\n  useMemo(\n    function updateRowCount() {\n      let count = 0;\n      Children.forEach(children, (current) => {\n        if (isValidElement(current) && current.type === ListboxItem) count++;\n      });\n      listboxActions.setState({ rowsCount: count, affectedKeys: [] });\n    },\n    [listboxActions, children],\n  );\n}\n"],"names":[],"mappings":";;;AAMgB,SAAA,iBAAA,CACd,UACA,cACA,EAAA;AACA,EAAA,OAAA;AAAA,IACE,SAAS,cAAiB,GAAA;AACxB,MAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,MAAS,QAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAY,KAAA;AACtC,QAAA,IAAI,cAAe,CAAA,OAAO,CAAK,IAAA,OAAA,CAAQ,IAAS,KAAA,WAAA;AAAa,UAAA,KAAA,EAAA,CAAA;AAAA,OAC9D,CAAA,CAAA;AACD,MAAA,cAAA,CAAe,SAAS,EAAE,SAAA,EAAW,OAAO,YAAc,EAAA,IAAI,CAAA,CAAA;AAAA,KAChE;AAAA,IACA,CAAC,gBAAgB,QAAQ,CAAA;AAAA,GAC3B,CAAA;AACF;;;;"}