windmill-components 1.46.2 → 1.52.0

package/components/icons/SendgridIcon.svelte

@@ -0,0 +1,66 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+	 {width}
+	 {height}
+   viewBox="0 0 246.66667 231.54668"
+   xmlns="http://www.w3.org/2000/svg"
+>
+	<g
+		id="g8"
+		transform="matrix(1.3333333,0,0,-1.3333333,0,231.54667)"
+	>
+		<g id="g10" transform="scale(0.1)">
+			<path
+				d="M 0,0 H 1850 V 1736.64 H 0 Z"
+				style="fill:#223141;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path12"
+			/>
+			<path
+				d="M 1137.17,231.82 H 712.832 v 424.328 h -424.34 v 424.342 h 424.34 V 656.148 H 1137.17 V 231.82"
+				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path14"
+			/>
+			<path
+				d="M 1137.17,231.82 H 712.832 v 424.328 h -424.34 v 424.342 h 424.34 V 656.148 H 1137.17 V 231.82"
+				style="fill:#575d6c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path16"
+			/>
+			<path
+				d="M 288.496,231.82 H 712.832 V 656.148 H 288.496 Z"
+				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path18"
+			/>
+			<path
+				d="M 1561.51,656.148 H 1137.17 V 1080.49 H 712.832 v 424.33 h 424.338 v -424.33 h 424.34 V 656.148"
+				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path20"
+			/>
+			<path
+				d="M 1561.51,656.148 H 1137.17 V 1080.49 H 712.832 v 424.33 h 424.338 v -424.33 h 424.34 V 656.148"
+				style="fill:#b2b1b9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path22"
+			/>
+			<path
+				d="m 712.832,656.148 h 424.34 v 424.34 h -424.34 z"
+				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path24"
+			/>
+			<path
+				d="m 712.832,656.148 h 424.34 v 424.34 h -424.34 z"
+				style="fill:#cbc9ce;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path26"
+			/>
+			<path
+				d="m 1561.5,1080.49 h -424.33 v 424.33 h 424.33 v -424.33"
+				style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+				id="path28"
+			/>
+		</g>
+	</g>
+</svg>

package/components/icons/SendgridIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SendgridIconProps = typeof __propDef.props;
+export type SendgridIconEvents = typeof __propDef.events;
+export type SendgridIconSlots = typeof __propDef.slots;
+export default class SendgridIcon extends SvelteComponentTyped<SendgridIconProps, SendgridIconEvents, SendgridIconSlots> {
+}
+export {};

package/components/icons/Slack.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SlackProps = typeof __propDef.props;
-export declare type SlackEvents = typeof __propDef.events;
-export declare type SlackSlots = typeof __propDef.slots;
+export type SlackProps = typeof __propDef.props;
+export type SlackEvents = typeof __propDef.events;
+export type SlackSlots = typeof __propDef.slots;
 export default class Slack extends SvelteComponentTyped<SlackProps, SlackEvents, SlackSlots> {
 }
 export {};

package/components/icons/TogglIcon.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type TogglIconProps = typeof __propDef.props;
-export declare type TogglIconEvents = typeof __propDef.events;
-export declare type TogglIconSlots = typeof __propDef.slots;
+export type TogglIconProps = typeof __propDef.props;
+export type TogglIconEvents = typeof __propDef.events;
+export type TogglIconSlots = typeof __propDef.slots;
 export default class TogglIcon extends SvelteComponentTyped<TogglIconProps, TogglIconEvents, TogglIconSlots> {
 }
 export {};

package/components/icons/WindmillIcon.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type WindmillIconProps = typeof __propDef.props;
-export declare type WindmillIconEvents = typeof __propDef.events;
-export declare type WindmillIconSlots = typeof __propDef.slots;
+export type WindmillIconProps = typeof __propDef.props;
+export type WindmillIconEvents = typeof __propDef.events;
+export type WindmillIconSlots = typeof __propDef.slots;
 export default class WindmillIcon extends SvelteComponentTyped<WindmillIconProps, WindmillIconEvents, WindmillIconSlots> {
 }
 export {};

