windmill-components 1.309.7 → 1.352.0

package/package/components/apps/editor/component/Component.svelte

@@ -5,8 +5,8 @@ let outTimeout = undefined;
 <script>import { getContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import ComponentHeader from '../ComponentHeader.svelte';
-import { AppBarChart, AppDisplayComponent, AppTable, AppText, AppButton, AppPieChart, AppSelect, AppCheckbox, AppTextInput, AppNumberInput, AppDateInput, AppForm, AppScatterChart, AppTimeseries, AppHtml, AppMarkdown, AppSliderInputs, AppFormButton, VegaLiteHtml, PlotlyHtml, PlotlyHtmlV2, AppRangeInput, AppTabs, AppIcon, AppCurrencyInput, AppDivider, AppFileInput, AppImage, AppContainer, AppAggridTable, AppDrawer, AppMap, AppSplitpanes, AppPdf } from '../../components';
 import AppMultiSelect from '../../components/inputs/AppMultiSelect.svelte';
+import AppMultiSelectV2 from '../../components/inputs/AppMultiSelectV2.svelte';
 import AppModal from '../../components/layout/AppModal.svelte';
 import AppSchemaForm from '../../components/buttons/AppSchemaForm.svelte';
 import AppStepper from '../../components/layout/AppStepper.svelte';
@@ -35,10 +35,48 @@ import AppAlert from '../../components/display/AppAlert.svelte';
 import AppDateSliderInput from '../../components/inputs/AppDateSliderInput.svelte';
 import AppTimeInput from '../../components/inputs/AppTimeInput.svelte';
 import AppDateTimeInput from '../../components/inputs/AppDateTimeInput.svelte';
+import AppAggridInfiniteTable from '../../components/display/table/AppAggridInfiniteTable.svelte';
+import AppAggridInfiniteTableEe from '../../components/display/table/AppAggridInfiniteTableEe.svelte';
+import AppDisplayComponent from '../../components/display/AppDisplayComponent.svelte';
+import AppTimeseries from '../../components/display/AppTimeseries.svelte';
+import AppHtml from '../../components/display/AppHtml.svelte';
+import AppMarkdown from '../../components/display/AppMarkdown.svelte';
+import VegaLiteHtml from '../../components/display/VegaLiteHtml.svelte';
+import PlotlyHtml from '../../components/display/PlotlyHtml.svelte';
+import PlotlyHtmlV2 from '../../components/display/PlotlyHtmlV2.svelte';
+import AppScatterChart from '../../components/display/AppScatterChart.svelte';
+import AppPieChart from '../../components/display/AppPieChart.svelte';
+import AppTable from '../../components/display/table/AppTable.svelte';
+import AppAggridTable from '../../components/display/table/AppAggridTable.svelte';
+import AppText from '../../components/display/AppText.svelte';
+import AppButton from '../../components/buttons/AppButton.svelte';
+import AppForm from '../../components/buttons/AppForm.svelte';
+import AppFormButton from '../../components/buttons/AppFormButton.svelte';
+import AppCheckbox from '../../components/inputs/AppCheckbox.svelte';
+import AppTextInput from '../../components/inputs/AppTextInput.svelte';
+import AppDateInput from '../../components/inputs/AppDateInput.svelte';
+import AppSelect from '../../components/inputs/AppSelect.svelte';
+import AppBarChart from '../../components/display/AppBarChart.svelte';
+import AppDivider from '../../components/layout/AppDivider.svelte';
+import AppRangeInput from '../../components/inputs/AppRangeInput.svelte';
+import AppTabs from '../../components/layout/AppTabs.svelte';
+import AppContainer from '../../components/layout/AppContainer.svelte';
+import AppSplitpanes from '../../components/layout/AppSplitpanes.svelte';
+import AppIcon from '../../components/display/AppIcon.svelte';
+import AppFileInput from '../../components/inputs/AppFileInput.svelte';
+import AppImage from '../../components/display/AppImage.svelte';
+import AppDrawer from '../../components/layout/AppDrawer.svelte';
+import AppMap from '../../components/display/AppMap.svelte';
+import AppPdf from '../../components/display/AppPdf.svelte';
+import AppCurrencyInput from '../../components/inputs/currency/AppCurrencyInput.svelte';
+import AppSliderInputs from '../../components/inputs/AppSliderInputs.svelte';
+import AppNumberInput from '../../components/inputs/AppNumberInput.svelte';
 export let component;
 export let selected;
 export let locked = false;
 export let render;
+export let hidden;
+export let fullHeight;
 const { mode, app, hoverStore, connectingInput } = getContext('AppViewerContext');
 const editorContext = getContext('AppEditorContext');
 const movingcomponents = editorContext?.movingcomponents;
@@ -68,7 +106,9 @@ function mouseOut() {
 		}
 	}}
 	on:mouseout|stopPropagation={mouseOut}
