windmill-components 1.448.50 → 1.472.2

package/package/components/LightweightArgInput.svelte.d.ts

@@ -1,70 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { EnumType, SchemaProperty } from '../common';
-import type { ComponentCustomCSS } from './apps/types';
-declare const __propDef: {
-    props: {
-        css?: ComponentCustomCSS<'schemaformcomponent'> | undefined;
-        label?: string | undefined;
-        value: any;
-        defaultValue?: any;
-        description?: string | undefined;
-        format?: string | undefined;
-        contentEncoding?: 'base64' | 'binary' | undefined;
-        type?: string | undefined;
-        oneOf?: SchemaProperty[] | undefined;
-        required?: boolean | undefined;
-        disabled?: boolean | undefined;
-        pattern?: undefined | string;
-        valid?: boolean | undefined;
-        enum_?: EnumType;
-        itemsType?: {
-            type?: "string" | "number" | "object" | "bytes" | "resource" | undefined;
-            contentEncoding?: "base64" | undefined;
-            enum?: string[] | undefined;
-            multiselect?: string[] | undefined;
-            resourceType?: string | undefined;
-            properties?: {
-                [name: string]: SchemaProperty;
-            } | undefined;
-        } | undefined;
-        displayHeader?: boolean | undefined;
-        properties?: {
-            [name: string]: SchemaProperty;
-        } | undefined;
-        nestedRequired?: string[] | undefined;
-        extra?: Record<string, any> | undefined;
-        displayType?: boolean | undefined;
-        customErrorMessage?: string | undefined;
-        render?: boolean | undefined;
-        title?: string | undefined;
-        placeholder?: string | undefined;
-        appPath?: string | undefined;
-        computeS3ForceViewerPolicies?: (() => {
-            allowed_resources: string[];
-            allow_user_resources: boolean;
-            allow_workspace_resource: boolean;
-            file_key_regex: string;
-        } | undefined) | undefined;
-        workspace?: string | undefined;
-        error?: string | undefined;
-        evalValueToRaw?: (() => void) | undefined;
-        focus?: (() => void) | undefined;
-    };
-    events: {
-        focus: CustomEvent<any>;
-        inputClicked: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        actions: {};
-    };
-};
-export type LightweightArgInputProps = typeof __propDef.props;
-export type LightweightArgInputEvents = typeof __propDef.events;
-export type LightweightArgInputSlots = typeof __propDef.slots;
-export default class LightweightArgInput extends SvelteComponent<LightweightArgInputProps, LightweightArgInputEvents, LightweightArgInputSlots> {
-    get evalValueToRaw(): () => void;
-    get focus(): () => void;
-}
-export {};

package/package/components/LightweightObjectResourceInput.svelte

@@ -1,40 +0,0 @@
-<script>import LightweightResourcePicker from './LightweightResourcePicker.svelte';
-export let format;
-export let value;
-export let disablePortal = false;
-export let disabled = false;
-function isString(value) {
-    return typeof value === 'string' || value instanceof String;
-}
-let path = '';
-function resourceToValue() {
-    if (path) {
-        value = `$res:${path}`;
-    }
-    else {
-        value = undefined;
-    }
-}
-function isResource() {
-    return isString(value) && value.length >= '$res:'.length;
-}
-function valueToPath() {
-    if (isResource()) {
-        path = value.substr('$res:'.length);
-    }
-}
-$: value && valueToPath();
-</script>
-
-<div class="flex flex-row w-full flex-wrap gap-x-2 gap-y-0.5">
-	<LightweightResourcePicker
-		{disabled}
-		{disablePortal}
-		on:change={(e) => {
-			path = e.detail
-			resourceToValue()
-		}}
-		bind:value={path}
-		resourceType={format.split('-').length > 1 ? format.substring('resource-'.length) : undefined}
-	/>
-</div>

package/package/components/LightweightObjectResourceInput.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        format: string;
-        value: any;
-        disablePortal?: boolean | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LightweightObjectResourceInputProps = typeof __propDef.props;
-export type LightweightObjectResourceInputEvents = typeof __propDef.events;
-export type LightweightObjectResourceInputSlots = typeof __propDef.slots;
-export default class LightweightObjectResourceInput extends SvelteComponent<LightweightObjectResourceInputProps, LightweightObjectResourceInputEvents, LightweightObjectResourceInputSlots> {
-}
-export {};

package/package/components/LightweightSchemaForm.svelte

