@stubber/form-fields 1.7.5 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/fields2/interfaces.d.ts +25 -25
  2. package/dist/fields2/interfaces.js +15 -15
  3. package/dist/fields2/sub/smart-text-field.svelte +13 -4
  4. package/package.json +1 -1
package/dist/fields2/interfaces.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import type { Socket } from "socket.io-client";
2
2
  import type { Writable } from "svelte/store";
3
3
  import type { UploadedFile } from "./fileserver";
4
- import type { IGridField } from "./sub/grid-field.svelte";
5
- import GridField from "./sub/grid-field.svelte";
6
4
  import type { IArrayBuilderField } from "./sub/array-builder-field.svelte";
7
5
  import ArrayBuilderField from "./sub/array-builder-field.svelte";
8
6
  import type { ICheckboxAutocompleteField } from "./sub/checkbox-autocomplete.svelte";
9
7
  import CheckboxAutocomplete from "./sub/checkbox-autocomplete.svelte";
10
8
  import type { ICheckboxField } from "./sub/checkbox-field.svelte";
11
9
  import CheckboxField from "./sub/checkbox-field.svelte";
10
+ import type { ICodeField } from "./sub/code-field.svelte";
11
+ import CodeField from "./sub/code-field.svelte";
12
12
  import type { IContactSelectorField } from "./sub/contact-selector-field.svelte";
13
13
  import ContactSelectorField from "./sub/contact-selector-field.svelte";
14
14
  import type { ICurrencyField } from "./sub/currency-field.svelte";
@@ -22,6 +22,8 @@ import type { IEmailField } from "./sub/email-field.svelte";
22
22
  import EmailField from "./sub/email-field.svelte";
23
23
  import FieldBuilderField, { type IFieldBuilderField } from "./sub/field-builder-field.svelte";
24
24
  import FileField, { type IFileField } from "./sub/file-field.svelte";
25
+ import type { IGridField } from "./sub/grid-field.svelte";
26
+ import GridField from "./sub/grid-field.svelte";
25
27
  import HeadingField, { type IHeadingField } from "./sub/heading-field.svelte";
26
28
  import HiddenField, { type IHiddenField } from "./sub/hidden-field.svelte";
27
29
  import type { IHiddenLocationField } from "./sub/hidden-location-field.svelte";
@@ -30,40 +32,38 @@ import HtmlField, { type IHTMLField } from "./sub/html-field.svelte";
30
32
  import JSONEditorField, { type IJSONEditorField } from "./sub/jsoneditor-field.svelte";
31
33
  import type { IMapField } from "./sub/map-field.svelte";
32
34
  import MapField from "./sub/map-field.svelte";
35
+ import type { IMultiCheckboxField } from "./sub/multi-checkbox-field.svelte";
36
+ import MultiCheckboxField from "./sub/multi-checkbox-field.svelte";
37
+ import type { IMultistepField } from "./sub/multistep-field.svelte";
38
+ import MultistepField from "./sub/multistep-field.svelte";
39
+ import NoteField, { type INoteField } from "./sub/note-field.svelte";
33
40
  import type { INumberField } from "./sub/number-field.svelte";
34
41
  import NumberField from "./sub/number-field.svelte";
42
+ import ObjectBuilderField, { type IObjectBuilderField } from "./sub/object-builder-field.svelte";
43
+ import QrCodeScannerField, { type IQRCodeScannerField } from "./sub/qr-code-scanner-field.svelte";
44
+ import type { IRadioField } from "./sub/radio-field.svelte";
45
+ import RadioField from "./sub/radio-field.svelte";
46
+ import type { IScreenRecorderField } from "./sub/screenrecorder-field.svelte";
47
+ import ScreenrecorderField from "./sub/screenrecorder-field.svelte";
48
+ import type { IScreenshotField } from "./sub/screenshot-field.svelte";
49
+ import ScreenshotField from "./sub/screenshot-field.svelte";
50
+ import ScrollAndReadDisplayField, { type IScrollAndReadDisplayField } from "./sub/scroll-and-read-display-field.svelte";
35
51
  import type { ISectionField } from "./sub/section-field.svelte";
