windmill-components 1.60.4 → 1.75.0

package/components/apps/components/selectInputs/AppSelect.svelte

@@ -1,47 +0,0 @@
-<script>import { createEventDispatcher, getContext } from 'svelte';
-import Select from 'svelte-select';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
-import InputValue from '../helpers/InputValue.svelte';
-export const staticOutputs = ['loading', 'result'];
-export let id;
-export let configuration;
-export let horizontalAlignment = undefined;
-export let verticalAlignment = undefined;
-const { worldStore, connectingInput, selectedComponent } = getContext('AppEditorContext');
-let label;
-let items;
-let itemKey;
-$: outputs = $worldStore?.outputsById[id];
-function onChange(e) {
-    e?.stopPropagation();
-    window.dispatchEvent(new Event('pointerup'));
-    outputs?.result.set(e.detail?.[itemKey] || undefined);
-}
-let value = undefined;
-$: items?.[0]?.['value'] != value && (value = items?.[0]?.['value']);
-</script>
-
-<InputValue {id} input={configuration.label} bind:value={label} />
-<InputValue {id} input={configuration.items} bind:value={items} />
-<InputValue {id} input={configuration.itemKey} bind:value={itemKey} />
-
-<AlignWrapper {horizontalAlignment} {verticalAlignment}>
-	<Select
-		--height="34px"
-		class="select"
-		on:clear={onChange}
-		on:change={onChange}
-		on:focus={(e) => {
-			e?.stopPropagation()
-			window.dispatchEvent(new Event('pointerup'))
-		}}
-		{items}
-		{value}
-		placeholder="Select an item"
-		on:click={() => {
-			if (!$connectingInput.opened) {
-				$selectedComponent = id
-			}
-		}}
-	/>
-</AlignWrapper>

package/components/apps/components/textInputs/AppTextInput.svelte

@@ -1,31 +0,0 @@
-<script>import { getContext } from 'svelte';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
-import InputValue from '../helpers/InputValue.svelte';
-export let id;
-export let configuration;
-export let inputType = 'text';
-export let verticalAlignment = undefined;
-export const staticOutputs = ['result'];
-const { worldStore } = getContext('AppEditorContext');
-let input;
-let placeholder = undefined;
-$: outputs = $worldStore?.outputsById[id];
-function handleInput() {
-    outputs?.result.set(input.value);
-}
-</script>
-
-<InputValue {id} input={configuration.placeholder} bind:value={placeholder} />
-
-<AlignWrapper {verticalAlignment}>
-	<input
-		on:focus={(e) => {
-			e?.stopPropagation()
-			window.dispatchEvent(new Event('pointerup'))
-		}}
-		type={inputType}
-		bind:this={input}
-		on:input={handleInput}
-		{placeholder}
-	/>
-</AlignWrapper>

package/components/apps/editor/ComponentEditor.svelte

