@knime/jsonforms 1.19.1 → 1.19.3

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 (83) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/{AnyOfTwinlist-8N9_ROs5.js → AnyOfTwinlist-Dp4tys3q.js} +1 -1
  3. package/dist/{Button-BlwS9yuo.js → Button-CFECKZ55.js} +1 -1
  4. package/dist/{Checkbox-YP8cEunz.js → Checkbox-DQGgsPMe.js} +1 -1
  5. package/dist/{CheckboxControl-DLPB1JyP.js → CheckboxControl-Co-u8zIT.js} +1 -1
  6. package/dist/{CheckboxesControl-jutmpEyo.js → CheckboxesControl-Bgd9iMx4.js} +2 -2
  7. package/dist/{ColorControl-DF9yZFO7.js → ColorControl-DSIJEQa6.js} +1 -1
  8. package/dist/ColorPreviewControl-M74CZDtV.js +89 -0
  9. package/dist/{ComboBoxControl-D2_FZmcY.js → ComboBoxControl-DlDwfBJ6.js} +8 -8
  10. package/dist/{DateControl-DWES743u.js → DateControl-DXGRsPNb.js} +8 -7
  11. package/dist/{DateTimeControl-0L1sO9_r.js → DateTimeControl-DZu7GdGd.js} +1 -1
  12. package/dist/{DateTimeFormatInput-BDY7TFj7.js → DateTimeFormatInput-DQWXEBN9.js} +19 -19
  13. package/dist/{DateTimeFormatPickerControl-B1hYIzhH.js → DateTimeFormatPickerControl-DV1iDDsX.js} +2 -2
  14. package/dist/{DateTimeFormatPickerWithTypeControl-CvXU3-gx.js → DateTimeFormatPickerWithTypeControl-Bo1QbIo_.js} +3 -3
  15. package/dist/{Dropdown-Cfw0EPio.js → Dropdown-Cd-G9xTT.js} +10 -10
  16. package/dist/DropdownControl-B5t3ci7I.js +41 -0
  17. package/dist/{HorizontalLayout-DP3cYs1M.js → HorizontalLayout-Ch3hLrIN.js} +1 -1
  18. package/dist/{IntegerControl-2UfeexxJ.js → IntegerControl-BtDffvT2.js} +1 -1
  19. package/dist/{IntervalControl-Hxza00MC.js → IntervalControl-4KXdyBow.js} +2 -2
  20. package/dist/Label-DIL1h9Qs.js +218 -0
  21. package/dist/LoadingDropdown.vue_vue_type_script_setup_true_lang-Dvc5j9LS.js +48 -0
  22. package/dist/{LoadingIcon-vXOEpL-N.js → LoadingIcon-CahQdReW.js} +1 -1
  23. package/dist/{ManualTwinlistControl-CSQyz025.js → ManualTwinlistControl-DbAQmyh-.js} +4 -4
  24. package/dist/{MultiSelectListBoxControl-CDD_0uwK.js → MultiSelectListBoxControl-CJq8YRIf.js} +2 -2
  25. package/dist/{MultimodeTwinlistControl-BC2wu5IN.js → MultimodeTwinlistControl-BnZKShf0.js} +13 -13
  26. package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-D1c_IW_Z.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-CyQTPMyR.js} +2 -2
  27. package/dist/{MultiselectListBox-Dpd-_fEp.js → MultiselectListBox-DoaiyXCr.js} +2 -2
  28. package/dist/{NameFilter-DTvObQKn.js → NameFilter-BOOz855n.js} +1 -1
  29. package/dist/{NumberControl--5wUVIwB.js → NumberControl-BGfezDbH.js} +1 -1
  30. package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-BE2viQpy.js → NumberControlBase.vue_vue_type_script_setup_true_lang-DEUdBs67.js} +2 -2
  31. package/dist/{OneOfDropdown-C06xyucr.js → OneOfDropdown-CUjqXf2d.js} +1 -1
  32. package/dist/{RadioControl-PDlvyuwY.js → RadioControl-CflL2uzB.js} +2 -2
  33. package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-BUgsN2F5.js → RadioControlBase.vue_vue_type_script_setup_true_lang-DeJwqPMr.js} +2 -2
  34. package/dist/{RichTextControl-BoNZN7wg.js → RichTextControl-DgGRklWy.js} +11 -12
  35. package/dist/{SectionHeading-BVirAo_u.js → SectionHeading-DCJFQT3o.js} +1 -1
  36. package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js +18551 -0
  37. package/dist/{SectionLayout-D8nRLEi8.js → SectionLayout-G8HpKi28.js} +3 -3
  38. package/dist/{SettingsSubPanel-Dr4E6fLu.js → SettingsSubPanel-BjcrxG_D.js} +1 -1
  39. package/dist/{SettingsSubPanelLayout-C5_HeLtb.js → SettingsSubPanelLayout-SJU7BOgG.js} +6 -6
  40. package/dist/{SimpleButtonControl-DA5R6Hqb.js → SimpleButtonControl-B0z0KSAs.js} +2 -2
  41. package/dist/{SimpleTwinlistControl-DH6tARXr.js → SimpleTwinlistControl-DcuGc5tg.js} +2 -2
  42. package/dist/{SingleSelectControl-D8N91t_W.js → SingleSelectControl-BUjRwdMJ.js} +22 -21
  43. package/dist/{SingleSelectListBoxControl-tq3BZIjR.js → SingleSelectListBoxControl-ChoNB2eF.js} +3 -3
  44. package/dist/{SortListControl-p1eZHoPi.js → SortListControl-BerbmMJZ.js} +27 -27
  45. package/dist/{StyledListItem-Bjbm8PWH.js → StyledListItem-DGnmnBfT.js} +1 -1
  46. package/dist/{TextAreaControl-DNP6m73U.js → TextAreaControl-BTy9I4No.js} +1 -1
  47. package/dist/{TextControl-DWQh2c9J.js → TextControl-jApAdwbS.js} +1 -1
  48. package/dist/{TextControl.vue_vue_type_script_setup_true_lang-BBMLWP_P.js → TextControl.vue_vue_type_script_setup_true_lang-BhRDHrnP.js} +2 -2
  49. package/dist/{TimeControl-DVRUzU2K.js → TimeControl-CyzaSlu_.js} +1 -1
  50. package/dist/{TwinlistControlBase-D-jrBzVO.js → TwinlistControlBase-Cr_kQ7QL.js} +3 -3
  51. package/dist/{TwinlistLoadingInfo-BOt-Tw38.js → TwinlistLoadingInfo-DDnRGx8d.js} +13 -14
  52. package/dist/{TypedStringFilter-CrwDAjLc.js → TypedStringFilter-44sDrVc2.js} +1 -1
  53. package/dist/{ValueSwitch-DrzW4E7s.js → ValueSwitch-DDh7pJlr.js} +3 -3
  54. package/dist/{ValueSwitchControl-CeBFIqJI.js → ValueSwitchControl-D2mlCmJc.js} +1 -1
  55. package/dist/{VerticalLayout-CEDAj1TV.js → VerticalLayout-DUWN2tE_.js} +2 -2
  56. package/dist/{VerticalLayoutBase-DOhe_AJD.js → VerticalLayoutBase-BXquSYig.js} +1 -1
  57. package/dist/{ZonedDateTimeControl-BJH2KwND.js → ZonedDateTimeControl-BqzNkyVT.js} +3 -3
  58. package/dist/{_baseEach-CgPrFUFU.js → _baseEach-CZzKf7-y.js} +2 -2
  59. package/dist/{_baseIteratee-dsEmUz-M.js → _baseIteratee-B35Fekqn.js} +3 -3
  60. package/dist/{_getTag-BOcul3cI.js → _getTag-BdqcT5ks.js} +1 -1
  61. package/dist/knime-jsonforms.css +1 -1
  62. package/dist/knime-jsonforms.js +7 -7
  63. package/dist/{localTimeUtils-wdKO5CDb.js → localTimeUtils-mOEGN5Ue.js} +6 -6
  64. package/dist/src/constants/inputFormats.d.ts +1 -0
  65. package/dist/src/renderers/colorPreviewRenderer.d.ts +69 -0
  66. package/dist/src/renderers/defaultRenderers.d.ts +69 -0
  67. package/dist/src/uiComponents/ColorControl.vue.d.ts +1 -1
  68. package/dist/src/uiComponents/ColorPreviewControl.vue.d.ts +11 -0
  69. package/dist/src/uiComponents/colorPreview/ColorPreviewEmptyState.vue.d.ts +2 -0
  70. package/dist/src/uiComponents/colorPreview/GradientPreview.vue.d.ts +6 -0
  71. package/dist/src/uiComponents/colorPreview/PalettePreview.vue.d.ts +6 -0
  72. package/dist/src/uiComponents/loading/LoadingDropdown.vue.d.ts +5 -1
  73. package/dist/src/uiComponents/loading/types/LoadingDropdownProps.d.ts +1 -0
  74. package/dist/testing.js +2 -2
  75. package/dist/{toString-BcH7XIOl.js → toString-D3sgaaZu.js} +1 -1
  76. package/dist/{useBuiltinValidations-BwHkydob.js → useBuiltinValidations-BYH5TtV3.js} +1 -1
  77. package/dist/{usePossibleValues-DxL1Sx6O.js → usePossibleValues-Bl8VFSuX.js} +1 -1
  78. package/package.json +2 -2
  79. package/dist/DropdownControl-D_R8HS6H.js +0 -44
  80. package/dist/InputField-Bnyo6bWR.js +0 -148
  81. package/dist/Label-r9424CUy.js +0 -75
  82. package/dist/LoadingDropdown-CBvR7YLy.js +0 -74
  83. package/dist/SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js +0 -17950