package/components/icons/index.d.ts

@@ -0,0 +1,48 @@
+import AirtableIcon from './AirtableIcon.svelte';
+import DbIcon from './DbIcon.svelte';
+import DiscordIcon from './DiscordIcon.svelte';
+import GcalIcon from './GcalIcon.svelte';
+import GCloudIcon from './GCloudIcon.svelte';
+import GdriveIcon from './GdriveIcon.svelte';
+import GithubIcon from './GithubIcon.svelte';
+import GitlabIcon from './GItlabIcon.svelte';
+import GmailIcon from './GmailIcon.svelte';
+import GSheetsIcon from './GSheetsIcon.svelte';
+import HttpIcon from './HttpIcon.svelte';
+import Mail from './Mail.svelte';
+import MastodonIcon from './MastodonIcon.svelte';
+import MatrixIcon from './MatrixIcon.svelte';
+import Mysql from './Mysql.svelte';
+import PostgresIcon from './PostgresIcon.svelte';
+import S3Icon from './S3Icon.svelte';
+import Slack from './Slack.svelte';
+import TogglIcon from './TogglIcon.svelte';
+import WindmillIcon from './WindmillIcon.svelte';
+import MailchimpIcon from './MailchimpIcon.svelte';
+import SendgridIcon from './SendgridIcon.svelte';
+export declare const APP_TO_ICON_COMPONENT: {
+    readonly postgresql: typeof PostgresIcon;
+    readonly mysql: typeof Mysql;
+    readonly smtp: typeof Mail;
+    readonly mongodb: typeof DbIcon;
+    readonly slack: typeof Slack;
+    readonly github: typeof GithubIcon;
+    readonly gmail: typeof GmailIcon;
+    readonly gsheets: typeof GSheetsIcon;
+    readonly gitlab: typeof GitlabIcon;
+    readonly gcloud: typeof GCloudIcon;
+    readonly gcal: typeof GcalIcon;
+    readonly gdrive: typeof GdriveIcon;
+    readonly airtable: typeof AirtableIcon;
+    readonly toggl: typeof TogglIcon;
+    readonly s3: typeof S3Icon;
+    readonly discord: typeof DiscordIcon;
+    readonly discord_webhook: typeof DiscordIcon;
+    readonly mastodon: typeof MastodonIcon;
+    readonly matrix: typeof MatrixIcon;
+    readonly windmill: typeof WindmillIcon;
+    readonly http: typeof HttpIcon;
+    readonly mailchimp: typeof MailchimpIcon;
+    readonly sendgrid: typeof SendgridIcon;
+};
+export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, };

package/components/icons/index.js

@@ -0,0 +1,48 @@
+import AirtableIcon from './AirtableIcon.svelte';
+import DbIcon from './DbIcon.svelte';
+import DiscordIcon from './DiscordIcon.svelte';
+import GcalIcon from './GcalIcon.svelte';
+import GCloudIcon from './GCloudIcon.svelte';
+import GdriveIcon from './GdriveIcon.svelte';
+import GithubIcon from './GithubIcon.svelte';
+import GitlabIcon from './GItlabIcon.svelte';
+import GmailIcon from './GmailIcon.svelte';
+import GSheetsIcon from './GSheetsIcon.svelte';
+import HttpIcon from './HttpIcon.svelte';
+import Mail from './Mail.svelte';
+import MastodonIcon from './MastodonIcon.svelte';
+import MatrixIcon from './MatrixIcon.svelte';
+import Mysql from './Mysql.svelte';
+import PostgresIcon from './PostgresIcon.svelte';
+import S3Icon from './S3Icon.svelte';
+import Slack from './Slack.svelte';
+import TogglIcon from './TogglIcon.svelte';
+import WindmillIcon from './WindmillIcon.svelte';
+import MailchimpIcon from './MailchimpIcon.svelte';
+import SendgridIcon from './SendgridIcon.svelte';
+export const APP_TO_ICON_COMPONENT = {
+    postgresql: PostgresIcon,
+    mysql: Mysql,
+    smtp: Mail,
+    mongodb: DbIcon,
+    slack: Slack,
+    github: GithubIcon,
+    gmail: GmailIcon,
+    gsheets: GSheetsIcon,
+    gitlab: GitlabIcon,
+    gcloud: GCloudIcon,
+    gcal: GcalIcon,
+    gdrive: GdriveIcon,
+    airtable: AirtableIcon,
+    toggl: TogglIcon,
+    s3: S3Icon,
+    discord: DiscordIcon,
+    discord_webhook: DiscordIcon,
+    mastodon: MastodonIcon,
+    matrix: MatrixIcon,
+    windmill: WindmillIcon,
+    http: HttpIcon,
+    mailchimp: MailchimpIcon,
+    sendgrid: SendgridIcon,
+};
+export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, MailchimpIcon, SendgridIcon, };

