@apia/table 2.0.9 → 2.0.10

package/dist/renderers/makeAsyncRenderer.js

@@ -0,0 +1,47 @@
+import { jsx, Fragment, jsxs } from '@apia/theme/jsx-runtime';
+import uniqueId from 'lodash-es/uniqueId';
+import { forwardRef, useState } from 'react';
+import { Box, Spinner } from '@apia/theme';
+import { useMount, arrayOrArray } from '@apia/util';
+
+function makeAsyncRenderer(additionalInfoGetter) {
+  const InnerRender = forwardRef(({ row }, ref) => {
+    const [moreInfo, setMoreInfo] = useState(null);
+    useMount(() => {
+      void (async () => {
+        const result = await additionalInfoGetter(row);
+        setMoreInfo(result);
+      })();
+    });
+    return /* @__PURE__ */ jsx(Fragment, { children: moreInfo ? arrayOrArray(moreInfo).map((dataCell) => {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          ref,
+          className: `responsiveTable__additionalInfoItem ${dataCell.newline ? "separator" : ""}`,
+          children: dataCell.newline ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { height: "20px" }, as: "strong", children: [
+              dataCell.name,
+              ":"
+            ] }),
+            " ",
+            dataCell.label
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
+              dataCell.name,
+              ":"
+            ] }),
+            " ",
+            dataCell.label
+          ] })
+        },
+        `${dataCell.name}-${uniqueId()}`
+      );
+    }) : /* @__PURE__ */ jsx(Spinner, { size: 15 }) });
+  });
+  InnerRender.displayName = "MakeAsyncRenderer";
+  return InnerRender;
+}
+
+export { makeAsyncRenderer };
+//# sourceMappingURL=makeAsyncRenderer.js.map

package/dist/renderers/makeAsyncRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeAsyncRenderer.js","sources":["../../src/renderers/makeAsyncRenderer.tsx"],"sourcesContent":["import uniqueId from 'lodash-es/uniqueId';\r\nimport { forwardRef, useState } from 'react';\r\nimport { Box, Spinner } from '@apia/theme';\r\nimport { arrayOrArray, useMount } from '@apia/util';\r\nimport {\r\n  TResponsiveTableRow,\r\n  TResponsiveTableCellRenderer,\r\n  TResponsiveTableCellRendererProps,\r\n} from '../types';\r\n\r\nexport function makeAsyncRenderer(\r\n  additionalInfoGetter: (row: TResponsiveTableRow) => Promise<\r\n    {\r\n      label?: string;\r\n      name: string;\r\n      newline?: boolean;\r\n    }[]\r\n  >,\r\n) {\r\n  const InnerRender: TResponsiveTableCellRenderer = forwardRef<\r\n    HTMLElement,\r\n    TResponsiveTableCellRendererProps\r\n  >(({ row }, ref) => {\r\n    const [moreInfo, setMoreInfo] = useState<\r\n      | {\r\n          label?: string;\r\n          name: string;\r\n          newline?: boolean;\r\n        }[]\r\n      | null\r\n    >(null);\r\n    useMount(() => {\r\n      void (async () => {\r\n        const result = await additionalInfoGetter(row);\r\n        setMoreInfo(result);\r\n      })();\r\n    });\r\n\r\n    return (\r\n      <>\r\n        {moreInfo ? (\r\n          arrayOrArray(moreInfo).map((dataCell) => {\r\n            return (\r\n              <Box\r\n                key={`${dataCell.name}-${uniqueId()}`}\r\n                ref={ref}\r\n                className={`responsiveTable__additionalInfoItem ${\r\n                  dataCell.newline ? 'separator' : ''\r\n                }`}\r\n              >\r\n                {dataCell.newline ? (\r\n                  <>\r\n                    <Box sx={{ height: '20px' }} as=\"strong\">\r\n                      {dataCell.name}:\r\n                    </Box>{' '}\r\n                    {dataCell.label}\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <Box as=\"strong\">{dataCell.name}:</Box> {dataCell.label}\r\n                  </>\r\n                )}\r\n              </Box>\r\n            );\r\n          })\r\n        ) : (\r\n          <Spinner size={15} />\r\n        )}\r\n      </>\r\n    );\r\n  });\r\n\r\n  InnerRender.displayName = 'MakeAsyncRenderer';\r\n\r\n  return InnerRender;\r\n}\r\n"],"names":[],"mappings":";;;;;;AAUO,SAAS,kBACd,oBAOA,EAAA;AACA,EAAA,MAAM,cAA4C,UAGhD,CAAA,CAAC,EAAE,GAAA,IAAO,GAAQ,KAAA;AAClB,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAO9B,IAAI,CAAA,CAAA;AACN,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,KAAA,CAAM,YAAY;AAChB,QAAM,MAAA,MAAA,GAAS,MAAM,oBAAA,CAAqB,GAAG,CAAA,CAAA;AAC7C,QAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAAA,OACjB,GAAA,CAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,uCAEK,QACC,EAAA,QAAA,GAAA,YAAA,CAAa,QAAQ,CAAE,CAAA,GAAA,CAAI,CAAC,QAAa,KAAA;AACvC,MACE,uBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UAEC,GAAA;AAAA,UACA,SAAW,EAAA,CAAA,oCAAA,EACT,QAAS,CAAA,OAAA,GAAU,cAAc,EACnC,CAAA,CAAA;AAAA,UAEC,QAAA,EAAA,QAAA,CAAS,0BAEN,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,OAAI,EAAI,EAAA,EAAE,QAAQ,MAAO,EAAA,EAAG,IAAG,QAC7B,EAAA,QAAA,EAAA;AAAA,cAAS,QAAA,CAAA,IAAA;AAAA,cAAK,GAAA;AAAA,aACjB,EAAA,CAAA;AAAA,YAAO,GAAA;AAAA,YACN,QAAS,CAAA,KAAA;AAAA,WAAA,EACZ,oBAGE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAG,QAAU,EAAA,QAAA,EAAA;AAAA,cAAS,QAAA,CAAA,IAAA;AAAA,cAAK,GAAA;AAAA,aAAC,EAAA,CAAA;AAAA,YAAM,GAAA;AAAA,YAAE,QAAS,CAAA,KAAA;AAAA,WACpD,EAAA,CAAA;AAAA,SAAA;AAAA,QAhBG,CAAG,EAAA,QAAA,CAAS,IAAI,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,OAkBrC,CAAA;AAAA,KAEH,CAED,mBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,IAAI,CAEvB,EAAA,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AAED,EAAA,WAAA,CAAY,WAAc,GAAA,mBAAA,CAAA;AAE1B,EAAO,OAAA,WAAA,CAAA;AACT;;;;"}

package/dist/store/index.d.ts

@@ -0,0 +1,72 @@
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import * as _apia_util from '@apia/util';
+import * as immer_dist_internal from 'immer/dist/internal';
+import { ISelectableState, IBasicColumn, IBasicFilter, TBasicRow, THandleKey, INewFocus } from './selection/types.js';
+import * as react_redux from 'react-redux';
+import * as _reduxjs_toolkit_dist_configureStore from '@reduxjs/toolkit/dist/configureStore';
+import * as redux_thunk from 'redux-thunk';
+import * as redux from 'redux';
+import { TResponsiveTableSlice, TResponsiveTableAction, TResponsiveTableState } from './types.js';
+import { TResponsiveTableRow } from '../types.js';
+
+declare const responsiveTableStore: _reduxjs_toolkit_dist_configureStore.ToolkitStore<{
+    responsiveTableSlice: TResponsiveTableSlice;
+}, redux.AnyAction, [redux_thunk.ThunkMiddleware<{
+    responsiveTableSlice: TResponsiveTableSlice;
+}>]>;
+declare const useResponsiveTable: <TSelected>(selector: (state: {
+    responsiveTableSlice: TResponsiveTableSlice;
+}) => TSelected, equalityFn?: react_redux.EqualityFn<TSelected> | undefined) => TSelected;
+declare const responsiveTableActions: _reduxjs_toolkit.CaseReducerActions<{
+    handleKey(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload }: {
+        payload: THandleKey & {
+            id: string;
+        };
+        type: string;
+    }): void;
+    selectionStateUpdate(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: {
+        payload: Partial<ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>> & {
+            id: string;
+        };
+        type: string;
+    }): void;
+    setNewFocused(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: {
+        payload: INewFocus & {
+            id: string;
+        };
+        type: string;
+    }): void;
+    updateByClick(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, colIndex, rowIndex, ariaColIndex, ariaRowIndex, isFocused, ...payload }, }: {
+        payload: (_apia_util.TRequireOnlyOne<{
+            ariaRowIndex: number;
+            rowIndex: number;
+        }> & _apia_util.TRequireOnlyOne<{
+            ariaColIndex?: number | undefined;
+            colIndex: number;
+        }> & Pick<INewFocus, "isFocused" | "altKey" | "ctrlKey" | "shiftKey">) & {
+            id: string;
+        };
+        type: string;
+    }): void;
+    update(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName, ...rest }, }: TResponsiveTableAction<Partial<TResponsiveTableState> & {
+        isFocused?: boolean;
+    }>): void;
+    addRows(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload }: TResponsiveTableAction<{
+        newRows: TResponsiveTableRow[];
+    }>): void;
+    deleteRows(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload }: TResponsiveTableAction<{
+        rowIndices: number[];
+    }>): void;
+    destroy(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName } }: TResponsiveTableAction): void;
+    swapFocusedRow(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { newIndex, tableName }, }: {
+        payload: {
+            newIndex: number;
+        } & {
+            tableName: string;
+        };
+        type: string;
+    }): void;
+}, "responsiveTableSlice">;
+
+export { responsiveTableActions, responsiveTableStore, useResponsiveTable };
+//# sourceMappingURL=index.d.ts.map