@@ -1,100 +0,0 @@
-<script>import { twMerge } from 'tailwind-merge';
-import LightweightArgInput from './LightweightArgInput.svelte';
-import { allTrue, computeShow } from '../utils';
-import { deepEqual } from 'fast-equals';
-export let css = undefined;
-export let schema;
-export let args = undefined;
-export let displayType = true;
-export let largeGap = false;
-export let isValid = true;
-export let defaultValues = {};
-export let dynamicEnums = {};
-export let disabled = false;
-export let appPath = undefined;
-export let computeS3ForceViewerPolicies = undefined;
-export let workspace = undefined;
-let inputCheck = {};
-let errors = {};
-$: isValid = allTrue(inputCheck) ?? false;
-$: if (args === undefined) {
-    args = {};
-}
-export function invalidate(key, error) {
-    inputCheck[key] = false;
-    errors[key] = error;
-}
-export function validate(key) {
-    inputCheck[key] = true;
-    errors[key] = '';
-}
-export function validateAll() {
-    inputCheck = Object.fromEntries(Object.entries(inputCheck).map((x) => [x[0], true]));
-    errors = Object.fromEntries(Object.entries(errors).map((x) => [x[0], '']));
-}
-let keys = Array.isArray(schema?.order)
-    ? schema?.order
-    : Object.keys(schema?.properties ?? {});
-$: schema && reorder();
-function reorder() {
-    let lkeys = Object.keys(schema?.properties ?? {});
-    if (!deepEqual(schema?.order, lkeys) || !deepEqual(keys, lkeys)) {
-        console.debug('reorder');
-        if (schema?.order && Array.isArray(schema.order)) {
-            const n = {};
-            schema.order.forEach((x) => {
-                if (schema.properties && schema.properties[x] != undefined) {
-                    n[x] = schema.properties[x];
-                }
-            });
-            Object.keys(schema.properties ?? {})
-                .filter((x) => !schema.order?.includes(x))
-                .forEach((x) => {
-                n[x] = schema.properties[x];
-            });
-            schema.properties = n;
-        }
-        keys = Object.keys(schema.properties ?? {});
-    }
-}
-</script>
-
-<div
-	class={twMerge('w-full flex flex-col px-0.5 pb-2', largeGap ? 'gap-8' : 'gap-2')}
-	on:pointerdown
->
-	{#each keys as argName (argName)}
-		{#if typeof args == 'object' && schema?.properties[argName] && args}
-			<LightweightArgInput
-				render={computeShow(argName, schema?.properties[argName].showExpr, args)}
-				label={argName}
-				description={schema.properties[argName].description}
-				bind:value={args[argName]}
-				bind:valid={inputCheck[argName]}
-				bind:error={errors[argName]}
-				type={schema.properties[argName].type}
-				oneOf={schema.properties[argName].oneOf}
-				required={schema.required?.includes(argName) ?? false}
-				pattern={schema.properties[argName].pattern}
-				defaultValue={defaultValues?.[argName] ?? schema.properties[argName].default}
-				enum_={dynamicEnums?.[argName] ?? schema.properties[argName].enum}
-				format={schema.properties[argName].format}
-				contentEncoding={schema.properties[argName].contentEncoding}
-				customErrorMessage={schema.properties[argName].customErrorMessage}
-				properties={schema.properties[argName].properties}
-				nestedRequired={schema.properties[argName].required}
-				itemsType={schema.properties[argName].items}
-				extra={schema.properties[argName]}
-				title={schema.properties[argName].title}
-				placeholder={schema.properties[argName].placeholder}
-				on:inputClicked
-				{displayType}
-				{css}
-				disabled={disabled || schema.properties[argName].disabled}
-				{appPath}
-				{computeS3ForceViewerPolicies}
-				{workspace}
-			/>
-		{/if}
-	{/each}
-</div>

package/package/components/LightweightSchemaForm.svelte.d.ts

@@ -1,43 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Schema } from '../common';
-import type { ComponentCustomCSS } from './apps/types';
-declare const __propDef: {
-    props: {
-        css?: ComponentCustomCSS<'schemaformcomponent'> | undefined;
-        schema: Schema | Record<string, any>;
-        args?: Record<string, any> | undefined;
-        displayType?: boolean | undefined;
-        largeGap?: boolean | undefined;
-        isValid?: boolean | undefined;
-        defaultValues?: Record<string, any> | undefined;
-        dynamicEnums?: Record<string, any> | undefined;
-        disabled?: boolean | undefined;
-        appPath?: string | undefined;
-        computeS3ForceViewerPolicies?: (() => {
-            allowed_resources: string[];
-            allow_user_resources: boolean;
-            allow_workspace_resource: boolean;
-            file_key_regex: string;
-        } | undefined) | undefined;
-        workspace?: string | undefined;
-        invalidate?: ((key: string, error: string) => void) | undefined;
-        validate?: ((key: string) => void) | undefined;
-        validateAll?: (() => void) | undefined;
-    };
-    events: {
-        pointerdown: PointerEvent;
-        inputClicked: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LightweightSchemaFormProps = typeof __propDef.props;
-export type LightweightSchemaFormEvents = typeof __propDef.events;
-export type LightweightSchemaFormSlots = typeof __propDef.slots;
-export default class LightweightSchemaForm extends SvelteComponent<LightweightSchemaFormProps, LightweightSchemaFormEvents, LightweightSchemaFormSlots> {
-    get invalidate(): (key: string, error: string) => void;
-    get validate(): (key: string) => void;
-    get validateAll(): () => void;
-}
-export {};

package/package/components/common/button/ButtonDropdown.svelte

@@ -1,61 +0,0 @@
-<script>import { Menu, Transition, MenuButton, MenuItems } from '@rgossiaux/svelte-headlessui';
-import { ChevronDown } from 'lucide-svelte';
-import { twMerge } from 'tailwind-merge';
-import { createPopperActions } from 'svelte-popperjs';
-import Portal from '../../Portal.svelte';
-export let hasPadding = true;
-export let target = 'body';
-export let disabled = false;
-const [popperRef, popperContent] = createPopperActions({ placement: 'auto' });
-const popperOptions = {
-    placement: 'bottom-end',
-    strategy: 'fixed',
-    modifiers: [
-        { name: 'offset', options: { offset: [8, 8] } },
-        {
-            name: 'arrow',
-            options: {
-                padding: 10
-            }
-        }
-    ]
-};
-</script>
-
-<Menu let:open as="div" class="relative hover:z-50 flex w-full h-full">
-	<span use:popperRef>
-		<MenuButton
-			class={twMerge('h-full w-full flex flex-row gap-2 items-center', hasPadding ? 'px-2' : '')}
-			{disabled}
-		>
-			{#if $$slots.buttonReplacement}
-				<slot name="buttonReplacement" />
-			{:else}
-				<slot name="label" />
-				<ChevronDown class="w-5 h-5" />
-			{/if}
-		</MenuButton>
-	</span>
-
-	<Portal name="button-dropdown" {target}>
-		<div use:popperContent={popperOptions} class="z-[6000]">
-			<Transition
-				show={open}
-				enter="transition ease-out duration-[25ms]"
-				enterFrom="transform opacity-0 scale-95"
-				enterTo="transform opacity-100 scale-100"
-				leave="transition ease-in duration-[25ms]"
-				leaveFrom="transform opacity-100 scale-100"
-				leaveTo="transform opacity-0 scale-95"
-			>
-				<MenuItems
-					class="absolute border right-0 z-50 w-56 origin-top-right top-1 rounded-md bg-surface shadow-md focus:outline-none"
-				>
-					<div class="my-1">
-						<slot name="items" />
-					</div>
-				</MenuItems>
-			</Transition>
-		</div>
-	</Portal>
-</Menu>

package/package/components/common/button/ButtonDropdown.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        hasPadding?: boolean | undefined;
-        target?: string | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        buttonReplacement: {};
-        label: {};
-        items: {};
-    };
-};
-export type ButtonDropdownProps = typeof __propDef.props;
-export type ButtonDropdownEvents = typeof __propDef.events;
-export type ButtonDropdownSlots = typeof __propDef.slots;
-export default class ButtonDropdown extends SvelteComponent<ButtonDropdownProps, ButtonDropdownEvents, ButtonDropdownSlots> {
-}
-export {};

package/package/components/common/menu/MenuV2.svelte

@@ -1,51 +0,0 @@
-<script>import { Menu, MenuButton, MenuItems, Transition } from '@rgossiaux/svelte-headlessui';
-import Portal from '../../Portal.svelte';
-import { offset, flip, shift } from 'svelte-floating-ui/dom';
-import { createFloatingActions } from 'svelte-floating-ui';
-import { twMerge } from 'tailwind-merge';
-import ResolveOpen from './ResolveOpen.svelte';
-export let placement = 'bottom-start';
-export let justifyEnd = false;
-export let lightMode = false;
-export let maxHeight = 900;
-export let disabled = false;
-const [floatingRef, floatingContent] = createFloatingActions({
-    strategy: 'fixed',
-    middleware: [offset(), flip(), shift()],
-    placement: placement
-});
-</script>
-
-<Menu let:open as="div" class="relative hover:z-50 flex w-full h-8">
-	<ResolveOpen {open} on:open on:close />
-	<div use:floatingRef class="w-full">
-		<MenuButton class={twMerge('w-full', justifyEnd ? 'flex justify-end' : '')} disabled={disabled}>
-			<slot name="trigger" />
-		</MenuButton>
-	</div>
-	<Portal name="menu-v2">
-		<div use:floatingContent class="z-[6000]">
-			<Transition
-				{open}
-				enter="transition ease-out duration-[25ms]"
-				enterFrom="transform opacity-0 scale-95"
-				enterTo="transform opacity-100 scale-100"
-				leave="transition ease-in duration-[25ms]"
-				leaveFrom="transform opacity-100 scale-100"
-				leaveTo="transform opacity-0 scale-95"
-			>
-				<MenuItems
-					class={twMerge(
-						'border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto',
-						lightMode ? 'bg-surface-inverse' : 'bg-surface'
-					)}
-					style="max-height: {maxHeight}px;"
-				>
-					<div class="my-1">
-						<slot />
-					</div>
-				</MenuItems>
-			</Transition>
-		</div>
-	</Portal>
-</Menu>

package/package/components/common/menu/MenuV2.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        placement?: any;
-        justifyEnd?: boolean | undefined;
-        lightMode?: boolean | undefined;
-        maxHeight?: number | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        open: CustomEvent<any>;
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        trigger: {};
-        default: {};
-    };
-};
-export type MenuV2Props = typeof __propDef.props;
-export type MenuV2Events = typeof __propDef.events;
-export type MenuV2Slots = typeof __propDef.slots;
-export default class MenuV2 extends SvelteComponent<MenuV2Props, MenuV2Events, MenuV2Slots> {
-}
-export {};

