windmill-components 1.493.10 → 1.501.4

package/package/components/multiselect/MultiSelect.svelte.d.ts

@@ -1,110 +0,0 @@
-import type { MultiSelectEvents, Option as T } from './types';
-import type { FullAutoFill } from 'svelte/elements';
-declare class __sveltets_Render<Option extends T> {
-    props(): {
-        activeIndex?: number | null;
-        activeOption?: Option | null | undefined;
-        createOptionMsg?: string | null;
-        allowUserOptions?: boolean | "append";
-        autocomplete?: FullAutoFill;
-        autoScroll?: boolean;
-        breakpoint?: number;
-        defaultDisabledTitle?: string;
-        disabled?: boolean;
-        disabledInputTitle?: string;
-        duplicateOptionMsg?: string;
-        duplicates?: boolean;
-        key?: ((opt: T) => unknown) | undefined;
-        filterFunc?: ((opt: Option, searchText: string) => boolean) | undefined;
-        closeDropdownOnSelect?: boolean | "desktop";
-        form_input?: HTMLInputElement | null;
-        highlightMatches?: boolean;
-        id?: string | null;
-        input?: HTMLInputElement | null;
-        inputClass?: string;
-        inputStyle?: string | null;
-        inputmode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
-        invalid?: boolean;
-        liSelectedClass?: string;
-        liSelectedStyle?: string | null;
-        loading?: boolean;
-        matchingOptions?: Option[] | undefined;
-        maxSelect?: number | null;
-        name?: string | null;
-        noMatchingOptionsMsg?: string;
-        open?: boolean;
-        options: Option[];
-        outerDiv?: HTMLDivElement | null;
-        outerDivClass?: string;
-        parseLabelsAsHtml?: boolean;
-        pattern?: string | null;
-        placeholder?: string | null;
-        removeAllTitle?: string;
-        removeBtnTitle?: string;
-        minSelect?: number | null;
-        required?: boolean;
-        resetFilterOnAdd?: boolean;
-        searchText?: string;
-        selected?: Option[] | undefined;
-        sortSelected?: boolean | ((op1: Option, op2: Option) => number) | undefined;
-        selectedOptionsDraggable?: boolean;
-        style?: string | null;
-        ulSelectedClass?: string;
-        ulSelectedStyle?: string | null;
-        value?: Option | Option[] | null | undefined;
-        disableRemoveAll?: boolean;
-    };
-    events(): MultiSelectEvents;
-    slots(): {
-        'expand-icon': {
-            open: boolean;
-        };
-        selected: {
-            option: Option;
-            idx: any;
-        };
-        default: {
-            option: any;
-            index: number;
-        };
-        'remove-icon': {};
-        'after-input': {
-            selected: Option[];
-            disabled: boolean;
-            invalid: boolean;
-            id: string | null;
-            placeholder: string | null;
-            open: boolean;
-            required: boolean;
-        };
-        spinner: {};
-        'disabled-icon': {};
-        option: {
-            option: any;
-            index: number;
-        };
-        'user-msg': {
-            searchText: string;
-            msgType: any;
-            msg: any;
-        };
-    };
-    bindings(): string;
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <Option extends T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Option>['props']> & {
-        children?: any;
-    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Option>['props']>, ReturnType<__sveltets_Render<Option>['events']>, ReturnType<__sveltets_Render<Option>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<Option>['bindings']>;
-    } & ReturnType<__sveltets_Render<Option>['exports']>;
-    <Option extends T>(internal: unknown, props: ReturnType<__sveltets_Render<Option>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<Option>['events']>;
-        $$slots?: ReturnType<__sveltets_Render<Option>['slots']>;
-        children?: any;
-    }): ReturnType<__sveltets_Render<Option>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const MultiSelect: $$IsomorphicComponent;
-type MultiSelect<Option extends T> = InstanceType<typeof MultiSelect<Option>>;
-export default MultiSelect;

package/package/components/multiselect/MultiSelectWrapper.svelte