package/dist/store/index.d.ts.map

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

package/dist/store/index.js

@@ -0,0 +1,131 @@
+import { createSlice, injectReducers } from '@apia/store';
+import { getInitialState as getInitialState$1 } from './selection/getInitialState.js';
+import { setNewFocused } from './selection/setNewFocused.js';
+import { shoutKeyhandlerLive } from './selection/makeKeyHandler.js';
+import { getReduxActions } from './selection/getReduxActions.js';
+
+function getInitialState() {
+  const newState = {
+    ...getInitialState$1(),
+    allowSelection: true,
+    allowSorting: true,
+    filters: [],
+    isLoading: false,
+    isMultiple: true,
+    accordionIndexColumns: {},
+    expandedRows: []
+  };
+  return newState;
+}
+const responsiveTableSlice = createSlice({
+  name: "responsiveTableSlice",
+  initialState: {},
+  reducers: {
+    update(state, {
+      payload: { tableName, ...rest }
+    }) {
+      if (!state[tableName])
+        state[tableName] = getInitialState();
+      state[tableName] = { ...state[tableName], ...rest };
+      setNewFocused(state[tableName], {
+        altKey: false,
+        ctrlKey: false,
+        shiftKey: false,
+        shouldSelectNewFocused: rest.isFocused ?? state[tableName].isFocused
+      });
+      if (rest.columns) {
+        state[tableName].nonAdditionalColumnsCount = rest.columns.filter(
+          (current) => !current.showAsAdditional
+        ).length;
+      }
+      if (rest.rows) {
+        state[tableName].statesColumns = Math.max(
+          state[tableName]?.reserveColumnsForStates ?? 0,
+          ...state[tableName]?.rows?.map(
+            (current) => current.states?.length ?? 0
+          ) ?? [0]
+        );
+      }
+      if (rest.filters) {
+        state[tableName].hasNonAdditionalFilters = rest.filters.filter(
+          (current) => !current.asAdditional && (rest.columns ?? state[tableName].columns)?.find(
+            (search) => search.name === current.column
+          )
+        ).length > 0;
+      }
+    },
+    addRows(state, { payload }) {
+      if (!state[payload.tableName])
+        state[payload.tableName] = getInitialState();
+      state[payload.tableName].rows = state[payload.tableName].rows.concat(
+        ...payload.newRows
+      );
+      setNewFocused(state[payload.tableName], {
+        altKey: false,
+        ctrlKey: false,
+        shiftKey: false,
+        shouldSelectNewFocused: true,
+        newFocusedRow: state[payload.tableName].rows.length
+      });
+    },
+    deleteRows(state, { payload }) {
+      const table = state[payload.tableName];
+      const minIndex = payload.rowIndices.reduce((min, current) => {
+        return current < min ? current : min;
+      }, Infinity);
+      table.rows = table.rows.filter(
+        (_, index) => !payload.rowIndices.includes(index)
+      );
+      setNewFocused(state[payload.tableName], {
+        altKey: false,
+        ctrlKey: false,
+        shiftKey: false,
+        shouldSelectNewFocused: true,
+        newFocusedRow: minIndex
+      });
+      state[payload.tableName].isFocused = false;
+    },
+    destroy(state, { payload: { tableName } }) {
+      delete state[tableName];
+    },
+    swapFocusedRow(state, {
+      payload: { newIndex, tableName }
+    }) {
+      const tableState = state[tableName];
+      const focusedIndex = tableState.focusedRow;
+      if (focusedIndex === void 0 || newIndex < 0 || newIndex >= tableState.rows.length)
+        return;
+      if (focusedIndex === newIndex) {
+        if (tableState.draggingRow === newIndex)
+          tableState.draggingRow = void 0;
+        else
+          tableState.draggingRow = newIndex;
+        return;
+      }
+      shoutKeyhandlerLive("whichIsTheNewIndex", { newIndex });
+      const isSelected = tableState.selectedRows.includes(focusedIndex);
+      if (isSelected) {
+        tableState.selectedRows = [
+          ...tableState.selectedRows.filter(
+            (current) => current !== focusedIndex
+          ),
+          newIndex
+        ];
+      }
+      const aux = tableState.rows[newIndex];
+      tableState.rows[newIndex] = tableState.rows[focusedIndex];
+      tableState.rows[focusedIndex] = aux;
+      tableState.focusedRow = newIndex;
+      tableState.draggingRow = newIndex;
+    },
+    // Rows selection
+    ...getReduxActions()
+  }
+});
+const { store: responsiveTableStore, useSelector: useResponsiveTable } = injectReducers({
+  responsiveTableSlice: responsiveTableSlice.reducer
+});
+const responsiveTableActions = responsiveTableSlice.actions;
+
+export { responsiveTableActions, responsiveTableStore, useResponsiveTable };
+//# sourceMappingURL=index.js.map

