windmill-components 1.501.17 → 1.501.19

package/package/components/apps/editor/AppEditor.svelte

@@ -34,7 +34,7 @@ import StylePanel from './settingsPanel/StylePanel.svelte';
 import HideButton from './settingsPanel/HideButton.svelte';
 import AppEditorBottomPanel from './AppEditorBottomPanel.svelte';
 import panzoom from 'panzoom';
-let { app, path, policy, summary, fromHub = false, diffDrawer = undefined, savedApp = $bindable(undefined), version = undefined, newApp = false, newPath = undefined, replaceStateFn = (path) => window.history.replaceState(null, '', path), gotoFn = (path, opt) => window.history.pushState(null, '', path), unsavedConfirmationModal } = $props();
+let { app, path, policy, summary, fromHub = false, diffDrawer = undefined, savedApp = $bindable(undefined), version = undefined, newApp = false, newPath = undefined, replaceStateFn = (path) => window.history.replaceState(null, '', path), gotoFn = (path, opt) => window.history.pushState(null, '', path), unsavedConfirmationModal, onSavedNewAppPath } = $props();
 migrateApp(app);
 const stateApp = $state(app);
 const appStore = writable(stateApp);
@@ -694,13 +694,13 @@ const unsavedConfirmationModal_render = $derived(unsavedConfirmationModal);
 			leftPanelHidden={leftPanelSize === 0}
 			rightPanelHidden={rightPanelSize === 0}
 			bottomPanelHidden={runnablePanelSize === 0}
