diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/Column.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/Column.svelte index a1c278fffb..ab43b6658a 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/Column.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/Column.svelte @@ -36,11 +36,11 @@ {:else if schema.type === "number"} {:else if schema.type === "json"} - import { Subject, Section } from './components' + import { Block, Subject, Section } from './components' - +
- A 'required' contraint can be applied to columns to ensure a value is always present. If a column doesn't have this constraint, then its value for a particular row could he missing. + A required constraint can be applied to columns to ensure a value is always present. If a column doesn't have this constraint, then its value for a particular row could he missing.
diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/StringsAsNumbers.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/StringsAsNumbers.svelte index 27e28c13e6..0accdcd197 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/StringsAsNumbers.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/StringsAsNumbers.svelte @@ -1,9 +1,25 @@
- Text can be used in place of numbers in certain scenarios, but care needs to be taken to ensure that non-numerical values aren't also present, otherwise they may be parsed incorrectly and lead to unexpected behavior. + Text can be used in place of numbers in certain scenarios, but care needs to be taken, as text that doesn't contain a strictly base-ten, non-decimal value may lead to unexpected behavior. +
+ +
+ Examples: +
+ "100"{" -> "}100 +
+ "100k"{" -> "}100 +
+ "100,000"{" -> "}100 +
+ "100 million"{" -> "}100 +
+ "100.9"{" -> "}100 +
+ "One hundred"{" -> "}Error
diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/components/Block.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/components/Block.svelte index e90bbc6bf9..b2e2d8330c 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/components/Block.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/ExplanationModal/subjects/components/Block.svelte @@ -5,10 +5,10 @@ diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/typography/DocumentationLink.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/typography/DocumentationLink.svelte index 982745ac07..d4d9bebdc4 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/typography/DocumentationLink.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/typography/DocumentationLink.svelte @@ -13,7 +13,7 @@ target="_blank" class="link" > - + {text} @@ -32,8 +32,9 @@ .link { display: inline-flex; box-sizing: border-box; - padding: 1px 0; + padding: 1px 0 2px; filter: brightness(100%); + align-items: center; overflow: hidden; flex-shrink: 0; diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/typography/InfoWord.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/typography/InfoWord.svelte index 582e07f9fe..9e6dd29ba0 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/typography/InfoWord.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/typography/InfoWord.svelte @@ -21,7 +21,7 @@ on:mouseleave > {#if icon} - + {/if} @@ -39,7 +39,7 @@ on:mouseleave > {#if icon} - + {/if} @@ -53,7 +53,7 @@ .infoWord { display: inline-flex; box-sizing: border-box; - padding: 1px 0; + padding: 1px 0 2px; filter: brightness(100%); overflow: hidden; transition: filter 300ms; diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/typography/Text.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/typography/Text.svelte index 42983a1b0c..d7dc4d053d 100644 --- a/packages/builder/src/components/design/settings/controls/FieldContext/typography/Text.svelte +++ b/packages/builder/src/components/design/settings/controls/FieldContext/typography/Text.svelte @@ -59,6 +59,6 @@ /* invisible properties to match other inline text elements that do have borders. If we don't match here we run into subpixel issues */ box-sizing: border-box; border-bottom: 1px solid transparent; - padding: 1px 0; + padding: 1px 0 2px; } diff --git a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte index 9f0f9a4561..0fd92477f3 100644 --- a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte +++ b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte @@ -70,6 +70,10 @@ if (field) { return field.name + } else if (type === "jsonarray") { + // `jsonarray` isn't present in the above FIELDS constant + + return "JSON Array" } return "" @@ -93,6 +97,8 @@ const onOptionMouseleave = (e, option) => { updateTooltip(e, null); } + + $: console.log(schema)