disable comp select/drag/drop inside table expansions

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/containerComp/containerView.tsx

@@ -62,6 +62,7 @@ import { selectCompModifierKeyPressed } from "util/keyUtils";
 import { defaultLayout, GridItemComp, GridItemDataType } from "../gridItemComp";
 import { ThemeContext } from "comps/utils/themeContext";
 import { defaultTheme } from "@lowcoder-ee/constants/themeConstants";
+import { ExpandViewContext } from "../tableComp/expansionControl";
 
 const childrenMap = {
   layout: valueComp<Layout>({}),
@@ -357,11 +358,12 @@ export const InnerGrid = React.memo((props: ViewPropsWithSelect) => {
       || String(DEFAULT_GRID_COLUMNS);
   }, [horizontalGridCells, positionParams.cols]);
 
+  const isExpandView = useContext(ExpandViewContext);
   const isDroppable =
-    useContext(IsDroppable) && (_.isNil(props.isDroppable) || props.isDroppable) && !readOnly;
-  const isDraggable = !readOnly && (_.isNil(props.isDraggable) || props.isDraggable);
-  const isResizable = !readOnly && (_.isNil(props.isResizable) || props.isResizable);
-  const isSelectable = !readOnly && (_.isNil(props.isSelectable) || props.isSelectable);
+    useContext(IsDroppable) && (_.isNil(props.isDroppable) || props.isDroppable) && !readOnly && !isExpandView;
+  const isDraggable = !readOnly  && !isExpandView && (_.isNil(props.isDraggable) || props.isDraggable);
+  const isResizable = !readOnly  && !isExpandView && (_.isNil(props.isResizable) || props.isResizable);
+  const isSelectable = !readOnly  && !isExpandView && (_.isNil(props.isSelectable) || props.isSelectable);
   const extraLayout = useMemo(
     () =>
       getExtraLayout(

client/packages/lowcoder/src/comps/comps/tableComp/expansionControl.tsx

@@ -11,14 +11,15 @@ import { BackgroundColorContext } from "comps/utils/backgroundColorContext";
 import { trans } from "i18n";
 import _ from "lodash";
 import { ConstructorToView, wrapChildAction } from "lowcoder-core";
-import { useContext } from "react";
+import { createContext, useContext } from "react";
 import { tryToNumber } from "util/convertUtils";
 import { SimpleContainerComp } from "../containerBase/simpleContainerComp";
 import { OB_ROW_ORI_INDEX, RecordType } from "./tableUtils";
 import { NameGenerator } from "comps/utils";
 import { JSONValue } from "util/jsonTypes";
 
 const ContextSlotControl = withSelectedMultiContext(SlotControl);
+export const ExpandViewContext = createContext(false);
 
 const ContainerView = (props: ContainerBaseProps) => {
   return <InnerGrid {...props} emptyRows={15} autoHeight />;
@@ -85,7 +86,11 @@ export class ExpansionControl extends ExpansionControlTmp {
             String(record[OB_ROW_ORI_INDEX])
           );
           const containerProps = slotControl.children.container.getView();
-          return <ExpandView key={record[OB_ROW_ORI_INDEX]} containerProps={containerProps} />;
+          return (
+            <ExpandViewContext.Provider value={true}>
+              <ExpandView key={record[OB_ROW_ORI_INDEX]} containerProps={containerProps} />
+            </ExpandViewContext.Provider>
+          );
         },
       },
       expandModalView: selectedContainer.getView(),