-			on:savedNewAppPath
-			on:showLeftPanel={() => showLeftPanel()}
-			on:showRightPanel={() => showRightPanel()}
-			on:hideLeftPanel={() => hideLeftPanel()}
-			on:hideRightPanel={() => hideRightPanel()}
-			on:hideBottomPanel={() => hideBottomPanel()}
-			on:showBottomPanel={() => showBottomPanel()}
+			{onSavedNewAppPath}
+			onShowLeftPanel={() => showLeftPanel()}
+			onShowRightPanel={() => showRightPanel()}
+			onShowBottomPanel={() => showBottomPanel()}
+			onHideLeftPanel={() => hideLeftPanel()}
+			onHideRightPanel={() => hideRightPanel()}
+			onHideBottomPanel={() => hideBottomPanel()}
 		>
 			{#snippet unsavedConfirmationModal({
 				diffDrawer,

package/package/components/apps/editor/AppEditor.svelte.d.ts

@@ -14,7 +14,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AppEditor: $$__sveltets_2_IsomorphicComponent<AppEditorProps, {
     restore: CustomEvent<any>;
-    savedNewAppPath: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {

package/package/components/apps/editor/AppEditorHeader.svelte

@@ -8,7 +8,7 @@ import { AppService, DraftService } from '../../../gen';
 import { redo, undo } from '../../../history';
 import { enterpriseLicense, userStore, workspaceStore } from '../../../stores';
 import { AlignHorizontalSpaceAround, BellOff, Bug, DiffIcon, Expand, FileJson, FileUp, FormInput, History, Laptop2, Loader2, Save, Smartphone, FileClock, Sun, Moon, SunMoon, Zap, Globe, AlertTriangle } from 'lucide-svelte';
-import { createEventDispatcher, getContext, untrack } from 'svelte';
+import { getContext, untrack } from 'svelte';
 import { cleanValueProperties, orderedJsonStringify, replaceFalseWithUndefined } from '../../../utils';
 import { BG_PREFIX, allItems, toStatic } from '../utils';
 import AppExportButton from './AppExportButton.svelte';
@@ -60,7 +60,7 @@ async function hash(message) {
         return hex;
     }
 }
-let { policy = $bindable(), fromHub = false, diffDrawer = undefined, savedApp = $bindable(undefined), version = $bindable(undefined), leftPanelHidden = false, rightPanelHidden = false, bottomPanelHidden = false, newApp, newPath = '', unsavedConfirmationModal } = $props();
+let { policy = $bindable(), fromHub = false, diffDrawer = undefined, savedApp = $bindable(undefined), version = $bindable(undefined), leftPanelHidden = false, rightPanelHidden = false, bottomPanelHidden = false, newApp, newPath = '', unsavedConfirmationModal, onSavedNewAppPath, onShowLeftPanel, onShowRightPanel, onShowBottomPanel, onHideLeftPanel, onHideRightPanel, onHideBottomPanel } = $props();
 let newEditedPath = $state('');
 let deployedValue = $state(undefined); // Value to diff against
 let deployedBy = $state(undefined); // Author
@@ -263,7 +263,7 @@ async function createApp(path) {
         catch (e) {
             console.error('error interacting with local storage', e);
         }
-        dispatch('savedNewAppPath', path);
+        onSavedNewAppPath?.(path);
     }
     catch (e) {
         sendUserToast('Error creating app', e);
@@ -358,7 +358,7 @@ async function updateApp(npath) {
         catch (e) {
             console.error('error interacting with local storage', e);
         }
-        dispatch('savedNewAppPath', npath);
+        onSavedNewAppPath?.(npath);
     }
 }
 let secretUrl = $state(undefined);
@@ -432,7 +432,7 @@ async function saveInitialDraft() {
             custom_path: customPath
         };
         draftDrawerOpen = false;
-        dispatch('savedNewAppPath', newEditedPath);
+        onSavedNewAppPath?.(newEditedPath);
     }
     catch (e) {
         sendUserToast('Error saving initial draft', e);
@@ -528,7 +528,7 @@ async function saveDraft(forceSave = false) {
         }
         loading.saveDraft = false;
         if (newApp || savedApp.draft_only) {
-            dispatch('savedNewAppPath', newEditedPath || path);
+            onSavedNewAppPath?.(newEditedPath || path);
         }
     }
     catch (e) {
@@ -716,7 +716,6 @@ let appReportingDrawerOpen = $state(false);
 export function openTroubleshootPanel() {
     debugAppDrawerOpen = true;
 }
-const dispatch = createEventDispatcher();
 function setTheme(newDarkMode) {
     let globalDarkMode = window.localStorage.getItem('dark-mode')
         ? window.localStorage.getItem('dark-mode') === 'dark'
@@ -1264,9 +1263,9 @@ $effect(() => {
 				hidden={leftPanelHidden}
 				on:click={() => {
 					if (leftPanelHidden) {
-						dispatch('showLeftPanel')
+						onShowLeftPanel?.()
 					} else {
-						dispatch('hideLeftPanel')
+						onHideLeftPanel?.()
 					}
 				}}
 			/>
@@ -1275,9 +1274,9 @@ $effect(() => {
 				direction="bottom"
 				on:click={() => {
 					if (bottomPanelHidden) {
-						dispatch('showBottomPanel')
+						onShowBottomPanel?.()
 					} else {
-						dispatch('hideBottomPanel')
+						onHideBottomPanel?.()
 					}
 				}}
 			/>
@@ -1286,9 +1285,9 @@ $effect(() => {
 				direction="right"
 				on:click={() => {
 					if (rightPanelHidden) {
-						dispatch('showRightPanel')
+						onShowRightPanel?.()
 					} else {
-						dispatch('hideRightPanel')
+						onHideRightPanel?.()
 					}
 				}}
 			/>

package/package/components/apps/editor/AppEditorHeader.svelte.d.ts

@@ -21,6 +21,13 @@ interface Props {
     newApp: boolean;
     newPath?: string;
     unsavedConfirmationModal?: import('svelte').Snippet<[any]>;
+    onSavedNewAppPath?: (path: string) => void;
+    onShowRightPanel?: () => void;
+    onShowLeftPanel?: () => void;
+    onShowBottomPanel?: () => void;
+    onHideRightPanel?: () => void;
+    onHideLeftPanel?: () => void;
+    onHideBottomPanel?: () => void;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -37,12 +44,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AppEditorHeader: $$__sveltets_2_IsomorphicComponent<Props, {
     restore: CustomEvent<any>;
-    showLeftPanel: CustomEvent<any>;
-    hideLeftPanel: CustomEvent<any>;
-    showBottomPanel: CustomEvent<any>;
-    hideBottomPanel: CustomEvent<any>;
-    showRightPanel: CustomEvent<any>;
-    hideRightPanel: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {

package/package/components/apps/types.d.ts

@@ -117,6 +117,7 @@ export interface AppEditorProps {
     replaceStateFn?: (path: string) => void;
     gotoFn?: (path: string, opt?: Record<string, any> | undefined) => void;
     unsavedConfirmationModal?: import('svelte').Snippet<[any]>;
+    onSavedNewAppPath?: (path: string) => void;
 }
 export type App = {
     grid: GridItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "windmill-components",
-	"version": "1.501.17",
+	"version": "1.501.19",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -268,9 +268,9 @@
 			"default": "./package/components/FlowWrapper.svelte"
 		},
 		"./components/AppWrapper.svelte": {
-			"types": "./package/components/apps/editor/AppWrapper.svelte.d.ts",
-			"svelte": "./package/components/apps/editor/AppWrapper.svelte",
-			"default": "./package/components/apps/editor/AppWrapper.svelte"
+			"types": "./package/components/AppWrapper.svelte.d.ts",
+			"svelte": "./package/components/AppWrapper.svelte",
+			"default": "./package/components/AppWrapper.svelte"
 		},
 		"./components/ScriptWrapper.svelte": {
 			"types": "./package/components/ScriptWrapper.svelte.d.ts",