@headless-adminapp/app 1.4.17 → 1.4.18

package/datagrid/DataGridProvider/index.js

@@ -12,6 +12,7 @@ const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const DataResolver_1 = require("./DataResolver");
 const transformViewColumns_1 = require("./transformViewColumns");
+const useGridCellRangeResolver_1 = require("./useGridCellRangeResolver");
 function mergeInitialStateWithHistory(initialValue, historyState) {
     return {
         ...initialValue,
@@ -57,6 +58,7 @@ function DataGridProvider(props) {
         maxRecords: props.maxRecords,
         associated: props.associated,
         disabled: props.disabled ?? false,
+        cellSelectionRange: null,
     }, router.getState(historyKey)));
     (0, react_1.useEffect)(() => {
         function listener(state, prevState, changes) {
@@ -113,5 +115,6 @@ function DataGridProvider(props) {
             disabled: props.disabled ?? false,
         });
     }, [props.disabled, contextValue]);
+    (0, useGridCellRangeResolver_1.useGridCellRangeResolver)(contextValue);
     return ((0, jsx_runtime_1.jsxs)(context_2.GridContext.Provider, { value: contextValue, children: [(0, jsx_runtime_1.jsx)(DataResolver_1.DataResolver, {}), props.children] }));
 }

package/datagrid/DataGridProvider/useGridCellRangeResolver.d.ts

@@ -0,0 +1,5 @@
+import { MutableValue } from '@headless-adminapp/app/mutable';
+import { EntityMainGridCommandContext, EntitySubGridCommandContext } from '@headless-adminapp/core/experience/view';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { GridContextState } from '../context';
+export declare function useGridCellRangeResolver<S extends SchemaAttributes = SchemaAttributes, CommandContext extends EntityMainGridCommandContext | EntitySubGridCommandContext = EntityMainGridCommandContext>(context: MutableValue<GridContextState<S, CommandContext>>): void;

package/datagrid/DataGridProvider/useGridCellRangeResolver.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridCellRangeResolver = useGridCellRangeResolver;
+const mutable_1 = require("@headless-adminapp/app/mutable");
+const react_1 = require("react");
+function useGridCellRangeResolver(context) {
+    const data = (0, mutable_1.useMutableStateSelector)(context, (state) => state.data);
+    (0, react_1.useEffect)(() => {
+        const handleMouseUp = () => {
+            if (context.value.current.cellSelectionRange?.active) {
+                context.setValue({
+                    cellSelectionRange: {
+                        ...context.value.current.cellSelectionRange,
+                        active: false,
+                    },
+                });
+            }
+        };
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [context]);
+    (0, react_1.useEffect)(() => {
+        context.setValue({
+            cellSelectionRange: null,
+        });
+    }, [data, context]);
+}

package/datagrid/context.d.ts

@@ -25,6 +25,7 @@ export interface GridContextState<S extends SchemaAttributes = SchemaAttributes,
     sorting: SortingState<S>;
     quickFilterValues: Record<string, unknown>;
     selectedIds: string[];
+    cellSelectionRange?: CellSelectionRange | null;
     data: RetriveRecordsResult<InferredSchemaType<S>> | null;
     dataState: {
         isFetching: boolean;
@@ -36,3 +37,14 @@ export interface GridContextState<S extends SchemaAttributes = SchemaAttributes,
     allowViewSelection: boolean;
 }
 export declare const GridContext: import("react").Context<import("../mutable/context").ContextValue<GridContextState<SchemaAttributes, EntityMainGridCommandContext>>>;
+export interface CellSelectionRange {
+    start: {
+        row: number;
+        column: number;
+    };
+    end: {
+        row: number;
+        column: number;
+    };
+    active: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.17",
+  "version": "1.4.18",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "a5a471cce4df9e87552b23e3de8c90d53e4adf43"
+  "gitHead": "802e32306b195f91185aa52a2fec6c49af42c29b"
 }

package/route/RouteProvider.js

@@ -7,7 +7,7 @@ const react_1 = require("react");
 const context_1 = require("./context");
 const defaultRouteResolver = (0, route_1.createRouteResolver)(route_1.defaultRouteInfo);
 const defaultIsRouteActive = (0, route_1.createIsRouteActive)(route_1.defaultRouteInfo);
-const RouteProvider = ({ children, pathname, router, searchParams, basePath, routeResolver = defaultRouteResolver, isRouteActive = defaultIsRouteActive, }) => {
+const RouteProvider = ({ children, pathname, router, searchParams, basePath = '', routeResolver = defaultRouteResolver, isRouteActive = defaultIsRouteActive, }) => {
     const basePathRef = (0, react_1.useRef)(basePath);
     basePathRef.current = basePath;
     const routeResolverRef = (0, react_1.useRef)(routeResolver);

package/route/context.d.ts

@@ -19,7 +19,7 @@ export interface RouterInstance {
 export declare const RouterContext: import("react").Context<RouterInstance>;
 export declare const RouterPathnameContext: import("react").Context<string>;
 export declare const RouterSearchParamsContext: import("react").Context<ReadonlyURLSearchParams>;
-export declare const RouterBasePathContext: import("react").Context<string | undefined>;
+export declare const RouterBasePathContext: import("react").Context<string>;
 export interface RouteHelperContext {
     routeResolver: InternalRouteResolver;
     isRouteActive: InternalIsRouteActive;

package/route/context.js

@@ -5,5 +5,5 @@ const react_1 = require("react");
 exports.RouterContext = (0, react_1.createContext)(null);
 exports.RouterPathnameContext = (0, react_1.createContext)(null);
 exports.RouterSearchParamsContext = (0, react_1.createContext)(null);
-exports.RouterBasePathContext = (0, react_1.createContext)(undefined);
+exports.RouterBasePathContext = (0, react_1.createContext)('');
 exports.RouteHelperContext = (0, react_1.createContext)(null);

package/route/hooks/useBasePath.d.ts

@@ -1 +1 @@
-export declare function useBasePath(): string | undefined;
+export declare function useBasePath(): string;