package/components/jobs/JobDetail.svelte

@@ -4,12 +4,12 @@ import { displayDate, displayDaysAgo, forLater, msToSec, truncateHash, truncateR
 import { faCalendar, faCircle, faClock, faFastForward, faHourglassHalf, faRobot, faSearch, faTimes, faUser, faWind } from '@fortawesome/free-solid-svg-icons';
 import Icon from 'svelte-awesome';
 import { check } from 'svelte-awesome/icons';
-import { Badge, Button } from '../common';
+import { Badge } from '../common';
 const SMALL_ICON_SCALE = 0.7;
 export let job;
 </script>
 
-<div class="border rounded py-4">
+<div class="border border-gray-400 rounded py-4">
 	<div class="grid grid-cols-1 lg:grid-cols-3 w-full gap-4">
 		<div class="flex-col">
 			<div class="flex flex-row text-sm">

package/components/jobs/JobDetail.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type JobDetailProps = typeof __propDef.props;
-export declare type JobDetailEvents = typeof __propDef.events;
-export declare type JobDetailSlots = typeof __propDef.slots;
+export type JobDetailProps = typeof __propDef.props;
+export type JobDetailEvents = typeof __propDef.events;
+export type JobDetailSlots = typeof __propDef.slots;
 export default class JobDetail extends SvelteComponentTyped<JobDetailProps, JobDetailEvents, JobDetailSlots> {
 }
 export {};

package/components/preview/FlowPreviewStatus.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FlowPreviewStatusProps = typeof __propDef.props;
-export declare type FlowPreviewStatusEvents = typeof __propDef.events;
-export declare type FlowPreviewStatusSlots = typeof __propDef.slots;
+export type FlowPreviewStatusProps = typeof __propDef.props;
+export type FlowPreviewStatusEvents = typeof __propDef.events;
+export type FlowPreviewStatusSlots = typeof __propDef.slots;
 export default class FlowPreviewStatus extends SvelteComponentTyped<FlowPreviewStatusProps, FlowPreviewStatusEvents, FlowPreviewStatusSlots> {
 }
 export {};

package/components/progressBar/ProgressBar.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ProgressBarProps = typeof __propDef.props;
-export declare type ProgressBarEvents = typeof __propDef.events;
-export declare type ProgressBarSlots = typeof __propDef.slots;
+export type ProgressBarProps = typeof __propDef.props;
+export type ProgressBarEvents = typeof __propDef.events;
+export type ProgressBarSlots = typeof __propDef.slots;
 export default class ProgressBar extends SvelteComponentTyped<ProgressBarProps, ProgressBarEvents, ProgressBarSlots> {
 }
 export {};

package/components/progressBar/ProgressBarGeneralPart.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ProgressBarGeneralPartProps = typeof __propDef.props;
-export declare type ProgressBarGeneralPartEvents = typeof __propDef.events;
-export declare type ProgressBarGeneralPartSlots = typeof __propDef.slots;
+export type ProgressBarGeneralPartProps = typeof __propDef.props;
+export type ProgressBarGeneralPartEvents = typeof __propDef.events;
+export type ProgressBarGeneralPartSlots = typeof __propDef.slots;
 export default class ProgressBarGeneralPart extends SvelteComponentTyped<ProgressBarGeneralPartProps, ProgressBarGeneralPartEvents, ProgressBarGeneralPartSlots> {
 }
 export {};

package/components/progressBar/ProgressBarLoopAccessor.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ProgressBarLoopAccessorProps = typeof __propDef.props;
-export declare type ProgressBarLoopAccessorEvents = typeof __propDef.events;
-export declare type ProgressBarLoopAccessorSlots = typeof __propDef.slots;
+export type ProgressBarLoopAccessorProps = typeof __propDef.props;
+export type ProgressBarLoopAccessorEvents = typeof __propDef.events;
+export type ProgressBarLoopAccessorSlots = typeof __propDef.slots;
 export default class ProgressBarLoopAccessor extends SvelteComponentTyped<ProgressBarLoopAccessorProps, ProgressBarLoopAccessorEvents, ProgressBarLoopAccessorSlots> {
 }
 export {};

package/components/progressBar/ProgressBarLoopPart.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ProgressBarLoopPartProps = typeof __propDef.props;
-export declare type ProgressBarLoopPartEvents = typeof __propDef.events;
-export declare type ProgressBarLoopPartSlots = typeof __propDef.slots;
+export type ProgressBarLoopPartProps = typeof __propDef.props;
+export type ProgressBarLoopPartEvents = typeof __propDef.events;
+export type ProgressBarLoopPartSlots = typeof __propDef.slots;
 export default class ProgressBarLoopPart extends SvelteComponentTyped<ProgressBarLoopPartProps, ProgressBarLoopPartEvents, ProgressBarLoopPartSlots> {
 }
 export {};

package/components/progressBar/model.d.ts

@@ -4,29 +4,29 @@ export interface ProgressStateStoreValue {
     finished: boolean;
     error: boolean;
 }
-export declare type StepKind = 'general' | 'loop';
-declare type Step<T extends StepKind> = {
+export type StepKind = 'general' | 'loop';
+type Step<T extends StepKind> = {
     type: T;
     isDone: boolean;
 };
-export declare type GeneralStep = Step<'general'>;
-export declare type LoopStep = Step<'loop'> & {
+export type GeneralStep = Step<'general'>;
+export type LoopStep = Step<'loop'> & {
     index: number;
     length: number;
 };
-export declare type ProgressStep = GeneralStep | LoopStep;
+export type ProgressStep = GeneralStep | LoopStep;
 export declare function isLoopStep(step: ProgressStep | undefined): step is LoopStep;
-declare type State<T extends StepKind> = {
+type State<T extends StepKind> = {
     type: T;
     isDone: boolean;
     isDoneChanged: boolean;
 };
-export declare type GeneralState = State<'general'>;
-export declare type LoopState = LoopStep & {
+export type GeneralState = State<'general'>;
+export type LoopState = LoopStep & {
     index: number;
     indexChanged: boolean;
 };
-export declare type ProgressState = GeneralState | LoopState;
+export type ProgressState = GeneralState | LoopState;
 export declare function isLoopState(state: ProgressState | undefined): state is LoopState;
 export declare function getTween(initialValue?: number, duration?: number): import("svelte/motion").Tweened<number>;
 export {};

package/components/propertyPicker/ObjectViewer.svelte

@@ -1,5 +1,6 @@
-<script>import { truncate } from '../../utils';
+<script>import { pluralize, truncate } from '../../utils';
 import { createEventDispatcher } from 'svelte';
+import { Badge } from '../common';
 import { NEVER_TESTED_THIS_FAR } from '../flows/utils';
 import { getTypeAsString } from '../flows/utils';
 import { computeKey } from './utils';
@@ -12,6 +13,7 @@ export let pureViewer = false;
 export let collapsed = level == 3 || Array.isArray(json);
 export let rawKey = false;
 export let topBrackets = false;
+export let topLevelNode = false;
 const collapsedSymbol = '...';
 let keys;
 let isArray;
@@ -35,17 +37,30 @@ function selectProp(key) {
 {#if keys.length > 0}
 	<span class:hidden={collapsed}>
 		{#if level != 0}
-			<span class="cursor-pointer hover:bg-gray-200 px-1 rounded" on:click={collapse}> (-) </span>
+			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<span
+				class="cursor-pointer border border-gray-300 hover:bg-gray-200 px-1 rounded"
+				on:click={collapse}
+			>
+				-
+			</span>
 		{/if}
 		{#if level == 0 && topBrackets}<span class="h-0">{openBracket}</span>{/if}
 		<ul class="w-full">
 			{#each keys as key, index}
 				<li class="pt-1">
-					<button
-						on:click={() => selectProp(key)}
-						class="key {pureViewer ? 'cursor-auto' : ''} font-normal rounded px-1 hover:bg-blue-100"
-					>
-						{!isArray ? key : index}:
+					<button on:click={() => selectProp(key)}>
+						{#if topLevelNode}
+							<Badge baseClass="border border-blue-600" color="indigo">{key}</Badge>
+						{:else}
+							<span
+								class="key {pureViewer
+									? 'cursor-auto'
+									: 'border border-gray-300'} font-normal rounded px-1 hover:bg-blue-100"
+							>
+								{!isArray ? key : index}</span
+							>
+						{/if}:
 					</button>
 
 					{#if getTypeAsString(json[key]) === 'object'}
@@ -61,7 +76,7 @@ function selectProp(key) {
 						<button
 							class="val {pureViewer
 								? 'cursor-auto'
-								: ''} rounded px-1 hover:bg-blue-100 {getTypeAsString(json[key])}"
+								: ''} rounded hover:bg-blue-100 {getTypeAsString(json[key])}"
 							on:click={() => selectProp(key)}
 						>
 							{#if json[key] === NEVER_TESTED_THIS_FAR}
@@ -78,9 +93,19 @@ function selectProp(key) {
 		</ul>
 		{#if level == 0 && topBrackets}<span class="h-0">{closeBracket}</span>{/if}
 	</span>
-	<span class="cursor-pointer hover:bg-gray-200" class:hidden={!collapsed} on:click={collapse}>
+	<!-- svelte-ignore a11y-click-events-have-key-events -->
+	<span
+		class="border border-blue-600 rounded px-1 cursor-pointer hover:bg-gray-200"
+		class:hidden={!collapsed}
+		on:click={collapse}
+	>
 		{openBracket}{collapsedSymbol}{closeBracket}
 	</span>
+	{#if collapsed}
+		<span class="text-gray-500 text-xs">
+			{pluralize(Object.keys(json).length, Array.isArray(json) ? 'item' : 'key')}
+		</span>
+	{/if}
 	{#if !isLast && collapsed}
 		<span class="text-black">,</span>
 	{/if}

package/components/propertyPicker/ObjectViewer.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         collapsed?: boolean | undefined;
         rawKey?: boolean | undefined;
         topBrackets?: boolean | undefined;
+        topLevelNode?: boolean | undefined;
     };
     events: {
         select: CustomEvent<any>;
@@ -17,9 +18,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ObjectViewerProps = typeof __propDef.props;
-export declare type ObjectViewerEvents = typeof __propDef.events;
-export declare type ObjectViewerSlots = typeof __propDef.slots;
+export type ObjectViewerProps = typeof __propDef.props;
+export type ObjectViewerEvents = typeof __propDef.events;
+export type ObjectViewerSlots = typeof __propDef.slots;
 export default class ObjectViewer extends SvelteComponentTyped<ObjectViewerProps, ObjectViewerEvents, ObjectViewerSlots> {
 }
 export {};