@@ -1,145 +0,0 @@
-<script>import { classNames } from '../../../utils';
-import { getContext } from 'svelte';
-import BarChartComponent from '../components/dataDisplay/AppBarChart.svelte';
-import DisplayComponent from '../components/DisplayComponent.svelte';
-import TableComponent from '../components/table/AppTable.svelte';
-import TextComponent from '../components/dataDisplay/AppText.svelte';
-import ButtonComponent from '../components/buttons/AppButton.svelte';
-import PieChartComponent from '../components/dataDisplay/AppPieChart.svelte';
-import SelectComponent from '../components/selectInputs/AppSelect.svelte';
-import CheckboxComponent from '../components/selectInputs/AppCheckbox.svelte';
-import TextInputComponent from '../components/textInputs/AppTextInput.svelte';
-import NumberInputComponent from '../components/numberInputs/AppNumberInput.svelte';
-import DateInputComponent from '../components/dateInputs/AppDateInput.svelte';
-import ComponentHeader from './ComponentHeader.svelte';
-import AppForm from '../components/form/AppForm.svelte';
-import AppScatterChart from '../components/dataDisplay/AppScatterChart.svelte';
-import AppTimeseries from '../components/dataDisplay/AppTimeseries.svelte';
-import AppHtml from '../components/dataDisplay/AppHtml.svelte';
-import AppSliderInputs from '../components/numberInputs/AppSliderInputs.svelte';
-import VegaLiteHtml from '../components/dataDisplay/VegaLiteHtml.svelte';
-export let component;
-export let selected;
-export let locked = false;
-export let pointerdown = false;
-let hover = false;
-const { staticOutputs, mode, connectingInput } = getContext('AppEditorContext');
-</script>
-
-<div
-	on:pointerenter={() => (hover = true)}
-	on:pointerleave={() => (hover = false)}
-	class="h-full flex flex-col w-full component"
->
-	{#if $mode !== 'preview'}
-		<ComponentHeader {hover} {pointerdown} {component} {selected} on:delete on:lock {locked} />
-	{/if}
-
-	<div
-		on:pointerdown={(e) => {
-			if ($mode === 'preview') {
-				e?.stopPropagation()
-			}
-		}}
-		class={classNames(
-			'border h-full bg-white',
-			selected && $mode !== 'preview' ? 'border-blue-500' : 'border-white',
-			!selected && $mode !== 'preview' && !component.card ? 'border-gray-100' : '',
-			$mode !== 'preview' && !$connectingInput.opened ? 'hover:border-blue-500' : '',
-			component.softWrap ? '' : 'overflow-auto',
-			$mode != 'preview' ? 'cursor-pointer' : '',
-			'relative z-auto'
-		)}
-	>
-		{#if component.type === 'displaycomponent'}
-			<DisplayComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'barchartcomponent'}
-			<BarChartComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'timeseriescomponent'}
-			<AppTimeseries
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'htmlcomponent'}
-			<AppHtml
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'vegalitecomponent'}
-			<VegaLiteHtml
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'scatterchartcomponent'}
-			<AppScatterChart
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'piechartcomponent'}
-			<PieChartComponent
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-				bind:componentInput={component.componentInput}
-			/>
-		{:else if component.type === 'tablecomponent'}
-			<TableComponent
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-				bind:componentInput={component.componentInput}
-				bind:actionButtons={component.actionButtons}
-			/>
-		{:else if component.type === 'textcomponent'}
-			<TextComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'buttoncomponent'}
-			<ButtonComponent
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'selectcomponent'}
-			<SelectComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'formcomponent'}
-			<AppForm
-				{...component}
-				bind:componentInput={component.componentInput}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'checkboxcomponent'}
-			<CheckboxComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'textinputcomponent'}
-			<TextInputComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'passwordinputcomponent'}
-			<TextInputComponent
-				inputType="password"
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'dateinputcomponent'}
-			<DateInputComponent
-				inputType="date"
-				{...component}
-				bind:staticOutputs={$staticOutputs[component.id]}
-			/>
-		{:else if component.type === 'numberinputcomponent'}
-			<NumberInputComponent {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{:else if component.type === 'slidercomponent'}
-			<AppSliderInputs {...component} bind:staticOutputs={$staticOutputs[component.id]} />
-		{/if}
-	</div>
-</div>

package/components/apps/editor/TablePanel.svelte

@@ -1,17 +0,0 @@
-<script>import { getContext } from 'svelte';
-import ComponentPanel from './settingsPanel/ComponentPanel.svelte';
-export let component;
-const { selectedComponent } = getContext('AppEditorContext');
-</script>
-
-{#each component.actionButtons as actionButton (actionButton.id)}
-	{#if actionButton.id === $selectedComponent}
-		<ComponentPanel
-			rowColumns
-			bind:component={actionButton}
-			onDelete={() => {
-				component.actionButtons = component.actionButtons.filter((c) => c.id !== actionButton.id)
-			}}
-		/>
-	{/if}
-{/each}

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

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { TableComponent } from '../types';
-declare const __propDef: {
-    props: {
-        component: TableComponent;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TablePanelProps = typeof __propDef.props;
-export type TablePanelEvents = typeof __propDef.events;
-export type TablePanelSlots = typeof __propDef.slots;
-export default class TablePanel extends SvelteComponentTyped<TablePanelProps, TablePanelEvents, TablePanelSlots> {
-}
-export {};

package/components/apps/editor/componentsPanel/data.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentSet } from '../../types';
-declare const componentSets: ComponentSet[];
-export { componentSets };