@@ -1,109 +0,0 @@
-<script lang="ts">import Portal from '../Portal.svelte';
-import { createFloatingActions } from 'svelte-floating-ui';
-import { tick } from 'svelte';
-import { offset, flip, shift } from 'svelte-floating-ui/dom';
-import MultiSelect from './MultiSelect.svelte';
-import DarkModeObserver from '../DarkModeObserver.svelte';
-import { deepEqual } from 'fast-equals';
-let { items, value = $bindable(), placeholder = undefined, target = undefined, topPlacement = false, allowUserOptions = undefined } = $props();
-$effect.pre(() => { if (value === undefined)
-    value = []; });
-const [floatingRef, floatingContent] = createFloatingActions({
-    strategy: 'absolute',
-    placement: topPlacement ? 'top-start' : 'bottom-start',
-    middleware: [offset(5), flip(), shift()]
-});
-let outerDiv = $state(undefined);
-let portalRef = $state(undefined);
-let darkMode = $state(false);
-let w = $state(0);
-let open = $state(false);
-function moveOptionsToPortal() {
-    // Find ul element with class 'options' within the outerDiv
-    const ul = outerDiv?.querySelector('.options');
-    if (ul) {
-        // Move the ul element to the portal
-        portalRef?.appendChild(ul);
-    }
-}
-$effect(() => {
-    if (portalRef && outerDiv && (allowUserOptions || items?.length > 0)) {
-        tick().then(() => {
-            moveOptionsToPortal();
-        });
-    }
-});
-</script>
-
-<DarkModeObserver bind:darkMode />
-
-<div use:floatingRef bind:clientWidth={w}>
-	{#if !value || Array.isArray(value)}
-		<div class="border rounded-md border-gray-300 shadow-sm dark:border-gray-600 !w-full">
-			<MultiSelect
-				{allowUserOptions}
-				outerDivClass={`!text-xs`}
-				ulSelectedClass="overflow-auto"
-				bind:outerDiv
-				--sms-border={'none'}
-				--sms-min-height={'30px'}
-				--sms-focus-border={'none'}
-				--sms-selected-bg={darkMode ? '#c7d2fe' : '#e0e7ff'}
-				--sms-selected-text-color={darkMode ? '#312e81' : '#3730a3'}
-				bind:selected={
-					() => [...value],
-					(newVal) => {
-						if (!deepEqual(value, newVal)) {
-							value = newVal
-						}
-					}
-				}
-				{placeholder}
-				options={items}
-				on:close={() => {
-					open = false
-				}}
-				on:open={() => {
-					open = true
-				}}
-				let:option
-				disableRemoveAll
-			>
-				<div
-					class="w-full text-sm"
-					role="option"
-					tabindex="0"
-					onmouseup={(e) => {
-						e.stopPropagation()
-					}}
-					onpointerdown={(e) => {
-						e.stopPropagation()
-						let newe = new MouseEvent('mouseup')
-						e.target?.['parentElement']?.dispatchEvent(newe)
-					}}
-					aria-selected={value?.includes(option)}
-				>
-					{option}
-				</div>
-			</MultiSelect>
-		</div>
-		<Portal {target} name="multi-select">
-			<div use:floatingContent class="z5000" hidden={!open}>
-				<!-- svelte-ignore a11y_click_events_have_key_events -->
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					bind:this={portalRef}
-					class="multiselect"
-					style={`min-width: ${w}px;`}
-					onclick={(e) => {
-						e.stopPropagation()
-					}}
-					role="listbox"
-					tabindex="0"
-				></div>
-			</div>
-		</Portal>
-	{:else}
-		Value {value} is not an array
-	{/if}
-</div>

package/package/components/multiselect/MultiSelectWrapper.svelte.d.ts

@@ -1,11 +0,0 @@
-type $$ComponentProps = {
-    items: any[];
-    value?: string[];
-    placeholder?: string;
-    target?: string | HTMLElement;
-    topPlacement?: boolean;
-    allowUserOptions?: boolean | 'append';
-};
-declare const MultiSelectWrapper: import("svelte").Component<$$ComponentProps, {}, "value">;
-type MultiSelectWrapper = ReturnType<typeof MultiSelectWrapper>;
-export default MultiSelectWrapper;

package/package/components/multiselect/types.d.ts

@@ -1,56 +0,0 @@
-export type Option = string | number | ObjectOption;
-export type OptionStyle = string | {
-    option: string;
-    selected: string;
-};
-export type ObjectOption = {
-    label: string | number;
-    value?: unknown;
-    title?: string;
-    disabled?: boolean;
-    preselected?: boolean;
-    disabledTitle?: string;
-    selectedTitle?: string;
-    style?: OptionStyle;
-    [key: string]: unknown;
-};
-export type DispatchEvents<T = Option> = {
-    add: {
-        option: T;
-    };
-    create: {
-        option: T;
-    };
-    remove: {
-        option: T;
-    };
-    removeAll: {
-        options: T[];
-    };
-    change: {
-        option?: T;
-        options?: T[];
-        type: 'add' | 'remove' | 'removeAll';
-    };
-    open: {
-        event: Event;
-    };
-    close: {
-        event: Event;
-    };
-};
-export type MultiSelectEvents = {
-    [key in keyof DispatchEvents]: CustomEvent<DispatchEvents[key]>;
-} & {
-    blur: FocusEvent;
-    click: MouseEvent;
-    focus: FocusEvent;
-    keydown: KeyboardEvent;
-    keyup: KeyboardEvent;
-    mouseenter: MouseEvent;
-    mouseleave: MouseEvent;
-    touchcancel: TouchEvent;
-    touchend: TouchEvent;
-    touchmove: TouchEvent;
-    touchstart: TouchEvent;
-};

package/package/components/multiselect/utils.d.ts

@@ -1,7 +0,0 @@
-import type { Option, OptionStyle } from './types';
-export declare const get_label: (opt: Option) => string | number;
-export declare function get_style(option: {
-    style?: OptionStyle;
-    [key: string]: unknown;
-} | string | number, key?: 'selected' | 'option' | null): string;
-export declare function scroll_into_view_if_needed_polyfill(elem: Element, centerIfNeeded?: boolean): IntersectionObserver;

package/package/components/multiselect/utils.js

@@ -1,58 +0,0 @@
-// get the label key from an option object or the option itself if it's a string or number
-export const get_label = (opt) => {
-    if (opt instanceof Object) {
-        if (opt.label === undefined) {
-            console.error(`MultiSelect option ${JSON.stringify(opt)} is an object but has no label key`);
-        }
-        return opt.label;
-    }
-    return `${opt}`;
-};
-// this function is used extract CSS strings from a {selected, option} style object to be used in the style attribute of the option
-// if the style is a string, it will be returned as is
-export function get_style(option, key = null) {
-    let css_str = ``;
-    if (![`selected`, `option`, null].includes(key)) {
-        console.error(`MultiSelect: Invalid key=${key} for get_style`);
-    }
-    if (typeof option == `object` && option.style) {
-        if (typeof option.style == `string`) {
-            css_str = option.style;
-        }
-        if (typeof option.style == `object`) {
-            if (key && key in option.style)
-                return option.style[key] ?? ``;
-            else {
-                console.error(`Invalid style object for option=${JSON.stringify(option)}`);
-            }
-        }
-    }
-    // ensure css_str ends with a semicolon
-    if (css_str.trim() && !css_str.trim().endsWith(`;`))
-        css_str += `;`;
-    return css_str;
-}
-// Firefox lacks support for scrollIntoViewIfNeeded (https://caniuse.com/scrollintoviewifneeded).
-// See https://github.com/janosh/svelte-multiselect/issues/87
-// Polyfill copied from
-// https://github.com/nuxodin/lazyfill/blob/a8e63/polyfills/Element/prototype/scrollIntoViewIfNeeded.js
-// exported for testing
-export function scroll_into_view_if_needed_polyfill(elem, centerIfNeeded = true) {
-    const observer = new IntersectionObserver(function ([entry]) {
-        const ratio = entry.intersectionRatio;
-        if (ratio < 1) {
-            const place = ratio <= 0 && centerIfNeeded ? `center` : `nearest`;
-            elem.scrollIntoView({
-                block: place,
-                inline: place
-            });
-        }
-        observer.disconnect();
-    }, {
-        root: null, // or specify a scrolling parent if needed
-        rootMargin: '0px 1000px', // Essentially making horizontal checks irrelevant
-        threshold: 0.1 // Adjust threshold to control when observer should trigger
-    });
-    observer.observe(elem);
-    return observer; // return for testing
-}

package/scripts/patch_files.js

@@ -1,57 +0,0 @@
-// patch-editor-worker.mjs
-import { readFile, writeFile } from 'fs/promises'
-import path from 'path'
-import { fileURLToPath } from 'url'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const filePath = path.join(
-	__dirname,
-	'..',
-	'node_modules',
-	'@codingame',
-	'monaco-vscode-api',
-	'workers',
-	'editor.worker.js'
-)
-
-const originalSnippet = `return requestHandler?.[propKey];`
-
-const patchedCode = `
-import '../vscode/src/vs/editor/common/services/editorWebWorkerMain.js';
-import { start } from '../vscode/src/vs/editor/editor.worker.start.js';
-
-function initialize(createFn) {
-    let requestHandler;
-    const foreignModule = new Proxy({}, {
-        get(_target, propKey) {
-            if (propKey === '$initialize') {
-                return async (data) => {
-                    if (!requestHandler) {
-                        requestHandler = createFn(context, data);
-                    }
-                };
-            }
-            const value = requestHandler?.[propKey]
-            if (typeof value === 'function') {
-              return value.bind(requestHandler);
-            }
-            return value;
-        }
-    });
-    const context = start(foreignModule);
-}
-
-export { initialize };
-`
-
-try {
-	const current = await readFile(filePath, 'utf8')
-	if (current.includes(originalSnippet)) {
-		await writeFile(filePath, patchedCode, 'utf8')
-		console.log('✅ editor.worker.js patched successfully.')
-	} else {
-		console.log('ℹ️ Patch already applied or file has changed.')
-	}
-} catch (err) {
-	console.error('❌ Failed to patch editor.worker.js:', err)
-}

package/scripts/untar_ui_builder.js

@@ -1,48 +0,0 @@
-// Check if this script is being run from the package root
-const isTopLevel = !process.env.npm_config_global && process.env.INIT_CWD === process.cwd()
-
-if (isTopLevel) {
-	console.log('Running postinstall: direct install')
-	// Your postinstall logic here
-} else {
-	console.log('Skipping postinstall: installed as dependency')
-	process.exit(0)
-}
-
-import path from 'path'
-import fs from 'fs'
-
-import { x } from 'tar'
-
-const tarUrl = 'https://pub-06154ed168a24e73a86ab84db6bf15d8.r2.dev/ui_builder-d44b577.tar.gz'
-const outputTarPath = path.join(process.cwd(), 'ui_builder.tar.gz')
-const extractTo = path.join(process.cwd(), 'static/ui_builder/')
-
-import { fileURLToPath } from 'url'
-import { dirname } from 'path'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-// Download the tar file
-const response = await fetch(tarUrl)
-const buffer = await response.arrayBuffer()
-await fs.promises.writeFile(outputTarPath, Buffer.from(buffer))
-
-// Create extract directory if it doesn't exist
-try {
-	await fs.promises.mkdir(extractTo, { recursive: true })
-} catch (err) {
-	if (err.code !== 'EEXIST') {
-		throw err
-	}
-}
-
-await x({
-	file: outputTarPath,
-	cwd: extractTo,
-	sync: false,
-	gzip: true
-})
-
-await fs.promises.unlink(outputTarPath)