package/package/components/common/popup/Popup.svelte

@@ -1,66 +0,0 @@
-<script>import { Popover, PopoverButton, PopoverPanel, Transition } from '@rgossiaux/svelte-headlessui';
-import ConditionalPortal from '../drawer/ConditionalPortal.svelte';
-import { createFloatingActions } from 'svelte-floating-ui';
-export let floatingConfig = {
-    strategy: 'absolute',
-    placement: 'bottom-start'
-};
-export let containerClasses = 'rounded-lg shadow-md border p-4 bg-surface';
-export let floatingClasses = '';
-const [floatingRef, floatingContent] = createFloatingActions(floatingConfig);
-export let blockOpen = false;
-export let shouldUsePortal = true;
-export let target = undefined;
-export let noTransition = false;
-export let popupHover = false;
-export let preventPopupClosingOnClickInside = false;
-export let disabled = false;
-</script>
-
-<Popover on:close class="leading-none">
-	<PopoverButton let:open {disabled}>
-		<div use:floatingRef>
-			<slot name="button" {open} />
-		</div>
-	</PopoverButton>
-	<ConditionalPortal condition={shouldUsePortal} {target}>
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
-		<!-- svelte-ignore a11y-mouse-events-have-key-events -->
-		<!-- svelte-ignore a11y-click-events-have-key-events -->
-		<div
-			use:floatingContent
-			class={`z5000 ${floatingClasses}`}
-			on:mouseenter={() => {
-				popupHover = true
-			}}
-			on:mouseleave={() => {
-				popupHover = false
-			}}
-			on:click={(e) => preventPopupClosingOnClickInside && e.stopPropagation()}
-		>
-			{#if !noTransition}
-				<Transition
-					show={blockOpen || undefined}
-					enter="transition ease-out duration-200"
-					enterFrom="opacity-0 translate-y-1"
-					enterTo="opacity-100 translate-y-0"
-					leave="transition ease-in duration-150"
-					leaveFrom="opacity-100 translate-y-0"
-					leaveTo="opacity-0 translate-y-1"
-				>
-					<PopoverPanel let:close static={blockOpen}>
-						<div class={containerClasses}>
-							<slot {close} />
-						</div>
-					</PopoverPanel>
-				</Transition>
-			{:else}
-				<PopoverPanel focus={false} let:close static={blockOpen}>
-					<div class={containerClasses}>
-						<slot {close} />
-					</div>
-				</PopoverPanel>
-			{/if}
-		</div>
-	</ConditionalPortal>
-</Popover>

package/package/components/common/popup/Popup.svelte.d.ts

@@ -1,35 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type ComputeConfig } from 'svelte-floating-ui';
-declare const __propDef: {
-    props: {
-        floatingConfig?: ComputeConfig | undefined;
-        containerClasses?: string | undefined;
-        floatingClasses?: string | undefined;
-        blockOpen?: boolean | undefined;
-        shouldUsePortal?: boolean | undefined;
-        target?: string | HTMLElement | undefined;
-        noTransition?: boolean | undefined;
-        popupHover?: boolean | undefined;
-        preventPopupClosingOnClickInside?: boolean | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        button: {
-            open: boolean;
-        };
-        default: {
-            close: (focusableElement: HTMLElement | null) => void;
-        };
-    };
-};
-export type PopupProps = typeof __propDef.props;
-export type PopupEvents = typeof __propDef.events;
-export type PopupSlots = typeof __propDef.slots;
-export default class Popup extends SvelteComponent<PopupProps, PopupEvents, PopupSlots> {
-}
-export {};