package/dist/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/store/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-dynamic-delete */\r\nimport { createSlice, injectReducers } from '@apia/store';\r\nimport {\r\n  TResponsiveTableAction,\r\n  TResponsiveTableIndexColumns,\r\n  TResponsiveTableSlice,\r\n  TResponsiveTableState,\r\n} from './types';\r\nimport { getInitialState as selectionGetInitialState } from './selection/getInitialState';\r\nimport { setNewFocused } from './selection/setNewFocused';\r\nimport { TResponsiveTableRow } from '../types';\r\nimport { shoutKeyhandlerLive } from './selection/makeKeyHandler';\r\nimport { getReduxActions } from './selection/getReduxActions';\r\n\r\nfunction getInitialState(): TResponsiveTableState {\r\n  const newState: TResponsiveTableState = {\r\n    ...selectionGetInitialState(),\r\n    allowSelection: true,\r\n    allowSorting: true,\r\n    filters: [],\r\n    isLoading: false,\r\n    isMultiple: true,\r\n    accordionIndexColumns: {} as TResponsiveTableIndexColumns,\r\n    expandedRows: [],\r\n  };\r\n\r\n  return newState;\r\n}\r\n\r\nconst responsiveTableSlice = createSlice({\r\n  name: 'responsiveTableSlice',\r\n  initialState: {} as TResponsiveTableSlice,\r\n  reducers: {\r\n    update(\r\n      state,\r\n      {\r\n        payload: { tableName, ...rest },\r\n      }: TResponsiveTableAction<\r\n        Partial<TResponsiveTableState> & { isFocused?: boolean }\r\n      >,\r\n    ) {\r\n      if (!state[tableName]) state[tableName] = getInitialState();\r\n      state[tableName] = { ...state[tableName], ...rest };\r\n      setNewFocused(state[tableName], {\r\n        altKey: false,\r\n        ctrlKey: false,\r\n        shiftKey: false,\r\n        shouldSelectNewFocused: rest.isFocused ?? state[tableName].isFocused,\r\n      });\r\n\r\n      if (rest.columns) {\r\n        state[tableName].nonAdditionalColumnsCount = rest.columns.filter(\r\n          (current) => !current.showAsAdditional,\r\n        ).length;\r\n      }\r\n\r\n      if (rest.rows) {\r\n        state[tableName].statesColumns = Math.max(\r\n          state[tableName]?.reserveColumnsForStates ?? 0,\r\n          ...(state[tableName]?.rows?.map(\r\n            (current) => current.states?.length ?? 0,\r\n          ) ?? [0]),\r\n        );\r\n      }\r\n\r\n      if (rest.filters) {\r\n        state[tableName].hasNonAdditionalFilters =\r\n          rest.filters.filter(\r\n            (current) =>\r\n              !current.asAdditional &&\r\n              (rest.columns ?? state[tableName].columns)?.find(\r\n                (search) => search.name === current.column,\r\n              ),\r\n          ).length > 0;\r\n      }\r\n    },\r\n    addRows(\r\n      state,\r\n      { payload }: TResponsiveTableAction<{ newRows: TResponsiveTableRow[] }>,\r\n    ) {\r\n      if (!state[payload.tableName])\r\n        state[payload.tableName] = getInitialState();\r\n      state[payload.tableName].rows = state[payload.tableName].rows.concat(\r\n        ...payload.newRows,\r\n      );\r\n      setNewFocused(state[payload.tableName], {\r\n        altKey: false,\r\n        ctrlKey: false,\r\n        shiftKey: false,\r\n        shouldSelectNewFocused: true,\r\n        newFocusedRow: state[payload.tableName].rows.length,\r\n      });\r\n    },\r\n    deleteRows(\r\n      state,\r\n      { payload }: TResponsiveTableAction<{ rowIndices: number[] }>,\r\n    ) {\r\n      const table = state[payload.tableName];\r\n      const minIndex = payload.rowIndices.reduce((min, current) => {\r\n        return current < min ? current : min;\r\n      }, Infinity);\r\n      table.rows = table.rows.filter(\r\n        (_, index) => !payload.rowIndices.includes(index),\r\n      );\r\n\r\n      setNewFocused(state[payload.tableName], {\r\n        altKey: false,\r\n        ctrlKey: false,\r\n        shiftKey: false,\r\n        shouldSelectNewFocused: true,\r\n        newFocusedRow: minIndex,\r\n      });\r\n      state[payload.tableName].isFocused = false;\r\n    },\r\n    destroy(state, { payload: { tableName } }: TResponsiveTableAction) {\r\n      delete state[tableName];\r\n    },\r\n    swapFocusedRow(\r\n      state,\r\n      {\r\n        payload: { newIndex, tableName },\r\n      }: TResponsiveTableAction<{ newIndex: number }>,\r\n    ) {\r\n      const tableState = state[tableName];\r\n      const focusedIndex = tableState.focusedRow;\r\n\r\n      if (\r\n        focusedIndex === undefined ||\r\n        newIndex < 0 ||\r\n        newIndex >= tableState.rows.length\r\n      )\r\n        return;\r\n\r\n      if (focusedIndex === newIndex) {\r\n        if (tableState.draggingRow === newIndex)\r\n          tableState.draggingRow = undefined;\r\n        else tableState.draggingRow = newIndex;\r\n        return;\r\n      }\r\n\r\n      shoutKeyhandlerLive('whichIsTheNewIndex', { newIndex });\r\n\r\n      const isSelected = tableState.selectedRows.includes(focusedIndex);\r\n\r\n      if (isSelected) {\r\n        tableState.selectedRows = [\r\n          ...tableState.selectedRows.filter(\r\n            (current) => current !== focusedIndex,\r\n          ),\r\n          newIndex,\r\n        ];\r\n      }\r\n\r\n      const aux = tableState.rows[newIndex];\r\n      tableState.rows[newIndex] = tableState.rows[focusedIndex];\r\n      tableState.rows[focusedIndex] = aux;\r\n\r\n      tableState.focusedRow = newIndex;\r\n      tableState.draggingRow = newIndex;\r\n    },\r\n\r\n    // Rows selection\r\n    ...getReduxActions(),\r\n  },\r\n});\r\n\r\nexport const { store: responsiveTableStore, useSelector: useResponsiveTable } =\r\n  injectReducers({\r\n    responsiveTableSlice: responsiveTableSlice.reducer,\r\n  });\r\n\r\nexport const responsiveTableActions = responsiveTableSlice.actions;\r\n"],"names":["selectionGetInitialState"],"mappings":";;;;;;AAcA,SAAS,eAAyC,GAAA;AAChD,EAAA,MAAM,QAAkC,GAAA;AAAA,IACtC,GAAGA,iBAAyB,EAAA;AAAA,IAC5B,cAAgB,EAAA,IAAA;AAAA,IAChB,YAAc,EAAA,IAAA;AAAA,IACd,SAAS,EAAC;AAAA,IACV,SAAW,EAAA,KAAA;AAAA,IACX,UAAY,EAAA,IAAA;AAAA,IACZ,uBAAuB,EAAC;AAAA,IACxB,cAAc,EAAC;AAAA,GACjB,CAAA;AAEA,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,MAAM,uBAAuB,WAAY,CAAA;AAAA,EACvC,IAAM,EAAA,sBAAA;AAAA,EACN,cAAc,EAAC;AAAA,EACf,QAAU,EAAA;AAAA,IACR,OACE,KACA,EAAA;AAAA,MACE,OAAS,EAAA,EAAE,SAAW,EAAA,GAAG,IAAK,EAAA;AAAA,KAIhC,EAAA;AACA,MAAI,IAAA,CAAC,MAAM,SAAS,CAAA;AAAG,QAAM,KAAA,CAAA,SAAS,IAAI,eAAgB,EAAA,CAAA;AAC1D,MAAM,KAAA,CAAA,SAAS,IAAI,EAAE,GAAG,MAAM,SAAS,CAAA,EAAG,GAAG,IAAK,EAAA,CAAA;AAClD,MAAc,aAAA,CAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AAAA,QAC9B,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,QAAU,EAAA,KAAA;AAAA,QACV,sBAAwB,EAAA,IAAA,CAAK,SAAa,IAAA,KAAA,CAAM,SAAS,CAAE,CAAA,SAAA;AAAA,OAC5D,CAAA,CAAA;AAED,MAAA,IAAI,KAAK,OAAS,EAAA;AAChB,QAAA,KAAA,CAAM,SAAS,CAAA,CAAE,yBAA4B,GAAA,IAAA,CAAK,OAAQ,CAAA,MAAA;AAAA,UACxD,CAAC,OAAY,KAAA,CAAC,OAAQ,CAAA,gBAAA;AAAA,SACtB,CAAA,MAAA,CAAA;AAAA,OACJ;AAEA,MAAA,IAAI,KAAK,IAAM,EAAA;AACb,QAAM,KAAA,CAAA,SAAS,CAAE,CAAA,aAAA,GAAgB,IAAK,CAAA,GAAA;AAAA,UACpC,KAAA,CAAM,SAAS,CAAA,EAAG,uBAA2B,IAAA,CAAA;AAAA,UAC7C,GAAI,KAAA,CAAM,SAAS,CAAA,EAAG,IAAM,EAAA,GAAA;AAAA,YAC1B,CAAC,OAAA,KAAY,OAAQ,CAAA,MAAA,EAAQ,MAAU,IAAA,CAAA;AAAA,WACzC,IAAK,CAAC,CAAC,CAAA;AAAA,SACT,CAAA;AAAA,OACF;AAEA,MAAA,IAAI,KAAK,OAAS,EAAA;AAChB,QAAA,KAAA,CAAM,SAAS,CAAA,CAAE,uBACf,GAAA,IAAA,CAAK,OAAQ,CAAA,MAAA;AAAA,UACX,CAAC,OACC,KAAA,CAAC,OAAQ,CAAA,YAAA,IAAA,CACR,KAAK,OAAW,IAAA,KAAA,CAAM,SAAS,CAAA,CAAE,OAAU,GAAA,IAAA;AAAA,YAC1C,CAAC,MAAA,KAAW,MAAO,CAAA,IAAA,KAAS,OAAQ,CAAA,MAAA;AAAA,WACtC;AAAA,UACF,MAAS,GAAA,CAAA,CAAA;AAAA,OACf;AAAA,KACF;AAAA,IACA,OACE,CAAA,KAAA,EACA,EAAE,OAAA,EACF,EAAA;AACA,MAAI,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,SAAS,CAAA;AAC1B,QAAM,KAAA,CAAA,OAAA,CAAQ,SAAS,CAAA,GAAI,eAAgB,EAAA,CAAA;AAC7C,MAAM,KAAA,CAAA,OAAA,CAAQ,SAAS,CAAE,CAAA,IAAA,GAAO,MAAM,OAAQ,CAAA,SAAS,EAAE,IAAK,CAAA,MAAA;AAAA,QAC5D,GAAG,OAAQ,CAAA,OAAA;AAAA,OACb,CAAA;AACA,MAAc,aAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAAA,QACtC,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,QAAU,EAAA,KAAA;AAAA,QACV,sBAAwB,EAAA,IAAA;AAAA,QACxB,aAAe,EAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,EAAE,IAAK,CAAA,MAAA;AAAA,OAC9C,CAAA,CAAA;AAAA,KACH;AAAA,IACA,UACE,CAAA,KAAA,EACA,EAAE,OAAA,EACF,EAAA;AACA,MAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,OAAA,CAAQ,SAAS,CAAA,CAAA;AACrC,MAAA,MAAM,WAAW,OAAQ,CAAA,UAAA,CAAW,MAAO,CAAA,CAAC,KAAK,OAAY,KAAA;AAC3D,QAAO,OAAA,OAAA,GAAU,MAAM,OAAU,GAAA,GAAA,CAAA;AAAA,SAChC,QAAQ,CAAA,CAAA;AACX,MAAM,KAAA,CAAA,IAAA,GAAO,MAAM,IAAK,CAAA,MAAA;AAAA,QACtB,CAAC,CAAG,EAAA,KAAA,KAAU,CAAC,OAAQ,CAAA,UAAA,CAAW,SAAS,KAAK,CAAA;AAAA,OAClD,CAAA;AAEA,MAAc,aAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAAA,QACtC,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,QAAU,EAAA,KAAA;AAAA,QACV,sBAAwB,EAAA,IAAA;AAAA,QACxB,aAAe,EAAA,QAAA;AAAA,OAChB,CAAA,CAAA;AACD,MAAM,KAAA,CAAA,OAAA,CAAQ,SAAS,CAAA,CAAE,SAAY,GAAA,KAAA,CAAA;AAAA,KACvC;AAAA,IACA,QAAQ,KAAO,EAAA,EAAE,SAAS,EAAE,SAAA,IAAuC,EAAA;AACjE,MAAA,OAAO,MAAM,SAAS,CAAA,CAAA;AAAA,KACxB;AAAA,IACA,eACE,KACA,EAAA;AAAA,MACE,OAAA,EAAS,EAAE,QAAA,EAAU,SAAU,EAAA;AAAA,KAEjC,EAAA;AACA,MAAM,MAAA,UAAA,GAAa,MAAM,SAAS,CAAA,CAAA;AAClC,MAAA,MAAM,eAAe,UAAW,CAAA,UAAA,CAAA;AAEhC,MAAA,IACE,iBAAiB,KACjB,CAAA,IAAA,QAAA,GAAW,CACX,IAAA,QAAA,IAAY,WAAW,IAAK,CAAA,MAAA;AAE5B,QAAA,OAAA;AAEF,MAAA,IAAI,iBAAiB,QAAU,EAAA;AAC7B,QAAA,IAAI,WAAW,WAAgB,KAAA,QAAA;AAC7B,UAAA,UAAA,CAAW,WAAc,GAAA,KAAA,CAAA,CAAA;AAAA;AACtB,UAAA,UAAA,CAAW,WAAc,GAAA,QAAA,CAAA;AAC9B,QAAA,OAAA;AAAA,OACF;AAEA,MAAoB,mBAAA,CAAA,oBAAA,EAAsB,EAAE,QAAA,EAAU,CAAA,CAAA;AAEtD,MAAA,MAAM,UAAa,GAAA,UAAA,CAAW,YAAa,CAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAEhE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,YAAe,GAAA;AAAA,UACxB,GAAG,WAAW,YAAa,CAAA,MAAA;AAAA,YACzB,CAAC,YAAY,OAAY,KAAA,YAAA;AAAA,WAC3B;AAAA,UACA,QAAA;AAAA,SACF,CAAA;AAAA,OACF;AAEA,MAAM,MAAA,GAAA,GAAM,UAAW,CAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AACpC,MAAA,UAAA,CAAW,IAAK,CAAA,QAAQ,CAAI,GAAA,UAAA,CAAW,KAAK,YAAY,CAAA,CAAA;AACxD,MAAW,UAAA,CAAA,IAAA,CAAK,YAAY,CAAI,GAAA,GAAA,CAAA;AAEhC,MAAA,UAAA,CAAW,UAAa,GAAA,QAAA,CAAA;AACxB,MAAA,UAAA,CAAW,WAAc,GAAA,QAAA,CAAA;AAAA,KAC3B;AAAA;AAAA,IAGA,GAAG,eAAgB,EAAA;AAAA,GACrB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,EAAE,KAAO,EAAA,oBAAA,EAAsB,WAAa,EAAA,kBAAA,KACvD,cAAe,CAAA;AAAA,EACb,sBAAsB,oBAAqB,CAAA,OAAA;AAC7C,CAAC,EAAA;AAEI,MAAM,yBAAyB,oBAAqB,CAAA;;;;"}

package/dist/store/selection/getInitialState.js

@@ -0,0 +1,22 @@
+function getInitialState() {
+  return {
+    allowEdition: false,
+    allowSelection: true,
+    columns: [],
+    expandedRows: [],
+    isEditionMode: false,
+    isFocused: false,
+    filters: [],
+    focusedColumn: 0,
+    focusedRow: 0,
+    hasNonAdditionalFilters: false,
+    isMultiple: true,
+    nonAdditionalColumnsCount: 0,
+    rows: [],
+    selectedRows: [],
+    statesColumns: 0
+  };
+}
+
+export { getInitialState };
+//# sourceMappingURL=getInitialState.js.map

package/dist/store/selection/getInitialState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInitialState.js","sources":["../../../src/store/selection/getInitialState.ts"],"sourcesContent":["import { TApiaFilter } from '@apia/util';\r\nimport { ISelectableState, TBasicRow } from './types';\r\n\r\nexport function getInitialState<\r\n  ColumnsType extends { name: string },\r\n  RowsType extends TBasicRow | string,\r\n>(): ISelectableState<ColumnsType, TApiaFilter, RowsType> {\r\n  return {\r\n    allowEdition: false,\r\n    allowSelection: true,\r\n    columns: [],\r\n    expandedRows: [],\r\n    isEditionMode: false,\r\n    isFocused: false,\r\n    filters: [],\r\n    focusedColumn: 0,\r\n    focusedRow: 0,\r\n    hasNonAdditionalFilters: false,\r\n    isMultiple: true,\r\n    nonAdditionalColumnsCount: 0,\r\n    rows: [],\r\n    selectedRows: [],\r\n    statesColumns: 0,\r\n  };\r\n}\r\n"],"names":[],"mappings":"AAGO,SAAS,eAG0C,GAAA;AACxD,EAAO,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,IACd,cAAgB,EAAA,IAAA;AAAA,IAChB,SAAS,EAAC;AAAA,IACV,cAAc,EAAC;AAAA,IACf,aAAe,EAAA,KAAA;AAAA,IACf,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,EAAC;AAAA,IACV,aAAe,EAAA,CAAA;AAAA,IACf,UAAY,EAAA,CAAA;AAAA,IACZ,uBAAyB,EAAA,KAAA;AAAA,IACzB,UAAY,EAAA,IAAA;AAAA,IACZ,yBAA2B,EAAA,CAAA;AAAA,IAC3B,MAAM,EAAC;AAAA,IACP,cAAc,EAAC;AAAA,IACf,aAAe,EAAA,CAAA;AAAA,GACjB,CAAA;AACF;;;;"}

package/dist/store/selection/getReduxActions.js

@@ -0,0 +1,42 @@
+import { handleKey } from './handleKey.js';
+import { setNewFocused } from './setNewFocused.js';
+
+function getReduxActions() {
+  return {
+    handleKey(state, { payload }) {
+      handleKey(state[payload.id], payload);
+    },
+    selectionStateUpdate(state, { payload: { id, ...payload } }) {
+      state[id] = { ...state[id], ...payload };
+    },
+    setNewFocused(state, { payload: { id, ...payload } }) {
+      setNewFocused(state[id], payload);
+    },
+    updateByClick(state, {
+      payload: {
+        id,
+        colIndex,
+        rowIndex,
+        ariaColIndex,
+        ariaRowIndex,
+        isFocused,
+        ...payload
+      }
+    }) {
+      const hasFiltersRow = state[id].hasNonAdditionalFilters;
+      state[id].isEditionMode = false;
+      const newFocusedColumn = colIndex ?? ariaColIndex ?? 1;
+      const newFocusedRow = ariaRowIndex !== void 0 ? ariaRowIndex : (rowIndex ?? 0) - (1 + (hasFiltersRow ? 2 : 1));
+      setNewFocused(state[id], {
+        ...payload,
+        newFocusedColumn,
+        newFocusedRow
+      });
+      if (isFocused !== void 0)
+        state[id].isFocused = isFocused;
+    }
+  };
+}
+
+export { getReduxActions };
+//# sourceMappingURL=getReduxActions.js.map

package/dist/store/selection/getReduxActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getReduxActions.js","sources":["../../../src/store/selection/getReduxActions.ts"],"sourcesContent":["import type { Draft, PayloadAction } from '@apia/store';\r\nimport type { TRequireOnlyOne } from '@apia/util';\r\nimport { handleKey } from './handleKey';\r\nimport { setNewFocused } from './setNewFocused';\r\nimport { THandleKey, INewFocus, ISelectableState } from './types';\r\n\r\ntype TState = Draft<Record<string, ISelectableState>>;\r\n\r\nexport type TPayloadWithId<\r\n  P = Record<string, unknown>,\r\n  T extends string = string,\r\n  M = never,\r\n  E = never,\r\n> = PayloadAction<P & { id: string }, T, M, E>;\r\n\r\nexport type THandleKeyPayload = TPayloadWithId<THandleKey>;\r\nexport type TSelectionStateUpdatePayload = TPayloadWithId<\r\n  Partial<ISelectableState>\r\n>;\r\nexport type TSetNewFocusedPayload = TPayloadWithId<INewFocus>;\r\nexport type TUpdateByClickPayload = TPayloadWithId<\r\n  TRequireOnlyOne<{ ariaRowIndex: number; rowIndex: number }> &\r\n    TRequireOnlyOne<{ ariaColIndex?: number; colIndex: number }> &\r\n    Pick<INewFocus, 'altKey' | 'ctrlKey' | 'shiftKey' | 'isFocused'>\r\n>;\r\n\r\nexport function getReduxActions() {\r\n  return {\r\n    handleKey(state: TState, { payload }: THandleKeyPayload) {\r\n      handleKey(state[payload.id], payload);\r\n    },\r\n    selectionStateUpdate(\r\n      state: TState,\r\n      { payload: { id, ...payload } }: TSelectionStateUpdatePayload,\r\n    ) {\r\n      state[id] = { ...state[id], ...payload };\r\n    },\r\n    setNewFocused(\r\n      state: TState,\r\n      { payload: { id, ...payload } }: TSetNewFocusedPayload,\r\n    ) {\r\n      setNewFocused(state[id], payload);\r\n    },\r\n    updateByClick(\r\n      state: TState,\r\n      {\r\n        payload: {\r\n          id,\r\n          colIndex,\r\n          rowIndex,\r\n          ariaColIndex,\r\n          ariaRowIndex,\r\n          isFocused,\r\n          ...payload\r\n        },\r\n      }: TUpdateByClickPayload,\r\n    ) {\r\n      const hasFiltersRow = state[id].hasNonAdditionalFilters;\r\n      state[id].isEditionMode = false;\r\n\r\n      const newFocusedColumn = colIndex ?? ariaColIndex ?? 1;\r\n      const newFocusedRow =\r\n        ariaRowIndex !== undefined\r\n          ? ariaRowIndex\r\n          : (rowIndex ?? 0) - (1 + (hasFiltersRow ? 2 : 1));\r\n\r\n      setNewFocused(state[id], {\r\n        ...payload,\r\n        newFocusedColumn,\r\n        newFocusedRow,\r\n      });\r\n\r\n      if (isFocused !== undefined) state[id].isFocused = isFocused;\r\n    },\r\n  };\r\n}\r\n"],"names":[],"mappings":";;;AA0BO,SAAS,eAAkB,GAAA;AAChC,EAAO,OAAA;AAAA,IACL,SAAU,CAAA,KAAA,EAAe,EAAE,OAAA,EAA8B,EAAA;AACvD,MAAA,SAAA,CAAU,KAAM,CAAA,OAAA,CAAQ,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,KACtC;AAAA,IACA,oBAAA,CACE,OACA,EAAE,OAAA,EAAS,EAAE,EAAI,EAAA,GAAG,OAAQ,EAAA,EAC5B,EAAA;AACA,MAAM,KAAA,CAAA,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAA,EAAG,GAAG,OAAQ,EAAA,CAAA;AAAA,KACzC;AAAA,IACA,aAAA,CACE,OACA,EAAE,OAAA,EAAS,EAAE,EAAI,EAAA,GAAG,OAAQ,EAAA,EAC5B,EAAA;AACA,MAAc,aAAA,CAAA,KAAA,CAAM,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,IACA,cACE,KACA,EAAA;AAAA,MACE,OAAS,EAAA;AAAA,QACP,EAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAG,OAAA;AAAA,OACL;AAAA,KAEF,EAAA;AACA,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,EAAE,CAAE,CAAA,uBAAA,CAAA;AAChC,MAAM,KAAA,CAAA,EAAE,EAAE,aAAgB,GAAA,KAAA,CAAA;AAE1B,MAAM,MAAA,gBAAA,GAAmB,YAAY,YAAgB,IAAA,CAAA,CAAA;AACrD,MAAM,MAAA,aAAA,GACJ,iBAAiB,KACb,CAAA,GAAA,YAAA,GAAA,CACC,YAAY,CAAM,KAAA,CAAA,IAAK,gBAAgB,CAAI,GAAA,CAAA,CAAA,CAAA,CAAA;AAElD,MAAc,aAAA,CAAA,KAAA,CAAM,EAAE,CAAG,EAAA;AAAA,QACvB,GAAG,OAAA;AAAA,QACH,gBAAA;AAAA,QACA,aAAA;AAAA,OACD,CAAA,CAAA;AAED,MAAA,IAAI,SAAc,KAAA,KAAA,CAAA;AAAW,QAAM,KAAA,CAAA,EAAE,EAAE,SAAY,GAAA,SAAA,CAAA;AAAA,KACrD;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/store/selection/handleKey.js

@@ -0,0 +1,143 @@
+import { setNewFocused } from './setNewFocused.js';
+
+function willHandleKey(ev, state) {
+  const actualKey = ev.key.toLowerCase();
+  if (state.isEditionMode)
+    return false;
+  if (actualKey === " " && ev.ctrlKey)
+    return true;
+  if (actualKey === "a" && ev.ctrlKey)
+    return true;
+  if (actualKey === "m" && ev.ctrlKey)
+    return true;
+  if (state.draggingRow !== void 0) {
+    return ["Escape", "Enter"].includes(ev.key);
+  }
+  return [
+    "arrowup",
+    "arrowdown",
+    "arrowleft",
+    "arrowright",
+    "end",
+    "enter",
+    "home",
+    "pageup",
+    "pagedown"
+  ].includes(ev.key.toLowerCase());
+}
+function handleKey(state, { ev }) {
+  const {
+    altKey: isAltPressed,
+    ctrlKey: isCtrlPressed,
+    key,
+    shiftKey: isShiftPressed
+  } = ev;
+  if (willHandleKey(ev, state))
+    ev.preventDefault();
+  const actualKey = key.toLowerCase();
+  const setFocus = ({
+    newFocusedColumn,
+    newFocusedRow,
+    ...rest
+  }) => setNewFocused(state, {
+    altKey: isAltPressed,
+    ctrlKey: isCtrlPressed,
+    shiftKey: isShiftPressed,
+    newFocusedColumn,
+    newFocusedRow,
+    ...rest
+  });
+  if (!state.isEditionMode) {
+    if (actualKey === "enter" && (state.allowEdition === true || state.focusedRow < 0))
+      state.isEditionMode = true;
+    else
+      switch (actualKey) {
+        case "arrowup": {
+          let sumRate = state.expandedRows.includes(state.focusedRow - 1) ? 0.6 : 1;
+          if (Math.round(state.focusedRow) - state.focusedRow !== 0)
+            sumRate = 0.5;
+          setFocus({
+            newFocusedRow: state.focusedRow - sumRate,
+            shouldSelectNewFocused: !isCtrlPressed
+          });
+          break;
+        }
+        case "arrowdown": {
+          let sumRate = state.expandedRows.includes(state.focusedRow) ? 0.6 : 1;
+          if (Math.round(state.focusedRow) - state.focusedRow !== 0)
+            sumRate = 0.5;
+          setFocus({
+            newFocusedRow: state.focusedRow + sumRate,
+            shouldSelectNewFocused: !isCtrlPressed
+          });
+          break;
+        }
+        case "arrowleft":
+        case "arrowright": {
+          setFocus({
+            newFocusedColumn: state.focusedColumn + (actualKey === "arrowleft" ? -1 : 1),
+            shouldSelectNewFocused: !isCtrlPressed
+          });
+          break;
+        }
+        case "home": {
+          if (isCtrlPressed)
+            setFocus({ newFocusedColumn: 0, newFocusedRow: 0, ctrlKey: false });
+          else
+            setFocus({ newFocusedColumn: 0 });
+          break;
+        }
+        case "end": {
+          if (isCtrlPressed)
+            setFocus({
+              newFocusedRow: Number.POSITIVE_INFINITY,
+              newFocusedColumn: Number.POSITIVE_INFINITY,
+              ctrlKey: false
+            });
+          else
+            setFocus({
+              newFocusedColumn: Number.POSITIVE_INFINITY
+            });
+          break;
+        }
+        case "pageup": {
+          setFocus({
+            newFocusedRow: state.focusedRow - 5,
+            shouldSelectNewFocused: !isCtrlPressed
+          });
+          break;
+        }
+        case "pagedown": {
+          setFocus({
+            newFocusedRow: state.focusedRow + 5,
+            shouldSelectNewFocused: !isCtrlPressed
+          });
+          break;
+        }
+        case " ": {
+          if (isCtrlPressed)
+            setFocus({
+              newFocusedRow: state.focusedRow
+            });
+          break;
+        }
+        case "a": {
+          if (isCtrlPressed && state.allowSelection)
+            state.selectedRows = state.rows.map((_, i) => i);
+          break;
+        }
+      }
+  } else
+    switch (actualKey) {
+      case "escape":
+      case "enter": {
+        if (state.isEditionMode)
+          state.isEditionMode = false;
+        ev.stopPropagation();
+        break;
+      }
+    }
+}
+
+export { handleKey, willHandleKey };
+//# sourceMappingURL=handleKey.js.map

package/dist/store/selection/handleKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleKey.js","sources":["../../../src/store/selection/handleKey.ts"],"sourcesContent":["import { Draft } from '@apia/store';\r\nimport React from 'react';\r\nimport { setNewFocused } from './setNewFocused';\r\nimport { THandleKey, INewFocus, ISelectableState } from './types';\r\n\r\n/**\r\n * Este método es de uso interno y normalmente\r\n * no será necesario fuera de este documento,\r\n * su utilidad es la de determinar si un evento\r\n * de teclado será controlado por el keyHandler.\r\n */\r\nexport function willHandleKey(\r\n  ev: React.KeyboardEvent,\r\n  state: ISelectableState,\r\n) {\r\n  const actualKey = ev.key.toLowerCase();\r\n  if (state.isEditionMode) return false;\r\n\r\n  if (actualKey === ' ' && ev.ctrlKey) return true;\r\n  if (actualKey === 'a' && ev.ctrlKey) return true;\r\n  if (actualKey === 'm' && ev.ctrlKey) return true;\r\n  if (state.draggingRow !== undefined) {\r\n    return ['Escape', 'Enter'].includes(ev.key);\r\n  }\r\n  return [\r\n    'arrowup',\r\n    'arrowdown',\r\n    'arrowleft',\r\n    'arrowright',\r\n    'end',\r\n    'enter',\r\n    'home',\r\n    'pageup',\r\n    'pagedown',\r\n  ].includes(ev.key.toLowerCase());\r\n}\r\n\r\n/**\r\n * Este método será llamado normalmente desde un action\r\n * de Redux. Su utilidad es la de evaluar qué tecla\r\n * se presionó y decidir qué alteración se debe producir\r\n * en base a eso.\r\n */\r\nexport function handleKey(state: Draft<ISelectableState>, { ev }: THandleKey) {\r\n  const {\r\n    altKey: isAltPressed,\r\n    ctrlKey: isCtrlPressed,\r\n    key,\r\n    shiftKey: isShiftPressed,\r\n  } = ev;\r\n  if (willHandleKey(ev, state)) ev.preventDefault();\r\n  const actualKey = key.toLowerCase();\r\n  const setFocus = ({\r\n    newFocusedColumn,\r\n    newFocusedRow,\r\n    ...rest\r\n  }: Partial<INewFocus>) =>\r\n    setNewFocused(state, {\r\n      altKey: isAltPressed,\r\n      ctrlKey: isCtrlPressed,\r\n      shiftKey: isShiftPressed,\r\n      newFocusedColumn,\r\n      newFocusedRow,\r\n      ...rest,\r\n    });\r\n\r\n  if (!state.isEditionMode) {\r\n    if (\r\n      actualKey === 'enter' &&\r\n      (state.allowEdition === true || state.focusedRow < 0)\r\n    )\r\n      state.isEditionMode = true;\r\n    else\r\n      switch (actualKey) {\r\n        case 'arrowup': {\r\n          let sumRate = state.expandedRows.includes(state.focusedRow - 1)\r\n            ? 0.6\r\n            : 1;\r\n          if (Math.round(state.focusedRow) - state.focusedRow !== 0)\r\n            sumRate = 0.5;\r\n          setFocus({\r\n            newFocusedRow: state.focusedRow - sumRate,\r\n            shouldSelectNewFocused: !isCtrlPressed,\r\n          });\r\n          break;\r\n        }\r\n        case 'arrowdown': {\r\n          let sumRate = state.expandedRows.includes(state.focusedRow) ? 0.6 : 1;\r\n          if (Math.round(state.focusedRow) - state.focusedRow !== 0)\r\n            sumRate = 0.5;\r\n          setFocus({\r\n            newFocusedRow: state.focusedRow + sumRate,\r\n            shouldSelectNewFocused: !isCtrlPressed,\r\n          });\r\n          break;\r\n        }\r\n        case 'arrowleft':\r\n        case 'arrowright': {\r\n          setFocus({\r\n            newFocusedColumn:\r\n              state.focusedColumn + (actualKey === 'arrowleft' ? -1 : 1),\r\n            shouldSelectNewFocused: !isCtrlPressed,\r\n          });\r\n          break;\r\n        }\r\n        case 'home': {\r\n          if (isCtrlPressed)\r\n            setFocus({ newFocusedColumn: 0, newFocusedRow: 0, ctrlKey: false });\r\n          else setFocus({ newFocusedColumn: 0 });\r\n          break;\r\n        }\r\n        case 'end': {\r\n          if (isCtrlPressed)\r\n            setFocus({\r\n              newFocusedRow: Number.POSITIVE_INFINITY,\r\n              newFocusedColumn: Number.POSITIVE_INFINITY,\r\n              ctrlKey: false,\r\n            });\r\n          else\r\n            setFocus({\r\n              newFocusedColumn: Number.POSITIVE_INFINITY,\r\n            });\r\n          break;\r\n        }\r\n        case 'pageup': {\r\n          setFocus({\r\n            newFocusedRow: state.focusedRow - 5,\r\n            shouldSelectNewFocused: !isCtrlPressed,\r\n          });\r\n          break;\r\n        }\r\n        case 'pagedown': {\r\n          setFocus({\r\n            newFocusedRow: state.focusedRow + 5,\r\n            shouldSelectNewFocused: !isCtrlPressed,\r\n          });\r\n          break;\r\n        }\r\n        case ' ': {\r\n          if (isCtrlPressed)\r\n            setFocus({\r\n              newFocusedRow: state.focusedRow,\r\n            });\r\n          break;\r\n        }\r\n        case 'a': {\r\n          if (isCtrlPressed && state.allowSelection)\r\n            state.selectedRows = state.rows.map((_, i) => i);\r\n          break;\r\n        }\r\n        default:\r\n          break;\r\n      }\r\n  } else\r\n    switch (actualKey) {\r\n      case 'escape':\r\n      case 'enter': {\r\n        if (state.isEditionMode) state.isEditionMode = false;\r\n        ev.stopPropagation();\r\n        break;\r\n      }\r\n      default:\r\n        break;\r\n    }\r\n}\r\n"],"names":[],"mappings":"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"}