@@ -1,11 +1,11 @@
1
1
  import { defineComponent as c, ref as v, onMounted as N, openBlock as l, createElementBlock as F, createElementVNode as L, createCommentVNode as $, provide as A, computed as i, watch as _, createBlock as g, Suspense as I, withCtx as f, createVNode as h, renderSlot as b, unref as k, mergeProps as B, nextTick as O } from "vue";
2
- import { _ as w, p as J, F as M, s as R, U as V, i as U, a as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
3
- import { E as ne, L as le, c as ie, b as ce, d as de, e as ue, f as me, g as pe, h as fe, j as he, l as ve, k as ge, m as De, n as ye, o as Pe, t as xe, u as Se, w as _e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
4
- import { default as Ce } from "./SimpleButtonControl-DA5R6Hqb.js";
5
- import { _ as Le } from "./TextControl.vue_vue_type_script_setup_true_lang-BBMLWP_P.js";
6
- import { V as we } from "./VerticalLayoutBase-DOhe_AJD.js";
7
- import { S as Ee } from "./SectionHeading-BVirAo_u.js";
8
- import { S as Ne } from "./SettingsSubPanel-Dr4E6fLu.js";
2
+ import { _ as w, p as J, F as M, s as R, U as V, i as U, a as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
3
+ import { E as ne, L as le, c as ie, b as ce, d as de, e as ue, f as me, g as pe, h as fe, j as he, l as ve, k as ge, m as De, n as ye, o as Pe, t as xe, u as Se, w as _e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
4
+ import { default as Ce } from "./SimpleButtonControl-B0z0KSAs.js";
5
+ import { _ as Le } from "./TextControl.vue_vue_type_script_setup_true_lang-BhRDHrnP.js";
6
+ import { V as we } from "./VerticalLayoutBase-BXquSYig.js";
7
+ import { S as Ee } from "./SectionHeading-DCJFQT3o.js";
8
+ import { S as Ne } from "./SettingsSubPanel-BjcrxG_D.js";
9
9
  const G = {
10
10
  key: 0,
11
11
  class: "loading-dialog skeleton-wrapper"
@@ -1,13 +1,13 @@
1
1
  import { resolveComponent as Ve, openBlock as x, createElementBlock as A, normalizeClass as oe, createElementVNode as q, createCommentVNode as ie, withModifiers as Wt, createVNode as V, reactive as za, computed as T, defineComponent as $e, ref as De, watch as Ue, onMounted as Rn, onUnmounted as Ga, toRefs as ql, nextTick as gr, useAttrs as jl, unref as P, createBlock as Pe, resolveDynamicComponent as Za, normalizeProps as br, mergeProps as Pt, renderSlot as Mr, inject as Cr, toRef as Dn, withCtx as Me, toDisplayString as He, Fragment as xe, renderList as Ke, normalizeStyle as Dr, withKeys as Cn, withDirectives as Bs, watchEffect as zs, provide as Or, guardReactiveProps as $a, createTextVNode as Ka, isRef as lr, Transition as Gs, resolveDirective as Vl, toHandlers as Zs } from "vue";
2
2
  import { c as Bl } from "./popper-LGjf7Wza.js";
3
- import { _ as Ks, N as qn, O as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
4
- import { D as Gl } from "./Dropdown-Cfw0EPio.js";
3
+ import { _ as Ks, O as qn, P as zl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
4
+ import { D as Gl } from "./Dropdown-Cd-G9xTT.js";
5
5
  import { A as Zl } from "./arrow-dropdown-DMFBPPcK.js";
6
6
  /* empty css */
7
- import { a as Kl } from "./toString-BcH7XIOl.js";
8
- import { b as Xl } from "./_baseIteratee-dsEmUz-M.js";
9
- import { b as Ql } from "./_baseEach-CgPrFUFU.js";
10
- import { c as Jl } from "./_getTag-BOcul3cI.js";
7
+ import { a as Kl } from "./toString-D3sgaaZu.js";
8
+ import { b as Xl } from "./_baseIteratee-B35Fekqn.js";
9
+ import { b as Ql } from "./_baseEach-CZzKf7-y.js";
10
+ import { c as Jl } from "./_getTag-BdqcT5ks.js";
11
11
  import { i as ec } from "./isArray-WzO_os3q.js";
12
12
  function st(e) {
13
13
  "@babel/helpers - typeof";
@@ -25,6 +25,7 @@ export declare const inputFormats: {
25
25
  readonly dateTimeFormatWithType: "dateTimeFormatWithType";
26
26
  readonly dateTimeFormat: "dateTimeFormat";
27
27
  readonly color: "color";
28
+ readonly colorPreview: "colorPreview";
28
29
  readonly multiSelectListBox: "multiSelectListBox";
29
30
  readonly singleSelectListBox: "singleSelectListBox";
30
31
  };
@@ -0,0 +1,69 @@
1
+ export declare const colorPreviewRenderer: {
2
+ name: string;
3
+ control: import('vue').DefineComponent<{
4
+ control: {
5
+ data: undefined;
6
+ uischema: {
7
+ providedOptions?: string[];
8
+ id?: string;
9
+ };
10
+ } & Omit<{
11
+ uischema: import('@jsonforms/core').ControlElement;
12
+ schema: NonNullable<import('@jsonforms/core').JsonSchema>;
13
+ path: string;
14
+ enabled: boolean;
15
+ renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
16
+ cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
17
+ tester: import('@jsonforms/core').RankedTester;
18
+ cell: any;
19
+ }[];
20
+ config: any;
21
+ label: string;
22
+ description: string;
23
+ required: NonNullable<boolean | undefined>;
24
+ i18nKeyPrefix: string;
25
+ errors: string;
26
+ data: any;
27
+ rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
28
+ id: string;
29
+ visible: boolean;
30
+ }, "data">;
31
+ handleChange: (path: string, value: unknown) => void;
32
+ changeValue: (newValue: undefined) => void;
33
+ disabled: boolean;
34
+ labelForId?: null;
35
+ } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
36
+ control: {
37
+ data: undefined;
38
+ uischema: {
39
+ providedOptions?: string[];
40
+ id?: string;
41
+ };
42
+ } & Omit<{
43
+ uischema: import('@jsonforms/core').ControlElement;
44
+ schema: NonNullable<import('@jsonforms/core').JsonSchema>;
45
+ path: string;
46
+ enabled: boolean;
47
+ renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
48
+ cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
49
+ tester: import('@jsonforms/core').RankedTester;
50
+ cell: any;
51
+ }[];
52
+ config: any;
53
+ label: string;
54
+ description: string;
55
+ required: NonNullable<boolean | undefined>;
56
+ i18nKeyPrefix: string;
57
+ errors: string;
58
+ data: any;
59
+ rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
60
+ id: string;
61
+ visible: boolean;
62
+ }, "data">;
63
+ handleChange: (path: string, value: unknown) => void;
64
+ changeValue: (newValue: undefined) => void;
65
+ disabled: boolean;
66
+ labelForId?: null;
67
+ } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
68
+ tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
69
+ };
@@ -26,6 +26,75 @@ export declare const controls: {
26
26
  control: import('..').VueControl<number>;
27
27
  };
28
28
  checkboxesRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
29
+ colorPreviewRenderer: {
30
+ name: string;
31
+ control: import('vue').DefineComponent<{
32
+ control: {
33
+ data: undefined;
34
+ uischema: {
35
+ providedOptions?: string[];
36
+ id?: string;
37
+ };
38
+ } & Omit<{
39
+ uischema: import('@jsonforms/core').ControlElement;
40
+ schema: NonNullable<import('@jsonforms/core').JsonSchema>;
41
+ path: string;
42
+ enabled: boolean;
43
+ renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
44
+ cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
45
+ tester: import('@jsonforms/core').RankedTester;
46
+ cell: any;
47
+ }[];
48
+ config: any;
49
+ label: string;
50
+ description: string;
51
+ required: NonNullable<boolean | undefined>;
52
+ i18nKeyPrefix: string;
53
+ errors: string;
54
+ data: any;
55
+ rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
56
+ id: string;
57
+ visible: boolean;
58
+ }, "data">;
59
+ handleChange: (path: string, value: unknown) => void;
60
+ changeValue: (newValue: undefined) => void;
61
+ disabled: boolean;
62
+ labelForId?: null;
63
+ } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
64
+ control: {
65
+ data: undefined;
66
+ uischema: {
67
+ providedOptions?: string[];
68
+ id?: string;
69
+ };
70
+ } & Omit<{
71
+ uischema: import('@jsonforms/core').ControlElement;
72
+ schema: NonNullable<import('@jsonforms/core').JsonSchema>;
73
+ path: string;
74
+ enabled: boolean;
75
+ renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
76
+ cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
77
+ tester: import('@jsonforms/core').RankedTester;
78
+ cell: any;
79
+ }[];
80
+ config: any;
81
+ label: string;
82
+ description: string;
83
+ required: NonNullable<boolean | undefined>;
84
+ i18nKeyPrefix: string;
85
+ errors: string;
86
+ data: any;
87
+ rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
88
+ id: string;
89
+ visible: boolean;
90
+ }, "data">;
91
+ handleChange: (path: string, value: unknown) => void;
92
+ changeValue: (newValue: undefined) => void;
93
+ disabled: boolean;
94
+ labelForId?: null;
95
+ } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
96
+ tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
97
+ };
29
98
  colorRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string | null>>;
30
99
  typedStringFilterRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
31
100
  comboBoxRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
@@ -1,4 +1,4 @@
1
1
  import { VueControlPropsForLabelContent } from '../higherOrderComponents';
2
2
  type __VLS_Props = VueControlPropsForLabelContent<string | null>;
3
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
3
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
4
4
  export default _default;
@@ -0,0 +1,11 @@
1
+ import { VueControlProps } from '../higherOrderComponents/control/types';
2
+ export type Palette = {
3
+ colors: string[];
4
+ };
5
+ export type Gradient = {
6
+ colors: string[];
7
+ stops: number[] | null;
8
+ };
9
+ type __VLS_Props = VueControlProps<undefined>;
10
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
11
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
2
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { Gradient } from '../ColorPreviewControl.vue';
2
+ type Props = {
3
+ gradient: Gradient;
4
+ };
5
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { Palette } from '../ColorPreviewControl.vue';
2
+ type Props = {
3
+ palette: Palette;
4
+ };
5
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
+ export default _default;
@@ -1,3 +1,7 @@
1
1
  import { LoadingDropdownProps } from './types/LoadingDropdownProps';
2
- declare const _default: import('vue').DefineComponent<LoadingDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoadingDropdownProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
2
+ declare const _default: import('vue').DefineComponent<LoadingDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
3
+ "update:modelValue": (value: string) => any;
4
+ }, string, import('vue').PublicProps, Readonly<LoadingDropdownProps> & Readonly<{
5
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
6
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
3
7
  export default _default;
@@ -5,4 +5,5 @@ export type LoadingDropdownProps = {
5
5
  id: string;
6
6
  ariaLabel: string;
7
7
  disabled: boolean;
8
+ error: boolean;
8
9
  };
package/dist/testing.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as th from "vue";
2
2
  import { ssrUtils as Pi, initDirectivesForSSR as U_, nextTick as ho, defineComponent as fi, computed as Cr, h as wn, shallowReactive as W_, reactive as z_, ref as nh, createApp as K_, transformVNodeArgs as G_, setDevtoolsHook as H_, isRef as X_, TransitionGroup as Y_, Transition as J_, BaseTransition as Q_ } from "vue";
3
- import { q as Z_, r as em, e as tm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
4
- import { b as nm } from "./_baseIteratee-dsEmUz-M.js";
3
+ import { q as Z_, r as em, e as tm } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
4
+ import { b as nm } from "./_baseIteratee-B35Fekqn.js";
5
5
  function rm(e, t) {
6
6
  return e > t;
7
7
  }
@@ -1,4 +1,4 @@
1
- import { q as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
1
+ import { q as g, S as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
2
2
  import { i as l } from "./isArray-WzO_os3q.js";
3
3
  function p(r, t) {
4
4
  for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )
@@ -1,5 +1,5 @@
1
1
  import { onUnmounted as u, toRef as p, computed as d } from "vue";
2
- import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
2
+ import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
3
3
  const h = (t = {}) => t.validation || null, m = (t) => t.replace(/^validation\./, ""), v = (t) => {
4
4
  const a = (t.providedOptions ?? []).filter(
5
5
  (e) => e.startsWith("validation.")
@@ -1,5 +1,5 @@
1
1
  import { computed as l } from "vue";
2
- import { u as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
2
+ import { u as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-nsJBcFCj.js";
3
3
  const t = (s, e) => {
4
4
  const u = l(() => s.value.uischema), o = d(u, "possibleValues");
5
5
  return { possibleValues: l(() => u.value.providedOptions?.includes("possibleValues") ? o.value : u.value.options?.possibleValues ?? (typeof e?.defaultOnNonProvided > "u" ? [] : e?.defaultOnNonProvided)) };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knime/jsonforms",
3
- "version": "1.19.1",
3
+ "version": "1.19.3",
4
4
  "description": "Internal JSON Forms integration for frontend KNIME projects",
5
5
  "repository": {
6
6
  "type": "git",
@@ -16,7 +16,7 @@
16
16
  "@jsonforms/core": "3.4.0",
17
17
  "@jsonforms/vue": "3.4.0",
18
18
  "@jsonforms/vue-vanilla": "3.4.0",
19
- "@knime/kds-components": "0.14.0",
19
+ "@knime/kds-components": "0.16.0",
20
20
  "ajv": "8.18.0",
21
21
  "date-fns": "2.30.0",
22
22
  "focus-trap-vue": "4.0.3",
@@ -1,44 +0,0 @@
1
- import { defineComponent as s, toRef as c, computed as n, openBlock as d, createBlock as t, unref as i } from "vue";
2
- import { u as m } from "./usePossibleValues-DxL1Sx6O.js";
3
- import { L as r } from "./LoadingDropdown-CBvR7YLy.js";
4
- import { I as b } from "./InputField-Bnyo6bWR.js";
5
- const p = /* @__PURE__ */ s({
6
- __name: "DropdownControl",
7
- props: {
8
- control: {},
9
- handleChange: { type: Function },
10
- changeValue: { type: Function },
11
- disabled: { type: Boolean },
12
- isValid: { type: Boolean },
13
- onRegisterValidation: { type: Function },
14
- labelForId: {}
15
- },
16
- setup(e) {
17
- const a = e, { possibleValues: l } = m(c(a, "control")), o = n(() => a.control.uischema?.options?.allowNewValue), u = n(
18
- () => o.value && l.value !== null && l.value.length === 0
19
- );
20
- return (v, V) => u.value ? (d(), t(i(b), {
21
- key: 0,
22
- id: e.labelForId,
23
- disabled: e.disabled,
24
- "model-value": e.control.data,
25
- "is-valid": e.isValid,
26
- compact: "",
27
- "onUpdate:modelValue": e.changeValue
28
- }, null, 8, ["id", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : (d(), t(r, {
29
- key: 1,
30
- id: e.labelForId ?? "",
31
- ariaLabel: e.control.label,
32
- disabled: e.disabled,
33
- "model-value": e.control.data ?? "",
34
- "possible-values": i(l),
35
- "is-valid": e.isValid,
36
- "allow-new-value": o.value,
37
- compact: "",
38
- "onUpdate:modelValue": e.changeValue
39
- }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "allow-new-value", "onUpdate:modelValue"]));
40
- }
41
- });
42
- export {
43
- p as default
44
- };
@@ -1,148 +0,0 @@
1
- /* empty css */
2
- import { openBlock as i, createElementBlock as s, normalizeClass as r, renderSlot as u, createCommentVNode as o, createElementVNode as d, mergeProps as f } from "vue";
3
- import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
4
- const c = {
5
- name: "InputField",
6
- props: {
7
- modelValue: {
8
- default: "",
9
- type: [Number, String, null]
10
- },
11
- id: {
12
- type: [String, null],
13
- default: null
14
- },
15
- name: {
16
- type: String,
17
- default: null
18
- },
19
- /**
20
- * Sets the error styling, validity needs to be controlled by the parent component to be flexible
21
- */
22
- isValid: {
23
- default: !0,
24
- type: Boolean
25
- },
26
- type: {
27
- default: "text",
28
- type: String
29
- },
30
- pattern: {
31
- default: null,
32
- type: String
33
- },
34
- placeholder: {
35
- default: null,
36
- type: String
37
- },
38
- autocomplete: {
39
- default: null,
40
- type: String
41
- },
42
- autofocus: {
43
- default: !1,
44
- type: Boolean
45
- },
46
- focusOnMount: {
47
- default: !1,
48
- type: Boolean
49
- },
50
- inputClasses: {
51
- default: "",
52
- type: String
53
- },
54
- disabled: {
55
- default: !1,
56
- type: Boolean
57
- },
58
- ariaActivedescendant: {
59
- type: String,
60
- default: null
61
- },
62
- ariaOwns: {
63
- type: String,
64
- default: null
65
- },
66
- compact: {
67
- type: Boolean,
68
- default: !1
69
- }
70
- },
71
- emits: ["update:modelValue", "focus", "keyup", "keypress", "keydown"],
72
- computed: {
73
- hasLeftIcon() {
74
- return this.$slots.icon && this.$slots.icon().length;
75
- },
76
- hasRightIcon() {
77
- return this.$slots.iconRight && this.$slots.iconRight().length;
78
- },
79
- inputClassList() {
80
- let e = this.inputClasses;
81
- return this.hasLeftIcon && (e += " with-icon"), this.hasRightIcon && (e += " with-icon-right"), this.isValid || (e += " invalid"), e;
82
- }
83
- },
84
- mounted() {
85
- this.focusOnMount && this.focus();
86
- },
87
- methods: {
88
- getValue() {
89
- return this.$refs.input.value;
90
- },
91
- onInput() {
92
- this.$emit("update:modelValue", this.getValue());
93
- },
94
- focus() {
95
- this.$refs.input.focus();
96
- },
97
- /*
98
- * checks if value matches the provided pattern
99
- */
100
- validate() {
101
- let e = !0, t = null;
102
- return typeof this.getValue() > "u" ? (e = !1, t = "Invalid input") : this.pattern && this.$refs.input.validity.patternMismatch && (e = !1, t = "Input does not match the expected pattern"), { isValid: e, errorMessage: t };
103
- }
104
- }
105
- }, m = {
106
- key: 0,
107
- class: "icon"
108
- }, h = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], y = {
109
- key: 1,
110
- class: "icon icon-right"
111
- };
112
- function g(e, t, n, v, I, l) {
113
- return i(), s("div", {
114
- class: r(["input-wrapper", { compact: n.compact }])
115
- }, [
116
- l.hasLeftIcon ? (i(), s("div", m, [
117
- u(e.$slots, "icon")
118
- ])) : o("", !0),
119
- d("input", f(e.$attrs, {
120
- id: n.id,
121
- ref: "input",
122
- name: n.name,
123
- value: n.modelValue,
124
- class: l.inputClassList,
125
- type: n.type,
126
- pattern: n.pattern,
127
- placeholder: n.placeholder,
128
- autofocus: n.autofocus,
129
- "aria-activedescendant": n.ariaActivedescendant,
130
- "aria-owns": n.ariaOwns,
131
- autocomplete: n.autocomplete,
132
- disabled: n.disabled,
133
- onInput: t[0] || (t[0] = (...a) => l.onInput && l.onInput(...a)),
134
- onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
135
- onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
136
- onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
137
- onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
138
- }), null, 16, h),
139
- l.hasRightIcon ? (i(), s("div", y, [
140
- u(e.$slots, "iconRight")
141
- ])) : o("", !0),
142
- t[5] || (t[5] = d("span", { class: "invalid-marker" }, null, -1))
143
- ], 2);
144
- }
145
- const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-e4e1a696"]]);
146
- export {
147
- w as I
148
- };
@@ -1,75 +0,0 @@
1
- import { openBlock as l, createElementBlock as a, toDisplayString as o, normalizeClass as n, createCommentVNode as d, renderSlot as s } from "vue";
2
- import { _ as i, M as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
3
- const c = {
4
- name: "Label",
5
- inject: {
6
- largeLabels: {
7
- // provided e.g. by Fieldset.vue
8
- default: !1
9
- }
10
- },
11
- props: {
12
- generateId: {
13
- type: Boolean,
14
- default: !0
15
- },
16
- idPrefix: {
17
- type: String,
18
- default: "comp"
19
- },
20
- text: {
21
- default: "",
22
- type: String
23
- },
24
- /**
25
- * smaller font size and margin
26
- */
27
- large: {
28
- type: Boolean,
29
- default: !1
30
- },
31
- /**
32
- * Whether to show the label or only its content.
33
- */
34
- active: {
35
- type: Boolean,
36
- default: !0
37
- }
38
- },
39
- emits: ["labelForId"],
40
- data() {
41
- return {
42
- labelForId: u()
43
- };
44
- },
45
- computed: {
46
- labelFor() {
47
- return this.generateId ? `${this.idPrefix}-${this.labelForId}` : null;
48
- },
49
- labelId() {
50
- return this.generateId ? `label-${this.labelFor}` : null;
51
- },
52
- isLarge() {
53
- return this.large || this.largeLabels;
54
- }
55
- },
56
- mounted() {
57
- this.$emit("labelForId", this.labelFor);
58
- }
59
- }, f = { class: "label-wrapper" }, b = ["id", "for", "textContent"];
60
- function m(r, p, t, _, g, e) {
61
- return l(), a("div", f, [
62
- t.active ? (l(), a("label", {
63
- key: 0,
64
- id: e.labelId,
65
- for: e.labelFor,
66
- class: n(["label-text", { large: e.isLarge }]),
67
- textContent: o(t.text)
68
- }, null, 10, b)) : d("", !0),
69
- s(r.$slots, "default", { labelForId: e.labelFor }, void 0, !0)
70
- ]);
71
- }
72
- const F = /* @__PURE__ */ i(c, [["render", m], ["__scopeId", "data-v-9887bcbf"]]);
73
- export {
74
- F as L
75
- };
@@ -1,74 +0,0 @@
1
- import { defineComponent as k, computed as s, openBlock as o, createBlock as r, unref as n, mergeProps as I, withCtx as y, createCommentVNode as b, createElementBlock as p, normalizeClass as N, Fragment as i, createVNode as L, createElementVNode as V, toDisplayString as d, createTextVNode as T } from "vue";
2
- import { Y as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
3
- import { D as B } from "./Dropdown-Cfw0EPio.js";
4
- import { L as C } from "./LoadingIcon-vXOEpL-N.js";
5
- const D = /* @__PURE__ */ k({
6
- __name: "LoadingDropdown",
7
- props: {
8
- possibleValues: {},
9
- modelValue: {},
10
- id: {},
11
- ariaLabel: {},
12
- disabled: { type: Boolean }
13
- },
14
- setup(v) {
15
- const l = v, u = s(() => {
16
- const { possibleValues: e } = l;
17
- return e === null ? "Loading" : e.length > 0 ? "No value selected" : "No values present";
18
- }), x = s(() => l.possibleValues === null ? "" : l.modelValue), _ = s(
19
- () => l.possibleValues?.some((e) => e.type !== void 0)
20
- ), g = s(
21
- () => l.disabled || l.possibleValues === null || l.possibleValues.length === 0
22
- ), c = s(() => l.possibleValues === null ? [] : _.value ? l.possibleValues.map((e) => ({
23
- ...e,
24
- slotData: {
25
- text: e.text,
26
- ...e.type && { typeId: e.type.id, typeText: e.type.text }
27
- }
28
- })) : l.possibleValues);
29
- return (e, z) => (o(), r(n(B), I({ ...e.$props, ...e.$attrs }, {
30
- "model-value": x.value,
31
- disabled: g.value,
32
- "possible-values": c.value ?? [],
33
- placeholder: u.value,
34
- compact: ""
35
- }), {
36
- option: y(({ slotData: t, selectedValue: m, isMissing: a, expanded: h } = {
37
- slotData: {}
38
- }) => [
39
- h || m !== "" || a ? (o(), p("div", {
40
- key: 0,
41
- class: N([
42
- "data-type-entry",
43
- { missing: a, "with-type": a || t.typeId }
44
- ])
45
- }, [
46
- a ? (o(), p(i, { key: 0 }, [
47
- L(n(f), { size: "small" }),
48
- V("span", null, "(MISSING) " + d(m), 1)
49
- ], 64)) : (o(), p(i, { key: 1 }, [
50
- t.typeId ? (o(), r(n(f), {
51
- key: 0,
52
- "icon-name": t.typeId,
53
- "icon-title": t.typeText,
54
- size: "small"
55
- }, null, 8, ["icon-name", "icon-title"])) : b("", !0),
56
- V("span", null, d(t.text), 1)
57
- ], 64))
58
- ], 2)) : (o(), p(i, { key: 1 }, [
59
- T(d(u.value), 1)
60
- ], 64))
61
- ]),
62
- "icon-right": y(() => [
63
- c.value === null ? (o(), r(n(C), {
64
- key: 0,
65
- class: "loading-icon"
66
- })) : b("", !0)
67
- ]),
68
- _: 1
69
- }, 16, ["model-value", "disabled", "possible-values", "placeholder"]));
70
- }
71
- }), $ = /* @__PURE__ */ w(D, [["__scopeId", "data-v-1e1c47f1"]]);
72
- export {
73
- $ as L
74
- };