package/package/components/common/toggleButton-v2/ToggleEnable.svelte

@@ -1,34 +0,0 @@
-<script>import { Tab } from '@rgossiaux/svelte-headlessui';
-import { twMerge } from 'tailwind-merge';
-import Toggle from '../../Toggle.svelte';
-export let label = undefined;
-export let tooltip = undefined;
-export let disabled = false;
-export let small = false;
-export let light = false;
-export let checked = false;
-export let id = undefined;
-</script>
-
-<div {id} class="flex">
-	<Tab
-		{disabled}
-		class={twMerge(
-			' rounded-md transition-all text-xs flex gap-1 flex-row items-center',
-			small ? 'px-1.5 py-0.5 text-2xs' : 'px-2 py-1',
-			light ? 'font-medium' : '',
-			'bg-surface-secondary ',
-			$$props.class
-		)}
-	>
-		<Toggle
-			size="xs"
-			options={{
-				right: label,
-				rightTooltip: tooltip
-			}}
-			textClass="text-2xs whitespace-nowrap white !w-full"
-			bind:checked
-		/>
-	</Tab>
-</div>

package/package/components/common/toggleButton-v2/ToggleEnable.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        label?: string | undefined;
-        tooltip?: string | undefined;
-        disabled?: boolean | undefined;
-        small?: boolean | undefined;
-        light?: boolean | undefined;
-        checked?: boolean | undefined;
-        id?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToggleEnableProps = typeof __propDef.props;
-export type ToggleEnableEvents = typeof __propDef.events;
-export type ToggleEnableSlots = typeof __propDef.slots;
-export default class ToggleEnable extends SvelteComponent<ToggleEnableProps, ToggleEnableEvents, ToggleEnableSlots> {
-}
-export {};

