windmill-components 1.82.4 → 1.82.6

package/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte

@@ -1,47 +0,0 @@
-<script>import { fly } from 'svelte/transition';
-import { faChevronLeft } from '@fortawesome/free-solid-svg-icons';
-import { Badge, Button } from '../../../../common';
-import { secondaryMenu, SECONDARY_MENU_ID } from './';
-import { getContext } from 'svelte';
-const { selectedComponent } = getContext('AppViewerContext');
-let width;
-let lastSelected = $selectedComponent;
-$: if (lastSelected !== $selectedComponent) {
-    secondaryMenu.close();
-    lastSelected = $selectedComponent;
-}
-</script>
-
-<div
-	bind:clientWidth={width}
-	class="absolute z-50 inset-0 overflow-hidden"
-	class:pointer-events-none={!$secondaryMenu.isOpen}
->
-	{#if $secondaryMenu.isOpen && $secondaryMenu.component}
-		<div
-			transition:fly|local={{ duration: 300, x: width, y: 0, opacity: 1 }}
-			id={SECONDARY_MENU_ID}
-			class="flex flex-col w-full h-full bg-white"
-		>
-			<div class="flex justify-between items-center bg-white gap-1 p-3">
-				<Button
-					color="light"
-					size="xs"
-					variant="border"
-					startIcon={{ icon: faChevronLeft }}
-					on:click={secondaryMenu.close}
-				>
-					Back
-				</Button>
-				<Badge color="blue">{$selectedComponent}</Badge>
-			</div>
-			<div class="relative h-full overflow-y-auto px-3 pb-3">
-				{#if typeof $secondaryMenu.component === 'string'}
-					{@html $secondaryMenu.component}
-				{:else}
-					<svelte:component this={$secondaryMenu.component} {...$secondaryMenu.props} />
-				{/if}
-			</div>
-		</div>
-	{/if}
-</div>

package/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SecondaryMenuProps = typeof __propDef.props;
-export type SecondaryMenuEvents = typeof __propDef.events;
-export type SecondaryMenuSlots = typeof __propDef.slots;
-export default class SecondaryMenu extends SvelteComponentTyped<SecondaryMenuProps, SecondaryMenuEvents, SecondaryMenuSlots> {
-}
-export {};

package/components/apps/editor/settingsPanel/secondaryMenu/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SecondaryMenu } from './SecondaryMenu.svelte';
-export * from './menuStore';

package/components/apps/editor/settingsPanel/secondaryMenu/index.js

@@ -1,2 +0,0 @@
-export { default as SecondaryMenu } from './SecondaryMenu.svelte';
-export * from './menuStore';

package/components/apps/editor/settingsPanel/secondaryMenu/menuStore.d.ts

@@ -1,12 +0,0 @@
-import type { SvelteComponent } from 'svelte';
-export declare const SECONDARY_MENU_ID: "app-secondary-menu";
-export interface SecondaryMenuStore {
-    isOpen: boolean;
-    component?: typeof SvelteComponent | string;
-    props: Record<string, any>;
-}
-export declare const secondaryMenu: {
-    readonly subscribe: (this: void, run: import("svelte/store").Subscriber<SecondaryMenuStore>, invalidate?: ((value?: SecondaryMenuStore | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
-    readonly open: (component: SecondaryMenuStore['component'], props?: SecondaryMenuStore['props']) => void;
-    readonly close: () => void;
-};

package/components/apps/editor/settingsPanel/secondaryMenu/menuStore.js

@@ -1,10 +0,0 @@
-import { writable } from 'svelte/store';
-export const SECONDARY_MENU_ID = 'app-secondary-menu';
-const store = writable({ isOpen: false, component: undefined, props: {} });
-export const secondaryMenu = {
-    subscribe: store.subscribe,
-    open: (component, props = {}) => {
-        store.set({ isOpen: true, component, props });
-    },
-    close: () => store.set({ isOpen: false, component: undefined, props: {} })
-};

package/components/common/clearableInput/ClearableInput.svelte

@@ -1,56 +0,0 @@
-<script>import { createEventDispatcher } from 'svelte';
-import { fade } from 'svelte/transition';
-import { X } from 'lucide-svelte';
-export let value = '';
-export let placeholder = '';
-export let type = 'text';
-export let inputClass = '';
-export let wrapperClass = '';
-export let buttonClass = '';
-const dispatch = createEventDispatcher();
-$: isNumeric = ['number', 'range'].includes(type);
-$: dispatch('change', value);
-function handleInput(e) {
-    value = isNumeric ? +e.target.value : e.target.value;
-}
-function clear() {
-    value = '';
-}
-</script>
-
-<div class="relative grow {wrapperClass}">
-	{#if type === 'textarea'}
-		<textarea
-			{value}
-			{placeholder}
-			rows="1"
-			class="resize-y duration-200 {inputClass}"
-			{...$$restProps}
-			on:input={handleInput}
-			on:focus
-			on:blur
-		/>
-	{:else}
-		<input
-			{type}
-			{value}
-			{placeholder}
-			class="duration-200 {(type === 'number' && value ? '!pr-[26px] ' : '') + inputClass}"
-			{...$$restProps}
-			on:input={handleInput}
-			on:focus
-			on:blur
-		/>
-	{/if}
-	{#if value}
-		<button
-			transition:fade|local={{ duration: 100 }}
-			class="absolute z-10 top-1.5 right-1 rounded-full p-1 bg-white/60 duration-200 hover:bg-gray-200 {buttonClass}"
-			aria-label="Clear"
-			on:click|preventDefault|stopPropagation={clear}
-		>
-			<X size={14} />
-		</button>
-	{/if}
-	<slot />
-</div>

package/components/common/clearableInput/ClearableInput.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: any;
-        placeholder?: string | undefined;
-        type?: "number" | "text" | "textarea" | undefined;
-        inputClass?: string | undefined;
-        wrapperClass?: string | undefined;
-        buttonClass?: string | undefined;
-    };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ClearableInputProps = typeof __propDef.props;
-export type ClearableInputEvents = typeof __propDef.events;
-export type ClearableInputSlots = typeof __propDef.slots;
-export default class ClearableInput extends SvelteComponentTyped<ClearableInputProps, ClearableInputEvents, ClearableInputSlots> {
-}
-export {};

package/components/common/modal/AlwaysMountedModal.svelte

@@ -1,109 +0,0 @@
-<script context="module">let onTop;
-const modals = {};
-export function getModal(id = '') {
-    return modals[id];
-}
-</script>
-
-<script>import { onDestroy } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-import { Badge } from '..';
-import Button from '../button/Button.svelte';
-let topDiv;
-let visible = false;
-let prevOnTop;
-export let title;
-export let style = '';
-export let id = '';
-function onKeyDown(event) {
-    if (onTop == topDiv) {
-        switch (event.key) {
-            case 'Enter':
-                event.stopPropagation();
-                event.preventDefault();
-                break;
-            case 'Escape':
-                event.stopPropagation();
-                event.preventDefault();
-                close();
-                break;
-        }
-    }
-}
-function open() {
-    if (visible) {
-        return;
-    }
-    prevOnTop = onTop;
-    onTop = topDiv;
-    window.addEventListener('keydown', onKeyDown);
-    document.body.style.overflow = 'hidden';
-    visible = true;
-    document.body.appendChild(topDiv);
-}
-function close() {
-    if (!visible) {
-        return;
-    }
-    window.removeEventListener('keydown', onKeyDown);
-    onTop = prevOnTop;
-    if (onTop == null) {
-        document.body.style.overflow = '';
-    }
-    visible = false;
-}
-modals[id] = { open, close };
-onDestroy(() => {
-    delete modals[id];
-    window.removeEventListener('keydown', onKeyDown);
-});
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<div id="topModal" class:visible bind:this={topDiv} on:click={() => close()}>
-	<!-- svelte-ignore a11y-click-events-have-key-events -->
-	<div class="relative bg-white p-4 rounded-md" on:click|stopPropagation={() => {}}>
-		<div class={twMerge('max-w-screen-lg max-h-screen-80 overflow-auto', $$props.class)} {style}>
-			<div class="flex">
-				<div class="ml-4 text-left flex-1">
-					<h3 class="text-lg font-medium text-gray-900">
-						{title}
-					</h3>
-					<div class="mt-2 text-sm text-gray-500">
-						<slot />
-					</div>
-				</div>
-			</div>
-			<div class="flex items-center space-x-2 flex-row-reverse space-x-reverse mt-4">
-				<Button
-					on:click={() => {
-						close()
-					}}
-					color="light"
-					size="sm"
-				>
-					<span class="gap-2">Cancel <Badge color="dark-gray">Escape</Badge></span>
-				</Button>
-			</div>
-		</div>
-	</div>
-</div>
-
-<style>
-	#topModal {
-		visibility: hidden;
-		z-index: 9999;
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background: #4448;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.visible {
-		visibility: visible !important;
-	}</style>

package/components/common/modal/AlwaysMountedModal.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export declare function getModal(id?: string): any;
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        title: string;
-        style?: string | undefined;
-        id?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AlwaysMountedModalProps = typeof __propDef.props;
-export type AlwaysMountedModalEvents = typeof __propDef.events;
-export type AlwaysMountedModalSlots = typeof __propDef.slots;
-export default class AlwaysMountedModal extends SvelteComponentTyped<AlwaysMountedModalProps, AlwaysMountedModalEvents, AlwaysMountedModalSlots> {
-}
-export {};