windmill-components 1.13.25 → 1.22.0

package/components/RadioButton.svelte

@@ -1,10 +1,9 @@
-<script>"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.small = exports.value = exports.options = exports.label = void 0;
-exports.label = '';
-exports.small = false;
-const svelte_1 = require("svelte");
-const dispatch = (0, svelte_1.createEventDispatcher)();
+<script>export let label = '';
+export let options;
+export let value;
+export let small = false;
+import { createEventDispatcher } from 'svelte';
+const dispatch = createEventDispatcher();
 </script>
 
 <fieldset>
@@ -83,7 +82,7 @@ label:focus {
 
     border-width: 1px;
 
-    background-color: rgb(59 130 246 / 0.9);
+    background-color: rgb(59 130 246 / 0.7);
 
     padding-left: 0.75rem;
 

package/components/RadioButtonV2.svelte

@@ -0,0 +1,33 @@
+<script>export let options;
+export let value;
+import { createEventDispatcher } from 'svelte';
+import Tooltip from './Tooltip.svelte';
+$: dispatch('change', value);
+const dispatch = createEventDispatcher();
+</script>
+
+<div class="flex flex-row gap-x-4 m-4 reveal flex-wrap ">
+	{#each options as [label, val]}
+		<button
+			type="button"
+			on:click={() => {
+				value = val
+			}}
+			class="flex flex-col default-secondary-button-v2 mb-2 grow"
+			class:selected={value == val}
+		>
+			<h2 class="mb-2 whitespace-nowrap">{label.title} <Tooltip>{label.desc}</Tooltip></h2>
+		</button>
+	{/each}
+</div>
+
+<style>
+	.selected {
+    background-color: rgb(59 130 246 / 0.7);
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+	.selected > h2 {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}</style>

package/components/RadioButtonV2.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        options: [{
+            title: string;
+            desc?: string;
+        }, string][];
+        value: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type RadioButtonV2Props = typeof __propDef.props;
+export declare type RadioButtonV2Events = typeof __propDef.events;
+export declare type RadioButtonV2Slots = typeof __propDef.slots;
+export default class RadioButtonV2 extends SvelteComponentTyped<RadioButtonV2Props, RadioButtonV2Events, RadioButtonV2Slots> {
+}
+export {};

package/components/Required.svelte

@@ -1,7 +1,5 @@
-<script>"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detail = exports.required = void 0;
-exports.detail = '';
+<script>export let required;
+export let detail = '';
 </script>
 
 {#if required}

package/components/ResourceEditor.svelte

@@ -1,23 +1,18 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initEdit = exports.initNew = void 0;
-const gen_1 = require("$lib/gen");
-const utils_1 = require("$lib/utils");
-const svelte_1 = require("svelte");
-const Modal_svelte_1 = __importDefault(require("./Modal.svelte"));
-const Path_svelte_1 = __importDefault(require("./Path.svelte"));
-const ArgInput_svelte_1 = __importDefault(require("./ArgInput.svelte"));
-const AutosizedTextarea_svelte_1 = __importDefault(require("./AutosizedTextarea.svelte"));
-const ItemPicker_svelte_1 = __importDefault(require("./ItemPicker.svelte"));
-const VariableEditor_svelte_1 = __importDefault(require("./VariableEditor.svelte"));
-const Required_svelte_1 = __importDefault(require("./Required.svelte"));
-const stores_1 = require("$lib/stores");
-const ResourceTypePicker_svelte_1 = __importDefault(require("./ResourceTypePicker.svelte"));
+<script>import { ResourceService, VariableService } from '../gen';
+import { allTrue, emptySchema, sendUserToast } from '../utils';
+import { createEventDispatcher } from 'svelte';
+import Modal from './Modal.svelte';
+import Path from './Path.svelte';
+import ArgInput from './ArgInput.svelte';
+import AutosizedTextarea from './AutosizedTextarea.svelte';
+import ItemPicker from './ItemPicker.svelte';
+import VariableEditor from './VariableEditor.svelte';
+import Required from './Required.svelte';
+import { workspaceStore } from '../stores';
+import ResourceTypePicker from './ResourceTypePicker.svelte';
 let path = '';
 let initialPath = '';
+let pathError = '';
 let step = 1;
 let resourceToEdit;
 let description = '';
@@ -32,49 +27,47 @@ let pickForField;
 let itemPicker;
 let variableEditor;
 let modal;
-const dispatch = (0, svelte_1.createEventDispatcher)();
-async function initNew() {
+const dispatch = createEventDispatcher();
+export async function initNew() {
     selectedResourceType = undefined;
     step = 1;
     args = {};
     path = '';
     description = '';
     initialPath = '';
-    resourceSchema = (0, utils_1.emptySchema)();
+    resourceSchema = emptySchema();
     resourceToEdit = undefined;
     modal.openModal();
 }
-exports.initNew = initNew;
-async function initEdit(p) {
+export async function initEdit(p) {
     initialPath = p;
     path = p;
     step = 2;
-    resourceToEdit = await gen_1.ResourceService.getResource({ workspace: $workspaceStore, path: p });
+    resourceToEdit = await ResourceService.getResource({ workspace: $workspaceStore, path: p });
     description = resourceToEdit.description ?? '';
     selectedResourceType = resourceToEdit.resource_type;
     await loadResourceType();
     args = resourceToEdit.value;
     modal.openModal();
 }
-exports.initEdit = initEdit;
 async function createResource() {
-    await gen_1.ResourceService.createResource({
+    await ResourceService.createResource({
         workspace: $workspaceStore,
         requestBody: { path, value: args, description, resource_type: resourceType.name }
     });
-    (0, utils_1.sendUserToast)(`Successfully created resource at ${path}`);
+    sendUserToast(`Successfully created resource at ${path}`);
     dispatch('refresh');
     modal.closeModal();
 }
 async function editResource() {
     try {
         if (resourceToEdit) {
-            await gen_1.ResourceService.updateResource({
+            await ResourceService.updateResource({
                 workspace: $workspaceStore,
                 path: resourceToEdit.path,
                 requestBody: { path, value: args, description }
             });
-            (0, utils_1.sendUserToast)(`Successfully updated resource at ${path}`);
+            sendUserToast(`Successfully updated resource at ${path}`);
             dispatch('refresh');
             modal.closeModal();
         }
@@ -83,12 +76,12 @@ async function editResource() {
         }
     }
     catch (err) {
-        (0, utils_1.sendUserToast)(`${err}`, true);
+        sendUserToast(`${err}`, true);
     }
 }
 async function loadResourceType() {
     if (selectedResourceType) {
-        resourceType = await gen_1.ResourceService.getResourceType({
+        resourceType = await ResourceService.getResourceType({
             workspace: $workspaceStore,
             path: selectedResourceType
         });
@@ -97,11 +90,11 @@ async function loadResourceType() {
         }
     }
     else {
-        (0, utils_1.sendUserToast)(`ResourceType cannot be undefined.`, true);
+        sendUserToast(`ResourceType cannot be undefined.`, true);
     }
 }
 let inputCheck = {};
-$: isValid = (0, utils_1.allTrue)(inputCheck) ?? false;
+$: isValid = allTrue(inputCheck) ?? false;
 </script>
 
 <Modal
@@ -118,8 +111,14 @@ $: isValid = (0, utils_1.allTrue)(inputCheck) ?? false;
 				<div>
 					<span class="text-purple-500 text-2xs grow">{error ?? ''}</span>
 					<span class="mb-1 font-semibold text-gray-700">Path</span>
-					<Path bind:path {initialPath} namePlaceholder="my/resource">
-						<div slot="ownerToolkit" class="text-gray-700 text-2xs">
+					<Path
+						bind:error={pathError}
+						bind:path
+						{initialPath}
+						namePlaceholder="my/resource"
+						kind="resource"
+					>
+						<div slot="ownerToolkit">
 							Resource permissions depend on their path. Select the group <span class="font-mono"
 								>all</span
 							>
@@ -187,19 +186,16 @@ $: isValid = (0, utils_1.allTrue)(inputCheck) ?? false;
 	</div>
 	<span slot="submission">
 		{#if step === 1}
-			{#if selectedResourceType && path != undefined && path != '' && path.split('/')[2] != ''}
-				<button
-					class="default-button px-4 py-2 font-semibold"
-					on:click={async () => {
-						await loadResourceType()
-						step = 2
-					}}
-				>
-					Next
-				</button>
-			{:else}
-				<button class="default-button-disabled px-4 py-2 font-semibold">Next</button>
-			{/if}
+			<button
+				class="default-button px-4 py-2 font-semibold"
+				on:click={async () => {
+					await loadResourceType()
+					step = 2
+				}}
+				disabled={selectedResourceType == undefined || pathError != ''}
+			>
+				Next
+			</button>
 		{:else}
 			<button
 				class="default-button-secondary px-4 py-2 font-semibold"

package/components/ResourcePicker.svelte

@@ -1,15 +1,14 @@
-<script>"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resourceType = exports.value = void 0;
-const gen_1 = require("$lib/gen");
-const stores_1 = require("$lib/stores");
+<script>import { ResourceService } from '../gen';
+import { workspaceStore } from '../stores';
 let resources = [];
+export let value = undefined;
+export let resourceType = undefined;
 async function loadResources(resourceType) {
-    resources = await gen_1.ResourceService.listResource({ workspace: $workspaceStore, resourceType });
+    resources = await ResourceService.listResource({ workspace: $workspaceStore, resourceType });
 }
 $: {
     if ($workspaceStore) {
-        loadResources(exports.resourceType);
+        loadResources(resourceType);
     }
 }
 </script>

package/components/ResourcePicker.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        value: string | undefined;
-        resourceType: string | undefined;
+        value?: string | undefined;
+        resourceType?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/ResourceTypePicker.svelte

@@ -1,19 +1,14 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.notPickable = exports.value = void 0;
-const svelte_1 = require("svelte");
-const gen_1 = require("$lib/gen");
-const stores_1 = require("$lib/stores");
-const IconedResourceType_svelte_1 = __importDefault(require("./IconedResourceType.svelte"));
+<script>import { createEventDispatcher } from 'svelte';
+import { ResourceService } from '../gen';
+import { workspaceStore } from '../stores';
+import IconedResourceType from './IconedResourceType.svelte';
 let resources = [];
-exports.notPickable = false;
+export let value;
+export let notPickable = false;
 async function loadResources() {
-    resources = await gen_1.ResourceService.listResourceTypeNames({ workspace: $workspaceStore });
+    resources = await ResourceService.listResourceTypeNames({ workspace: $workspaceStore });
 }
-const dispatch = (0, svelte_1.createEventDispatcher)();
+const dispatch = createEventDispatcher();
 $: {
     if ($workspaceStore) {
         loadResources();

package/components/RunForm.svelte

@@ -1,21 +1,17 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.args = exports.detailed = exports.schedulable = exports.buttonText = exports.runAction = exports.runnable = void 0;
-const stores_1 = require("$app/stores");
-const utils_1 = require("$lib/utils");
-const transition_1 = require("svelte/transition");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const svelte_awesome_1 = __importDefault(require("svelte-awesome"));
-const Tooltip_svelte_1 = __importDefault(require("./Tooltip.svelte"));
-const svelte_markdown_1 = __importDefault(require("svelte-markdown"));
-const SchemaForm_svelte_1 = __importDefault(require("./SchemaForm.svelte"));
-exports.buttonText = 'Run';
-exports.schedulable = true;
-exports.detailed = true;
-exports.args = {};
+<script>import { page } from '$app/stores';
+import { getToday } from '../utils';
+import { slide } from 'svelte/transition';
+import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
+import Icon from 'svelte-awesome';
+import Tooltip from './Tooltip.svelte';
+import SvelteMarkdown from 'svelte-markdown';
+import SchemaForm from './SchemaForm.svelte';
+export let runnable;
+export let runAction;
+export let buttonText = 'Run';
+export let schedulable = true;
+export let detailed = true;
+export let args = {};
 let isValid = true;
 let queryArgs = $page.url.searchParams.get('args');
 if (queryArgs) {
@@ -25,8 +21,7 @@ if (queryArgs) {
             parsed[k] = undefined;
         }
     });
-    console.log(parsed);
-    exports.args = parsed;
+    args = parsed;
 }
 // Run later
 let viewOptions = false;

package/components/SchemaEditor.svelte

@@ -1,130 +1,100 @@
-<script>"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSchema = exports.schema = void 0;
-const SchemaModal_svelte_1 = __importStar(require("./SchemaModal.svelte"));
-const Editor_svelte_1 = __importDefault(require("./Editor.svelte"));
-const utils_1 = require("$lib/utils");
-const Tooltip_svelte_1 = __importDefault(require("./Tooltip.svelte"));
-const TableCustom_svelte_1 = __importDefault(require("./TableCustom.svelte"));
-exports.schema = (0, utils_1.emptySchema)();
+<script>import SchemaModal, { DEFAULT_PROPERTY, modalToSchema, schemaToModal } from './SchemaModal.svelte';
+import Editor from './Editor.svelte';
+import { emptySchema, sendUserToast } from '../utils';
+import Tooltip from './Tooltip.svelte';
+import TableCustom from './TableCustom.svelte';
+export let schema = emptySchema();
 let schemaModal;
 let schemaString = '';
 // Internal state: bound to args builder modal
-let modalProperty = Object.assign({}, SchemaModal_svelte_1.DEFAULT_PROPERTY);
+let modalProperty = Object.assign({}, DEFAULT_PROPERTY);
 let argError = '';
 let editing = false;
 let oldArgName; // when editing argument and changing name
 let viewJsonSchema = false;
 // Binding is not enough because monaco Editor does not support two-way binding
-function getSchema() {
+export function getSchema() {
     try {
         if (viewJsonSchema) {
-            exports.schema = JSON.parse(schemaString);
-            return exports.schema;
+            schema = JSON.parse(schemaString);
+            return schema;
         }
         else {
-            schemaString = JSON.stringify(exports.schema, null, '\t');
-            return exports.schema;
+            schemaString = JSON.stringify(schema, null, '\t');
+            return schema;
         }
     }
     catch (err) {
         throw Error(`Error: input is not a valid schema: ${err}`);
     }
 }
-exports.getSchema = getSchema;
 function handleAddOrEditArgument() {
     // If editing the arg's name, oldName containing the old argument name must be provided
     argError = '';
     if (modalProperty.name.length === 0) {
         argError = 'Arguments need to have a name';
     }
-    else if (Object.keys(exports.schema.properties).includes(modalProperty.name) && !editing) {
+    else if (Object.keys(schema.properties).includes(modalProperty.name) && !editing) {
         argError = 'There is already an argument with this name';
     }
     else {
-        exports.schema.properties[modalProperty.name] = (0, SchemaModal_svelte_1.modalToSchema)(modalProperty);
+        schema.properties[modalProperty.name] = modalToSchema(modalProperty);
         if (modalProperty.required) {
-            exports.schema.required = [...exports.schema.required, modalProperty.name];
+            schema.required = [...schema.required, modalProperty.name];
         }
-        else if (exports.schema.required.includes(modalProperty.name)) {
-            const index = exports.schema.required.indexOf(modalProperty.name, 0);
+        else if (schema.required.includes(modalProperty.name)) {
+            const index = schema.required.indexOf(modalProperty.name, 0);
             if (index > -1) {
-                exports.schema.required.splice(index, 1);
+                schema.required.splice(index, 1);
             }
         }
         if (editing && oldArgName && oldArgName !== modalProperty.name) {
             handleDeleteArgument(oldArgName);
         }
-        modalProperty = Object.assign({}, SchemaModal_svelte_1.DEFAULT_PROPERTY);
+        modalProperty = Object.assign({}, DEFAULT_PROPERTY);
         editing = false;
         oldArgName = undefined;
         schemaModal.closeModal();
     }
-    exports.schema = exports.schema;
-    schemaString = JSON.stringify(exports.schema, null, '\t');
+    schema = schema;
+    schemaString = JSON.stringify(schema, null, '\t');
 }
 function startEditArgument(argName) {
     argError = '';
-    if (Object.keys(exports.schema.properties).includes(argName)) {
+    if (Object.keys(schema.properties).includes(argName)) {
         schemaModal.openModal();
         editing = true;
-        modalProperty = (0, SchemaModal_svelte_1.schemaToModal)(exports.schema.properties[argName], argName, exports.schema.required.includes(argName));
+        modalProperty = schemaToModal(schema.properties[argName], argName, schema.required.includes(argName));
         oldArgName = argName;
     }
     else {
-        (0, utils_1.sendUserToast)(`This argument does not exist and can't be edited`, true);
+        sendUserToast(`This argument does not exist and can't be edited`, true);
     }
 }
 function handleDeleteArgument(argName) {
     try {
-        if (Object.keys(exports.schema.properties).includes(argName)) {
-            delete exports.schema.properties[argName];
-            exports.schema = exports.schema;
-            schemaString = JSON.stringify(exports.schema, null, '\t');
+        if (Object.keys(schema.properties).includes(argName)) {
+            delete schema.properties[argName];
+            schema = schema;
+            schemaString = JSON.stringify(schema, null, '\t');
         }
         else {
             throw Error('Argument not found!');
         }
     }
     catch (err) {
-        (0, utils_1.sendUserToast)(`Could not delete argument: ${err}`, true);
+        sendUserToast(`Could not delete argument: ${err}`, true);
     }
 }
 function switchTab() {
     if (viewJsonSchema) {
         if (schemaString === '') {
-            schemaString = JSON.stringify((0, utils_1.emptySchema)(), null, 4);
+            schemaString = JSON.stringify(emptySchema(), null, 4);
         }
         viewJsonSchema = false;
     }
     else {
-        schemaString = JSON.stringify(exports.schema, null, '\t');
+        schemaString = JSON.stringify(schema, null, '\t');
         viewJsonSchema = true;
     }
 }