36
52
  import SectionField from "./sub/section-field.svelte";
37
53
  import type { ISelectField } from "./sub/select-field.svelte";
38
54
  import SelectField from "./sub/select-field.svelte";
55
+ import SelectresourceField, { type ISelectResourceField } from "./sub/selectresource-field.svelte";
56
+ import SignatureField, { type ISignatureField } from "./sub/signature-field.svelte";
39
57
  import type { ISliderField } from "./sub/slider-field.svelte";
40
58
  import SliderField from "./sub/slider-field.svelte";
41
- import type { ITextField } from "./sub/text-field.svelte";
42
- import TextField from "./sub/text-field.svelte";
59
+ import type { ISmartTextField } from "./sub/smart-text-field.svelte";
60
+ import SmartTextField from "./sub/smart-text-field.svelte";
43
61
  import type { ITelephoneField } from "./sub/telephone-field.svelte";
44
62
  import TelephoneField from "./sub/telephone-field.svelte";
45
- import NoteField, { type INoteField } from "./sub/note-field.svelte";
46
- import type { IMultistepField } from "./sub/multistep-field.svelte";
47
- import MultistepField from "./sub/multistep-field.svelte";
48
- import ObjectBuilderField, { type IObjectBuilderField } from "./sub/object-builder-field.svelte";
49
- import type { IRadioField } from "./sub/radio-field.svelte";
50
- import RadioField from "./sub/radio-field.svelte";
51
- import type { IMultiCheckboxField } from "./sub/multi-checkbox-field.svelte";
52
- import MultiCheckboxField from "./sub/multi-checkbox-field.svelte";
53
- import QrCodeScannerField, { type IQRCodeScannerField } from "./sub/qr-code-scanner-field.svelte";
54
- import ScrollAndReadDisplayField, { type IScrollAndReadDisplayField } from "./sub/scroll-and-read-display-field.svelte";
63
+ import type { ITextField } from "./sub/text-field.svelte";
64
+ import TextField from "./sub/text-field.svelte";
55
65
  import type { IVoicenoteField } from "./sub/voicenote-field.svelte";
56
66
  import VoicenoteField from "./sub/voicenote-field.svelte";
