mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 00:06:06 +00:00
Diego ImbertandRuben Fiszel
72b744c4e1
* Monaco transparent bg
* started improving input transform form
* always show static/f selector
* fix connecting btn changing size
* pretty Fill Inputs button
* ResizeTransitionWrapper
* Prettier TemplateEditor
* prevent double onpointerdown when clicking button to close
* text hint
* force focus border for TemplateEditor
* styling in js mode
* update select style
* fix jittery fake monaco placeholder
* select nits
* aiproviderpicker + nits
* smaller ${...} badge
* no-default-style
* select dropdown slide
* nit
* Refresh button in flow picker quick
* jsonEditor pretty
* ai provider toggle button more
* change resource edit button pos
* ResourcePicker Add and Refresh btn
* fix scrollbar
* Fix FileInput and S3 Arg Input
* fix textarea styling
* nicer refresh button in Test This Step
* fix togglebutton border in darkmode
* rounded nit
* Fix multiselect styling
* Prevent crash when selecting dyn-multiselect
* missing $derived and $state => reactivity issue when switching between DynSelect and DynMultiselect
* forgot $effect.pre
* fix nested objects
* nits
* prettier json toggle and array inputs
* array input nits
* nit
* fix json toggle appearing in fileinputs
* nit
* started updating PropertyEditor
* (stash) fix select dropdown animation teleporting from bottom to top
* nit
* nit
* resize transition in schemaform
* nit
* nit typo
* nit enableFlyTransition
* shadow nit
* small consistency changes
* user setting nit
* resize transition in module preview form
* more space
* nit readability on hover
* DateTimeInput new style
* nit fix
* remove yPadding in template and simple editor
* nits
* Revert "remove yPadding in template and simple editor"
This reverts commit 8f27c8d0b8.
* nit
* Fix proppicker border
* fix inconsistent spacing btw arginput and input transform form field headers
* consistent add item button
* nit
* s3 settings nits
* RunsFilter fix
* gray ${...} badge
* border fix darkmode
* nit
* nit app editor consistency
* fix step input gen style
* nit fix
* nits
* toggle border
* nit toggle button
* nit font-medium
* nit font-medium
* nit font-medium
* nit font-medium
* nit
---------
Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
63 lines
1.7 KiB
Svelte
63 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import { twMerge } from 'tailwind-merge'
|
|
import Required from './Required.svelte'
|
|
import { capitalize, emptyString } from '$lib/utils'
|
|
import Tooltip from './meltComponents/Tooltip.svelte'
|
|
import { InfoIcon } from 'lucide-svelte'
|
|
|
|
export let label: string
|
|
export let format: string = ''
|
|
export let contentEncoding = ''
|
|
export let type: string | undefined = undefined
|
|
export let disabled: boolean = false
|
|
export let required = false
|
|
export let displayType: boolean = true
|
|
export let labelClass: string = ''
|
|
export let prettify = false
|
|
export let simpleTooltip: string | undefined = undefined
|
|
export let lightHeader = false
|
|
export let SimpleTooltipIcon = InfoIcon
|
|
export let simpleTooltipIconClass = ''
|
|
</script>
|
|
|
|
<div class="inline-flex flex-row items-baseline truncated">
|
|
<span
|
|
class={twMerge(
|
|
disabled ? 'text-tertiary' : '',
|
|
'font-semibold',
|
|
lightHeader ? 'text-secondary text-sm font-normal' : '',
|
|
labelClass
|
|
)}
|
|
>
|
|
{#if prettify}
|
|
{label.replace(/_/g, ' ').split(' ').map(capitalize).join(' ')}
|
|
{:else}
|
|
{label}
|
|
{/if}
|
|
</span>
|
|
{#if !disabled}
|
|
<Required {required} class="!ml-0" />
|
|
{/if}
|
|
|
|
{#if displayType}
|
|
<span class="text-xs italic ml-2 text-hint">
|
|
{#if format && !format.startsWith('resource') && !format.startsWith('jsonschema-')}
|
|
{format}
|
|
{:else}
|
|
{type ?? 'any'}{contentEncoding && contentEncoding != ''
|
|
? `, encoding: ${contentEncoding}`
|
|
: ''}
|
|
{/if}
|
|
</span>
|
|
{/if}
|
|
|
|
{#if !emptyString(simpleTooltip)}
|
|
<Tooltip class="ml-2" placement="bottom">
|
|
<SimpleTooltipIcon size="14" class={'-mb-0.5 ' + simpleTooltipIconClass} />
|
|
<span class="text-xs" slot="text">
|
|
{simpleTooltip}
|
|
</span>
|
|
</Tooltip>
|
|
{/if}
|
|
</div>
|