package/package/components/details/Menu.svelte

@@ -1,58 +0,0 @@
-<script>import { Menu, Transition, MenuButton, MenuItems } from '@rgossiaux/svelte-headlessui';
-import { MoreVertical } from 'lucide-svelte';
-import { createPopperActions } from 'svelte-popperjs';
-import Portal from '../Portal.svelte';
-import Button from '../common/button/Button.svelte';
-const [popperRef, popperContent] = createPopperActions({ placement: 'auto' });
-const popperOptions = {
-    placement: 'bottom-end',
-    strategy: 'fixed',
-    modifiers: [
-        { name: 'offset', options: { offset: [8, 8] } },
-        {
-            name: 'arrow',
-            options: {
-                padding: 10
-            }
-        }
-    ]
-};
-</script>
-
-<Menu let:open as="div" class="relative hover:z-50 flex w-full h-full">
-	<span use:popperRef>
-		<MenuButton>
-			<Button
-				nonCaptureEvent
-				color="light"
-				size="xs"
-				startIcon={{
-					icon: MoreVertical
-				}}
-				iconOnly
-			/>
-		</MenuButton>
-	</span>
-
-	<Portal name="menu">
-		<div use:popperContent={popperOptions} class="z-[2000]">
-			<Transition
-				show={open}
-				enter="transition ease-out duration-[25ms]"
-				enterFrom="transform opacity-0 scale-95"
-				enterTo="transform opacity-100 scale-100"
-				leave="transition ease-in duration-[25ms]"
-				leaveFrom="transform opacity-100 scale-100"
-				leaveTo="transform opacity-0 scale-95"
-			>
-				<MenuItems
-					class="absolute border right-0 z-50 w-56 origin-top-right top-1 rounded-md bg-surface shadow-md focus:outline-none cursor-pointer"
-				>
-					<div class="my-1">
-						<slot name="items" />
-					</div>
-				</MenuItems>
-			</Transition>
-		</div>
-	</Portal>
-</Menu>

package/package/components/details/Menu.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        items: {};
-    };
-};
-export type MenuProps = typeof __propDef.props;
-export type MenuEvents = typeof __propDef.events;
-export type MenuSlots = typeof __propDef.slots;
-export default class Menu extends SvelteComponent<MenuProps, MenuEvents, MenuSlots> {
-}
-export {};