added expression to dis drag

Author: ahwelgemoed

apps/web-widgets/drag-and-drop-widget/package.json

@@ -1,7 +1,7 @@
 {
     "name": "draganddropwidget",
     "widgetName": "Draganddropwidget",
-    "version": "3.0.3",
+    "version": "3.0.4",
     "description": "My widget description",
     "copyright": "2022 Mendix Technology BV",
     "author": "ahwelgemoed",

apps/web-widgets/drag-and-drop-widget/src/Draganddropwidget.tsx

@@ -174,6 +174,7 @@ const DndWidget: FunctionComponent<DraganddropwidgetContainerProps> = props => {
                                             onDrop={onDrop}
                                             allData={allData}
                                             isOverIndex={isOverIndex}
+                                            canDrag={props.disableDrag.value as boolean}
                                             isDragging={isDragging}
                                             isColumn={props.isColumn}
                                             setIsDragging={setIsDragging}

apps/web-widgets/drag-and-drop-widget/src/Draganddropwidget.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
   <widget id="mendix.draganddropwidget.Draganddropwidget" pluginWidget="true" offlineCapable="true" xmlns="http://www.mendix.com/widget/1.0/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../../node_modules/mendix/custom_widget.xsd">
     <name>Draganddropwidget</name>
-    <description>My widget description</description>
+    <description>DND Widget</description>
     <icon>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
 </icon>
     <properties>
@@ -88,6 +88,12 @@
                 </attributeTypes>
             </property>
 
+            <property key="disableDrag" type="expression" defaultValue="false">
+                <caption>Disable Drag</caption>
+                <description></description>
+                <returnType type="Boolean" />
+            </property>
+
             <property key="acceptedUuid" type="object" isList="true" required="false">
                     <caption>Unique Container Name Accepts</caption>
                     <description>Unique Container Name Accepts Drags/Drops From</description>

apps/web-widgets/drag-and-drop-widget/src/components/DroppableItem.tsx

@@ -76,6 +76,7 @@ const DroppableItem: FunctionComponent<Type_Card_Props> = props => {
             type: props.droppedOnUUID,
             item: { ...props, ref }
         },
+        canDrag: !props.canDrag,
         begin: () => {
             props.setIsDragging(true);
         },

apps/web-widgets/drag-and-drop-widget/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Draganddropwidget" version="3.0.3" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Draganddropwidget" version="3.0.4" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Draganddropwidget.xml"/>
         </widgetFiles>

apps/web-widgets/drag-and-drop-widget/src/userTypes/index.ts

@@ -8,6 +8,7 @@ export type Type_Card_Props = {
     isColumn: boolean;
     children: ReactNode;
     isDragging: boolean;
+    canDrag: boolean;
     droppedOnUUID: string;
     acceptedUUids: string[];
     uuidStringParent: string;

apps/web-widgets/drag-and-drop-widget/typings/DraganddropwidgetProps.d.ts

@@ -34,6 +34,7 @@ export interface DraganddropwidgetContainerProps {
     sort: SortEnum;
     isColumn: boolean;
     uuidStringParent?: EditableValue<string>;
+    disableDrag: DynamicValue<boolean>;
     acceptedUuid: AcceptedUuidType[];
     uuidStringParentExpression?: DynamicValue<string>;
     uuidStringCurrent: ListAttributeValue<string>;
@@ -58,6 +59,7 @@ export interface DraganddropwidgetPreviewProps {
     sort: SortEnum;
     isColumn: boolean;
     uuidStringParent: string;
+    disableDrag: string;
     acceptedUuid: AcceptedUuidPreviewType[];
     uuidStringParentExpression: string;
     uuidStringCurrent: string;