-	class="h-full flex flex-col w-full component {initializing ? 'overflow-hidden h-0' : ''}"
+	class="h-full flex flex-col w-full component {initializing
+		? 'overflow-hidden h-0'
+		: ''} {hidden && $mode === 'preview' ? 'hidden' : ''} "
 >
 	{#if $mode !== 'preview'}
 		<ComponentHeader
@@ -82,9 +122,11 @@ function mouseOut() {
 			hover={$hoverStore === component.id}
 			{component}
 			{selected}
+			{fullHeight}
 			connecting={$connectingInput.opened}
 			on:lock
 			on:expand
+			on:fillHeight
 			{locked}
 			{inlineEditorOpened}
 			hasInlineEditor={component.type === 'textcomponent' &&
@@ -138,37 +180,23 @@ function mouseOut() {
 				{render}
 			/>
 		{:else if component.type === 'logcomponent'}
-			<AppLogsComponent
-				id={component.id}
-				customCss={component.customCss}
-				bind:initializing
-				componentInput={component.componentInput}
-				{render}
-			/>
+			<AppLogsComponent />
 		{:else if component.type === 'jobidlogcomponent'}
 			<AppJobIdLogComponent
 				id={component.id}
 				customCss={component.customCss}
 				bind:initializing
 				configuration={component.configuration}
-				componentInput={component.componentInput}
 				{render}
 			/>
 		{:else if component.type === 'flowstatuscomponent'}
-			<AppFlowStatusComponent
-				id={component.id}
-				customCss={component.customCss}
-				bind:initializing
-				componentInput={component.componentInput}
-				{render}
-			/>
+			<AppFlowStatusComponent />
 		{:else if component.type === 'jobidflowstatuscomponent'}
 			<AppJobIdFlowStatus
 				id={component.id}
 				customCss={component.customCss}
 				bind:initializing
 				configuration={component.configuration}
-				componentInput={component.componentInput}
 				{render}
 			/>
 		{:else if component.type === 'barchartcomponent'}
@@ -321,6 +349,27 @@ function mouseOut() {
 				actions={component.actions ?? []}
 				{render}
 			/>
+		{:else if component.type === 'aggridinfinitecomponent'}
+			<AppAggridInfiniteTable
+				id={component.id}
+				configuration={component.configuration}
+				bind:initializing
+				componentInput={component.componentInput}
+				customCss={component.customCss}
+				actions={component.actions ?? []}
+				{render}
+			/>
+		{:else if component.type === 'aggridinfinitecomponentee'}
+			<AppAggridInfiniteTableEe
+				license={component.license}
+				id={component.id}
+				configuration={component.configuration}
+				bind:initializing
+				componentInput={component.componentInput}
+				customCss={component.customCss}
+				actions={component.actions ?? []}
+				{render}
+			/>
 		{:else if component.type === 'textcomponent'}
 			<AppText
 				id={component.id}
@@ -369,6 +418,15 @@ function mouseOut() {
 				id={component.id}
 				configuration={component.configuration}
 				customCss={component.customCss}
+				verticalAlignment={component.verticalAlignment}
+				{render}
+			/>
+		{:else if component.type === 'multiselectcomponentv2'}
+			<AppMultiSelectV2
+				id={component.id}
+				configuration={component.configuration}
+				customCss={component.customCss}
+				verticalAlignment={component.verticalAlignment}
 				{render}
 			/>
 		{:else if component.type === 'formcomponent'}
@@ -537,6 +595,7 @@ function mouseOut() {
 				id={component.id}
 				tabs={component.tabs}
 				disabledTabs={component.disabledTabs}
+				onTabChange={component.onTabChange}
 				customCss={component.customCss}
 				{componentContainerHeight}
 				{render}
@@ -548,6 +607,8 @@ function mouseOut() {
 				customCss={component.customCss}
 				{componentContainerHeight}
 				componentInput={component.componentInput}
+				onNext={component.onNext}
+				onPrevious={component.onPrevious}
 				{render}
 			/>
 		{:else if component.type === 'conditionalwrapper' && component.conditions}
@@ -555,6 +616,7 @@ function mouseOut() {
 				id={component.id}
 				conditions={component.conditions}
 				customCss={component.customCss}
+				onTabChange={component.onTabChange}
 				{componentContainerHeight}
 				{render}
 			/>
@@ -606,6 +668,7 @@ function mouseOut() {
 				configuration={component.configuration}
 				id={component.id}
 				customCss={component.customCss}
+				onFileChange={component.onFileChange}
 				{render}
 			/>
 		{:else if component.type === 's3fileinputcomponent'}
@@ -613,6 +676,7 @@ function mouseOut() {
 				configuration={component.configuration}
 				id={component.id}
 				customCss={component.customCss}
+				onFileChange={component.onFileChange}
 				{render}
 			/>
 		{:else if component.type === 'imagecomponent'}
@@ -629,6 +693,8 @@ function mouseOut() {
 				configuration={component.configuration}
 				id={component.id}
 				customCss={component.customCss}
+				onOpenRecomputeIds={component.onOpenRecomputeIds}
+				onCloseRecomputeIds={component.onCloseRecomputeIds}
 				{render}
 			/>
 		{:else if component.type === 'mapcomponent'}
@@ -652,6 +718,8 @@ function mouseOut() {
 				configuration={component.configuration}
 				id={component.id}
 				customCss={component.customCss}
+				onOpenRecomputeIds={component.onOpenRecomputeIds}
+				onCloseRecomputeIds={component.onCloseRecomputeIds}
 				{render}
 			/>
 		{:else if component.type === 'schemaformcomponent'}

package/package/components/apps/editor/component/Component.svelte.d.ts

@@ -6,10 +6,13 @@ declare const __propDef: {
         selected: boolean;
         locked?: boolean | undefined;
         render: boolean;
+        hidden: boolean;
+        fullHeight: boolean;
     };
     events: {
         lock: CustomEvent<any>;
         expand: CustomEvent<any>;
+        fillHeight: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };