Partial cherry-pick of #4521: Shared lib fixes for custom code

Commit `78c64aa7474bd917b6f5629e185d3e6107468175`
Azure · Apr 2, 2024 · 8f7b70e · 8f7b70e
1 parent aebe1f7
commit 8f7b70e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/libs/designer-ui/src/lib/panel/panelResizer.tsx b/libs/designer-ui/src/lib/panel/panelResizer.tsx
@@ -37,7 +37,9 @@ export const PanelResizer = (props: PanelResizerProps): JSX.Element => {
   const animationFrame = useRef<number>(0);
 
   const resize = useCallback(
-    ({ clientX }: MouseEvent) => {
+    (e: MouseEvent) => {
+      e.preventDefault();
+      const { clientX } = e;
       animationFrame.current = requestAnimationFrame(() => {
         if (isResizing) {
           const newWidth = Math.max(window.innerWidth - clientX, 400);

diff --git a/libs/designer/src/lib/core/index.ts b/libs/designer/src/lib/core/index.ts
@@ -69,4 +69,3 @@ export {
   getBrandColorFromManifest,
   getIconUriFromManifest,
 } from './utils/card';
-export { resetCustomCode } from './state/customcode/customcodeSlice';
diff --git a/libs/designer/src/lib/core/state/global.ts b/libs/designer/src/lib/core/state/global.ts
@@ -1,3 +1,4 @@
+import { resetCustomCode } from './customcode/customcodeSlice';
 import { useIsWorkflowDirty } from './workflow/workflowSelectors';
 import { setIsWorkflowDirty } from './workflow/workflowSlice';
 import { setIsWorkflowParametersDirty } from './workflowparameters/workflowparametersSlice';
@@ -17,4 +18,5 @@ export const resetDesignerDirtyState = createAsyncThunk('resetDesignerDirtyState
   const dispatch = thunkAPI.dispatch;
   dispatch(setIsWorkflowDirty(false));
   dispatch(setIsWorkflowParametersDirty(false));
+  dispatch(resetCustomCode());
 });
diff --git a/libs/designer/src/lib/ui/panel/panelRoot.tsx b/libs/designer/src/lib/ui/panel/panelRoot.tsx
@@ -84,7 +84,7 @@ export const PanelRoot = (props: PanelRootProps): JSX.Element => {
       className={`msla-panel-root-${currentPanelMode}`}
       isLightDismiss
       isBlocking={!isLoadingPanel && !nonBlockingPanels.includes(currentPanelMode ?? '')}
-      type={panelLocation === PanelLocation.Right ? PanelType.custom : PanelType.customNear}
+      type={commonPanelProps.panelLocation === PanelLocation.Right ? PanelType.custom : PanelType.customNear}
       isOpen={!collapsed}
       onDismiss={dismissPanel}
       hasCloseButton={false}