57
- import SignatureField, { type ISignatureField } from "./sub/signature-field.svelte";
58
- import type { ISmartTextField } from "./sub/smart-text-field.svelte";
59
- import SmartTextField from "./sub/smart-text-field.svelte";
60
- import type { IScreenshotField } from "./sub/screenshot-field.svelte";
61
- import ScreenshotField from "./sub/screenshot-field.svelte";
62
- import CodeField from "./sub/code-field.svelte";
63
- import type { ICodeField } from "./sub/code-field.svelte";
64
- import type { IScreenRecorderField } from "./sub/screenrecorder-field.svelte";
65
- import ScreenrecorderField from "./sub/screenrecorder-field.svelte";
66
- import SelectresourceField, { type ISelectResourceField } from "./sub/selectresource-field.svelte";
67
67
  export interface IBaseField<TParams> {
68
68
  __key?: string;
69
69
  name?: string;
@@ -178,7 +178,7 @@ export interface IBuiltField<T = {}> {
178
178
  params?: T;
179
179
  }
180
180
  export declare const final_field_type: (f: IBuiltField, allow_dynamic_switching: boolean) => FieldType;
181
- export declare const component_for: (fieldtype: FieldType) => typeof GridField | typeof TextField | typeof NumberField | typeof SectionField | typeof CheckboxField | typeof CheckboxAutocomplete | typeof ArrayBuilderField | typeof SelectField | typeof SelectresourceField | typeof SliderField | typeof ContactSelectorField | typeof CurrencyField | typeof DataIndicationField | typeof DateField | typeof DateTimeField | typeof EmailField | typeof FieldBuilderField | typeof JSONEditorField | typeof FileField | typeof HeadingField | typeof HiddenField | typeof HiddenLocationField | typeof HtmlField | typeof MapField | typeof TelephoneField | typeof NoteField | typeof MultistepField | typeof ObjectBuilderField | typeof RadioField | typeof MultiCheckboxField | typeof QrCodeScannerField | typeof ScrollAndReadDisplayField | typeof VoicenoteField | typeof SignatureField | typeof SmartTextField | typeof ScreenshotField | typeof ScreenrecorderField | typeof CodeField;
181
+ export declare const component_for: (fieldtype: FieldType) => typeof TextField | typeof NumberField | typeof SectionField | typeof CheckboxField | typeof CheckboxAutocomplete | typeof ArrayBuilderField | typeof GridField | typeof SelectField | typeof SelectresourceField | typeof SliderField | typeof ContactSelectorField | typeof CurrencyField | typeof DataIndicationField | typeof DateField | typeof DateTimeField | typeof EmailField | typeof FieldBuilderField | typeof JSONEditorField | typeof FileField | typeof HeadingField | typeof HiddenField | typeof HiddenLocationField | typeof HtmlField | typeof MapField | typeof TelephoneField | typeof NoteField | typeof MultistepField | typeof ObjectBuilderField | typeof RadioField | typeof MultiCheckboxField | typeof QrCodeScannerField | typeof ScrollAndReadDisplayField | typeof VoicenoteField | typeof SignatureField | typeof SmartTextField | typeof ScreenshotField | typeof ScreenrecorderField | typeof CodeField;
182
182
  export interface IBaseValidation {
183
183
  invalid_message?: string;
184
184
  }
package/dist/fields2/interfaces.js CHANGED
@@ -1,7 +1,7 @@
1
- import GridField from "./sub/grid-field.svelte";
2
1
  import ArrayBuilderField from "./sub/array-builder-field.svelte";
3
2
  import CheckboxAutocomplete from "./sub/checkbox-autocomplete.svelte";
4
3
  import CheckboxField from "./sub/checkbox-field.svelte";
4
+ import CodeField from "./sub/code-field.svelte";
5
5
  import ContactSelectorField from "./sub/contact-selector-field.svelte";
6
6
  import CurrencyField from "./sub/currency-field.svelte";
7
7
  import DataIndicationField, {} from "./sub/data-indication-field.svelte";
@@ -10,32 +10,32 @@ import DateTimeField from "./sub/date-time-field.svelte";
10
10
  import EmailField from "./sub/email-field.svelte";
11
11
  import FieldBuilderField, {} from "./sub/field-builder-field.svelte";
12
12
  import FileField, {} from "./sub/file-field.svelte";
13
+ import GridField from "./sub/grid-field.svelte";
13
14
  import HeadingField, {} from "./sub/heading-field.svelte";
14
15
  import HiddenField, {} from "./sub/hidden-field.svelte";
15
16
  import HiddenLocationField from "./sub/hidden-location-field.svelte";
16
17
  import HtmlField, {} from "./sub/html-field.svelte";
17
18
  import JSONEditorField, {} from "./sub/jsoneditor-field.svelte";
18
19
  import MapField from "./sub/map-field.svelte";
19
- import NumberField from "./sub/number-field.svelte";
20
- import SectionField from "./sub/section-field.svelte";
21
- import SelectField from "./sub/select-field.svelte";
22
- import SliderField from "./sub/slider-field.svelte";
23
- import TextField from "./sub/text-field.svelte";
24
- import TelephoneField from "./sub/telephone-field.svelte";
25
- import NoteField, {} from "./sub/note-field.svelte";
20
+ import MultiCheckboxField from "./sub/multi-checkbox-field.svelte";
26
21
  import MultistepField from "./sub/multistep-field.svelte";
22
+ import NoteField, {} from "./sub/note-field.svelte";
23
+ import NumberField from "./sub/number-field.svelte";
27
24
  import ObjectBuilderField, {} from "./sub/object-builder-field.svelte";
28
- import RadioField from "./sub/radio-field.svelte";
29
- import MultiCheckboxField from "./sub/multi-checkbox-field.svelte";
30
25
  import QrCodeScannerField, {} from "./sub/qr-code-scanner-field.svelte";
26
+ import RadioField from "./sub/radio-field.svelte";
27
+ import ScreenrecorderField from "./sub/screenrecorder-field.svelte";
28
+ import ScreenshotField from "./sub/screenshot-field.svelte";
31
29
  import ScrollAndReadDisplayField, {} from "./sub/scroll-and-read-display-field.svelte";
32
- import VoicenoteField from "./sub/voicenote-field.svelte";
30
+ import SectionField from "./sub/section-field.svelte";
31
+ import SelectField from "./sub/select-field.svelte";
32
+ import SelectresourceField, {} from "./sub/selectresource-field.svelte";
33
33
  import SignatureField, {} from "./sub/signature-field.svelte";
34
+ import SliderField from "./sub/slider-field.svelte";
34
35
  import SmartTextField from "./sub/smart-text-field.svelte";
35
- import ScreenshotField from "./sub/screenshot-field.svelte";
36
- import CodeField from "./sub/code-field.svelte";
37
- import ScreenrecorderField from "./sub/screenrecorder-field.svelte";
38
- import SelectresourceField, {} from "./sub/selectresource-field.svelte";
36
+ import TelephoneField from "./sub/telephone-field.svelte";
37
+ import TextField from "./sub/text-field.svelte";
38
+ import VoicenoteField from "./sub/voicenote-field.svelte";
39
39
  export const fields = {
40
40
  text: TextField,
41
41
  number: NumberField,
package/dist/fields2/sub/smart-text-field.svelte CHANGED
@@ -4,11 +4,19 @@ export const smart_text_field_param_spec = {
4
4
  fields: {
5
5
  parse_string: {
6
6
  fieldtype: "checkbox",
7
- without_value_details: true
7
+ without_value_details: true,
8
+ initvalue: {
9
+ has_default: true,
10
+ default: true
11
+ }
8
12
  },
9
13
  code_language: {
10
14
  fieldtype: "select",
11
15
  without_value_details: true,
16
+ initvalue: {
17
+ has_default: true,
18
+ default: "handlebars"
19
+ },
12
20
  params: {
13
21
  options: [
14
22
  { label: "Handlebars", value: "handlebars" },
@@ -77,8 +85,8 @@ $: type = validation_result?.type;
77
85
  $: isValid = type !== "error";
78
86
  $: is_object = typeof $fieldStore.value === "object";
79
87
  const smart_text_fields_ctx_store = getContext("smart_text_fields_ctx");
80
- $: parse_string = $fieldStore.params?.parse_string;
81
- $: code_language = $fieldStore.params?.code_language;
88
+ $: parse_string = $fieldStore.params?.parse_string ?? true;
89
+ $: code_language = $fieldStore.params?.code_language || "handlebars";
82
90
  const setup_editor = (element) => {
83
91
  const extensions = [
84
92
  history({ newGroupDelay: 150 }),
@@ -94,9 +102,10 @@ const setup_editor = (element) => {
94
102
  if (code_language === "handlebars") {
95
103
  extensions.push(fake_handlebars_lang());
96
104
  }
105
+ const str_value = $fieldStore?.value?.toString() ?? "";
97
106
  editor_view = new EditorView({
98
107
  state: EditorState.create({
99
- doc: $fieldStore.value,
108
+ doc: str_value,
100
109
  extensions
101
110
  }),
102
111
  parent: element
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stubber/form-fields",
3
- "version": "1.7.5",
3
+ "version": "1.7.7",
4
4
  "description": "An automatic form builder based on field specifications",
5
5
  "keywords": [
6
6
  "components",