@knime/product-features 6.5.0 → 7.0.0

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 (54) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +0 -1
  3. package/dist/{core-CkhE7SJE.js → core-n-n9OaZY.js} +2 -2
  4. package/dist/{core-CkhE7SJE.js.map → core-n-n9OaZY.js.map} +1 -1
  5. package/dist/dataTransfer/core.js +1 -1
  6. package/dist/dataTransfer.js +3 -3
  7. package/dist/{dist-CGsTYtOF.js → dist-D193M-Gt.js} +2 -11
  8. package/dist/{dist-CGsTYtOF.js.map → dist-D193M-Gt.js.map} +1 -1
  9. package/dist/embedding.js +2 -2
  10. package/dist/embeddingSDK.js +1 -1
  11. package/dist/{rfcErrors-D60RdfXR.js → rfcErrors-DdxFC4Hg.js} +2 -2
  12. package/dist/{rfcErrors-D60RdfXR.js.map → rfcErrors-DdxFC4Hg.js.map} +1 -1
  13. package/dist/rfcErrors.js +1 -1
  14. package/dist/toasts.js +1 -1
  15. package/package.json +7 -11
  16. package/dist/src/versions/CreateVersionForm/CreateVersionForm.vue.d.ts +0 -17
  17. package/dist/src/versions/CreateVersionForm/CreateVersionForm.vue.d.ts.map +0 -1
  18. package/dist/src/versions/CreateVersionForm/index.d.ts +0 -3
  19. package/dist/src/versions/CreateVersionForm/index.d.ts.map +0 -1
  20. package/dist/src/versions/CreateVersionForm/types.d.ts +0 -5
  21. package/dist/src/versions/CreateVersionForm/types.d.ts.map +0 -1
  22. package/dist/src/versions/VersionHistory/CurrentState.vue.d.ts +0 -21
  23. package/dist/src/versions/VersionHistory/CurrentState.vue.d.ts.map +0 -1
  24. package/dist/src/versions/VersionHistory/HistoryEvent.vue.d.ts +0 -19
  25. package/dist/src/versions/VersionHistory/HistoryEvent.vue.d.ts.map +0 -1
  26. package/dist/src/versions/VersionHistory/HistoryEventAuthor.vue.d.ts +0 -8
  27. package/dist/src/versions/VersionHistory/HistoryEventAuthor.vue.d.ts.map +0 -1
  28. package/dist/src/versions/VersionHistory/HistoryEventFooter.vue.d.ts +0 -9
  29. package/dist/src/versions/VersionHistory/HistoryEventFooter.vue.d.ts.map +0 -1
  30. package/dist/src/versions/VersionHistory/VersionHistory.vue.d.ts +0 -21
  31. package/dist/src/versions/VersionHistory/VersionHistory.vue.d.ts.map +0 -1
  32. package/dist/src/versions/VersionHistory/VersionItem.vue.d.ts +0 -22
  33. package/dist/src/versions/VersionHistory/VersionItem.vue.d.ts.map +0 -1
  34. package/dist/src/versions/VersionHistory/VersionLabel.vue.d.ts +0 -17
  35. package/dist/src/versions/VersionHistory/VersionLabel.vue.d.ts.map +0 -1
  36. package/dist/src/versions/VersionHistory/VersionLimitInfo.vue.d.ts +0 -10
  37. package/dist/src/versions/VersionHistory/VersionLimitInfo.vue.d.ts.map +0 -1
  38. package/dist/src/versions/VersionHistory/constants.d.ts +0 -4
  39. package/dist/src/versions/VersionHistory/constants.d.ts.map +0 -1
  40. package/dist/src/versions/VersionHistory/index.d.ts +0 -4
  41. package/dist/src/versions/VersionHistory/index.d.ts.map +0 -1
  42. package/dist/src/versions/VersionHistory/mock-data/index.d.ts +0 -11
  43. package/dist/src/versions/VersionHistory/mock-data/index.d.ts.map +0 -1
  44. package/dist/src/versions/VersionHistory/mock-data/savepoints.d.ts +0 -5
  45. package/dist/src/versions/VersionHistory/mock-data/savepoints.d.ts.map +0 -1
  46. package/dist/src/versions/VersionHistory/mock-data/versionHistory.d.ts +0 -7
  47. package/dist/src/versions/VersionHistory/mock-data/versionHistory.d.ts.map +0 -1
  48. package/dist/src/versions/VersionHistory/types.d.ts +0 -105
  49. package/dist/src/versions/VersionHistory/types.d.ts.map +0 -1
  50. package/dist/src/versions/index.d.ts +0 -5
  51. package/dist/src/versions/index.d.ts.map +0 -1
  52. package/dist/versions.css +0 -108
  53. package/dist/versions.js +0 -584
  54. package/dist/versions.js.map +0 -1
package/dist/versions.css DELETED
@@ -1,108 +0,0 @@
1
-
2
- .history-event-wrapper[data-v-249d4c97] {
3
- display: flex;
4
- }
5
- .history-event-decorator[data-v-249d4c97] {
6
- position: relative;
7
- display: flex;
8
- flex-shrink: 0;
9
- justify-content: center;
10
- width: var(--kds-dimension-component-width-0-75x);
11
- margin: 0 var(--kds-spacing-container-0-75x);
12
- }
13
- .history-event-line-top[data-v-249d4c97] {
14
- position: absolute;
15
- top: calc(var(--kds-spacing-container-0-37x) * -1);
16
- height: calc(
17
- var(--kds-spacing-container-1x) + var(--kds-spacing-container-0-37x)
18
- );
19
- border-left: var(--kds-border-base-subtle);
20
- }
21
- .history-event-line-bottom[data-v-249d4c97] {
22
- position: absolute;
23
- top: calc(
24
- var(--kds-spacing-container-1x) + var(--kds-spacing-container-0-37x) +
25
- var(--kds-spacing-container-0-37x)
26
- );
27
- bottom: calc(var(--kds-spacing-container-0-37x) * -1);
28
- border-left: var(--kds-border-base-subtle);
29
- }
30
- .history-event-icon[data-v-249d4c97] {
31
- position: absolute;
32
- top: var(--kds-spacing-container-1x);
33
- }
34
- .card-wrapper[data-v-249d4c97] {
35
- display: flex;
36
- flex-grow: 1;
37
- flex-direction: column;
38
- gap: var(--kds-spacing-container-0-37x);
39
- min-width: 0;
40
- }
41
-
42
- .avatar-and-name-wrapper[data-v-be5bdc82] {
43
- display: flex;
44
- gap: var(--kds-spacing-container-0-25x);
45
- align-items: center;
46
- }
47
- .author-name[data-v-be5bdc82] {
48
- font: var(--kds-font-base-subtext-small);
49
- color: var(--kds-color-text-and-icon-neutral);
50
- }
51
-
52
- .history-event-footer[data-v-3db3e01b] {
53
- font: var(--kds-font-base-subtext-small);
54
- color: var(--kds-color-text-and-icon-subtle);
55
- }
56
- .hidden[data-v-3db3e01b] {
57
- visibility: hidden;
58
- }
59
-
60
- .content-wrapper[data-v-10912261] {
61
- display: flex;
62
- flex-direction: column;
63
- gap: var(--kds-spacing-container-0-37x);
64
- }
65
-
66
- .label-popover-container[data-v-7878b825] {
67
- display: flex;
68
- flex-direction: column;
69
- gap: var(--kds-spacing-container-0-5x);
70
- align-items: flex-start;
71
- max-width: var(--kds-dimension-component-width-20x);
72
- max-height: var(--kds-dimension-component-height-20x);
73
- padding: var(--kds-spacing-container-0-75x) var(--kds-spacing-container-1x);
74
- overflow-y: auto;
75
- background-color: var(--kds-color-surface-default);
76
- border-radius: var(--kds-border-radius-container-0-50x);
77
- box-shadow: var(--kds-elevation-level-3);
78
- }
79
- .label-title[data-v-7878b825] {
80
- font: var(--kds-font-base-body-small-strong);
81
- }
82
-
83
- .content-wrapper[data-v-f6d78be1] {
84
- display: flex;
85
- flex-direction: column;
86
- gap: var(--kds-spacing-container-0-37x);
87
- }
88
- .labels-wrapper[data-v-f6d78be1] {
89
- display: flex;
90
- flex-wrap: wrap;
91
- gap: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-5x);
92
- align-items: center;
93
- }
94
-
95
- .version-history-wrapper[data-v-a388b66e] {
96
- display: flex;
97
- flex-direction: column;
98
- gap: var(--kds-spacing-container-0-75x);
99
- }
100
- .load-more-button[data-v-a388b66e] {
101
- margin: 0 auto;
102
- }
103
-
104
- .create-version-form-wrapper[data-v-0c0f6ba1] {
105
- display: flex;
106
- flex-direction: column;
107
- gap: var(--kds-spacing-container-1x);
108
- }
package/dist/versions.js DELETED
@@ -1,584 +0,0 @@
1
- import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
2
- import { a as formatLocalDateTimeString, r as formatDateTimeString } from "./dist-CGsTYtOF.js";
3
- import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, useTemplateRef, withCtx, withDirectives, withModifiers } from "vue";
4
- import { KdsAvatar, KdsButton, KdsCard, KdsDescription, KdsIcon, KdsLinkButton, KdsMenuButton, KdsPanel, KdsPopover, KdsSelectableCard, KdsTextInput, KdsTextarea, KdsToggleButton, vKdsTooltip } from "@knime/kds-components";
5
- import './versions.css';//#region src/versions/VersionHistory/HistoryEvent.vue?vue&type=script&setup=true&lang.ts
6
- var _hoisted_1$8 = { class: "history-event-wrapper" };
7
- var _hoisted_2$4 = { class: "history-event-decorator" };
8
- var _hoisted_3 = {
9
- key: 0,
10
- class: "history-event-line-top"
11
- };
12
- var _hoisted_4 = {
13
- key: 1,
14
- class: "history-event-line-bottom"
15
- };
16
- var _hoisted_5 = { class: "card-wrapper" };
17
- //#endregion
18
- //#region src/versions/VersionHistory/HistoryEvent.vue
19
- var HistoryEvent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
20
- __name: "HistoryEvent",
21
- props: {
22
- isSelected: { type: Boolean },
23
- isFirstItem: { type: Boolean },
24
- isLastItem: { type: Boolean }
25
- },
26
- setup(__props) {
27
- return (_ctx, _cache) => {
28
- return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$4, [
29
- !__props.isFirstItem ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
30
- createVNode(unref(KdsIcon), {
31
- class: "history-event-icon",
32
- name: __props.isSelected ? "circle-success" : "circle-unchecked",
33
- size: "small"
34
- }, null, 8, ["name"]),
35
- !__props.isLastItem ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
36
- ]), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]);
37
- };
38
- }
39
- }), [["__scopeId", "data-v-249d4c97"]]);
40
- //#endregion
41
- //#region src/versions/VersionHistory/HistoryEventAuthor.vue?vue&type=script&setup=true&lang.ts
42
- var _hoisted_1$7 = { class: "avatar-and-name-wrapper" };
43
- var _hoisted_2$3 = { class: "author-name" };
44
- //#endregion
45
- //#region src/versions/VersionHistory/HistoryEventAuthor.vue
46
- var HistoryEventAuthor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
47
- __name: "HistoryEventAuthor",
48
- props: {
49
- avatar: {},
50
- author: {}
51
- },
52
- setup(__props) {
53
- return (_ctx, _cache) => {
54
- return openBlock(), createElementBlock("div", _hoisted_1$7, [createVNode(unref(KdsAvatar), normalizeProps(guardReactiveProps(__props.avatar)), null, 16), createElementVNode("span", _hoisted_2$3, toDisplayString(__props.author), 1)]);
55
- };
56
- }
57
- }), [["__scopeId", "data-v-be5bdc82"]]);
58
- //#endregion
59
- //#region src/versions/VersionHistory/HistoryEventFooter.vue?vue&type=script&setup=true&lang.ts
60
- var _hoisted_1$6 = { class: "history-event-footer" };
61
- var _hoisted_2$2 = ["datetime"];
62
- //#endregion
63
- //#region src/versions/VersionHistory/HistoryEventFooter.vue
64
- var HistoryEventFooter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
65
- __name: "HistoryEventFooter",
66
- props: {
67
- date: {},
68
- version: {}
69
- },
70
- setup(__props) {
71
- const isMounted = ref(false);
72
- const localDateTime = computed(() => isMounted.value ? formatLocalDateTimeString(__props.date, true) : formatDateTimeString(__props.date, true));
73
- onMounted(() => {
74
- isMounted.value = true;
75
- });
76
- return (_ctx, _cache) => {
77
- return openBlock(), createElementBlock("span", _hoisted_1$6, [
78
- _cache[0] || (_cache[0] = createTextVNode(" Created on ", -1)),
79
- withDirectives((openBlock(), createElementBlock("time", {
80
- datetime: __props.date,
81
- class: normalizeClass({ hidden: !isMounted.value })
82
- }, [createTextVNode(toDisplayString(localDateTime.value), 1)], 10, _hoisted_2$2)), [[unref(vKdsTooltip), __props.date]]),
83
- __props.version ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("– Version " + toDisplayString(__props.version), 1)], 64)) : createCommentVNode("", true)
84
- ]);
85
- };
86
- }
87
- }), [["__scopeId", "data-v-3db3e01b"]]);
88
- //#endregion
89
- //#region src/versions/VersionHistory/CurrentState.vue?vue&type=script&setup=true&lang.ts
90
- var _hoisted_1$5 = { class: "content-wrapper" };
91
- //#endregion
92
- //#region src/versions/VersionHistory/CurrentState.vue
93
- var CurrentState_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
94
- __name: "CurrentState",
95
- props: {
96
- currentSavepoint: {},
97
- isSelected: { type: Boolean },
98
- hasEditCapability: { type: Boolean },
99
- hasPreviousVersion: { type: Boolean },
100
- hasVersionLimit: { type: Boolean },
101
- isVersionLimitExceeded: { type: Boolean }
102
- },
103
- emits: [
104
- "createVersion",
105
- "discard",
106
- "select"
107
- ],
108
- setup(__props, { emit: __emit }) {
109
- const props = __props;
110
- const emit = __emit;
111
- const menuItems = computed(() => props.hasEditCapability && props.hasPreviousVersion ? [{
112
- id: "discard",
113
- text: "Discard",
114
- handler: () => emit("discard")
115
- }] : []);
116
- return (_ctx, _cache) => {
117
- return openBlock(), createBlock(HistoryEvent_default, {
118
- "is-selected": __props.isSelected,
119
- "is-first-item": "",
120
- "is-last-item": !__props.hasPreviousVersion && !__props.hasVersionLimit
121
- }, {
122
- default: withCtx(() => [createVNode(unref(KdsSelectableCard), {
123
- "model-value": __props.isSelected,
124
- headline: "Draft",
125
- ariaLabel: "Savepoint history event",
126
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !__props.isSelected && _ctx.$emit("select"))
127
- }, createSlots({
128
- default: withCtx(() => [createElementVNode("div", _hoisted_1$5, [createVNode(HistoryEventAuthor_default, {
129
- author: __props.currentSavepoint.author,
130
- avatar: __props.currentSavepoint.avatar
131
- }, null, 8, ["author", "avatar"]), createVNode(HistoryEventFooter_default, { date: __props.currentSavepoint.lastEditedOn }, null, 8, ["date"])])]),
132
- _: 2
133
- }, [menuItems.value.length ? {
134
- name: "header-actions",
135
- fn: withCtx(() => [createVNode(unref(KdsMenuButton), {
136
- items: menuItems.value,
137
- variant: "transparent",
138
- "leading-icon": "more-actions",
139
- ariaLabel: "More actions"
140
- }, null, 8, ["items"])]),
141
- key: "0"
142
- } : void 0]), 1032, ["model-value"]), __props.hasEditCapability && !__props.isVersionLimitExceeded ? (openBlock(), createBlock(unref(KdsButton), {
143
- key: 0,
144
- label: "Create version",
145
- onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("createVersion"), ["stop"]))
146
- })) : createCommentVNode("", true)]),
147
- _: 1
148
- }, 8, ["is-selected", "is-last-item"]);
149
- };
150
- }
151
- }), [["__scopeId", "data-v-10912261"]]);
152
- //#endregion
153
- //#region src/versions/VersionHistory/VersionLabel.vue?vue&type=script&setup=true&lang.ts
154
- var _hoisted_1$4 = { class: "label-popover-container" };
155
- var _hoisted_2$1 = { class: "label-title" };
156
- //#endregion
157
- //#region src/versions/VersionHistory/VersionLabel.vue
158
- var VersionLabel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
159
- __name: "VersionLabel",
160
- props: /*@__PURE__*/ mergeModels({ label: {} }, {
161
- "modelValue": {
162
- type: Boolean,
163
- default: false
164
- },
165
- "modelModifiers": {}
166
- }),
167
- emits: ["update:modelValue"],
168
- setup(__props) {
169
- const isPopoverOpen = useModel(__props, "modelValue");
170
- const popoverEl = useTemplateRef("popover");
171
- const toggleButtonEl = useTemplateRef("toggleButton");
172
- return (_ctx, _cache) => {
173
- return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(KdsToggleButton), {
174
- ref: "toggleButton",
175
- modelValue: isPopoverOpen.value,
176
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
177
- "data-kds-card-secondary-action": "",
178
- label: __props.label.label.name,
179
- "aria-haspopup": "dialog",
180
- "aria-expanded": isPopoverOpen.value,
181
- "aria-controls": popoverEl.value?.popoverId,
182
- size: "xsmall"
183
- }, null, 8, [
184
- "modelValue",
185
- "label",
186
- "aria-expanded",
187
- "aria-controls"
188
- ]), createVNode(unref(KdsPopover), {
189
- ref: "popover",
190
- modelValue: isPopoverOpen.value,
191
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isPopoverOpen.value = $event),
192
- anchor: toggleButtonEl.value?.$el,
193
- placement: "bottom-left",
194
- role: "dialog",
195
- "aria-label": "Label details"
196
- }, {
197
- default: withCtx(() => [createElementVNode("div", _hoisted_1$4, [
198
- createElementVNode("div", _hoisted_2$1, toDisplayString(__props.label.label.name), 1),
199
- createVNode(unref(KdsDescription), { text: __props.label.label.description }, null, 8, ["text"]),
200
- __props.label.message ? (openBlock(), createBlock(unref(KdsDescription), {
201
- key: 0,
202
- text: __props.label.message
203
- }, null, 8, ["text"])) : createCommentVNode("", true)
204
- ])]),
205
- _: 1
206
- }, 8, ["modelValue", "anchor"])], 64);
207
- };
208
- }
209
- }), [["__scopeId", "data-v-7878b825"]]);
210
- //#endregion
211
- //#region src/versions/VersionHistory/VersionItem.vue?vue&type=script&setup=true&lang.ts
212
- var _hoisted_1$3 = { class: "content-wrapper" };
213
- var _hoisted_2 = { class: "labels-wrapper" };
214
- //#endregion
215
- //#region src/versions/VersionHistory/VersionItem.vue
216
- var VersionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
217
- __name: "VersionItem",
218
- props: {
219
- version: {},
220
- isSelected: { type: Boolean },
221
- hasAdminRights: { type: Boolean },
222
- hasEditCapability: { type: Boolean },
223
- isFirstItem: { type: Boolean },
224
- isLastItem: { type: Boolean },
225
- restoreOption: {}
226
- },
227
- emits: [
228
- "select",
229
- "delete",
230
- "restore"
231
- ],
232
- setup(__props, { emit: __emit }) {
233
- const props = __props;
234
- const emit = __emit;
235
- const toggleVersionSelection = () => {
236
- emit("select", !props.isSelected);
237
- };
238
- const menuItems = computed(() => [
239
- props.hasEditCapability && {
240
- id: "show",
241
- text: props.isSelected ? "Deselect this version" : "Show this version",
242
- handler: toggleVersionSelection
243
- },
244
- props.hasEditCapability && {
245
- id: "restore",
246
- text: "Restore this version",
247
- subText: props.restoreOption?.subText,
248
- disabled: props.restoreOption?.disabled,
249
- handler: () => emit("restore")
250
- },
251
- props.hasAdminRights && {
252
- id: "delete",
253
- text: "Delete this version",
254
- handler: () => emit("delete")
255
- }
256
- ].filter((i) => i !== false));
257
- return (_ctx, _cache) => {
258
- return openBlock(), createBlock(HistoryEvent_default, {
259
- "is-selected": __props.isSelected,
260
- "is-first-item": __props.isFirstItem,
261
- "is-last-item": __props.isLastItem
262
- }, {
263
- default: withCtx(() => [createVNode(unref(KdsSelectableCard), {
264
- "model-value": __props.isSelected,
265
- headline: __props.version.title,
266
- ariaLabel: "Version history event",
267
- "onUpdate:modelValue": toggleVersionSelection
268
- }, createSlots({
269
- default: withCtx(() => [createElementVNode("div", _hoisted_1$3, [
270
- createVNode(HistoryEventAuthor_default, {
271
- author: __props.version.author,
272
- avatar: __props.version.avatar
273
- }, null, 8, ["author", "avatar"]),
274
- __props.version.description ? (openBlock(), createBlock(unref(KdsDescription), {
275
- key: 0,
276
- text: __props.version.description
277
- }, null, 8, ["text"])) : createCommentVNode("", true),
278
- createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.version.labels, (label) => {
279
- return openBlock(), createBlock(VersionLabel_default, {
280
- key: label.labelId,
281
- label
282
- }, null, 8, ["label"]);
283
- }), 128))]),
284
- createVNode(HistoryEventFooter_default, {
285
- version: __props.version.version,
286
- date: __props.version.createdOn
287
- }, null, 8, ["version", "date"])
288
- ])]),
289
- _: 2
290
- }, [menuItems.value.length ? {
291
- name: "header-actions",
292
- fn: withCtx(() => [createVNode(unref(KdsMenuButton), {
293
- items: menuItems.value,
294
- variant: "transparent",
295
- "leading-icon": "more-actions",
296
- ariaLabel: "More actions"
297
- }, null, 8, ["items"])]),
298
- key: "0"
299
- } : void 0]), 1032, ["model-value", "headline"])]),
300
- _: 1
301
- }, 8, [
302
- "is-selected",
303
- "is-first-item",
304
- "is-last-item"
305
- ]);
306
- };
307
- }
308
- }), [["__scopeId", "data-v-f6d78be1"]]);
309
- //#endregion
310
- //#region src/versions/VersionHistory/VersionLimitInfo.vue?vue&type=script&setup=true&lang.ts
311
- var _hoisted_1$2 = { class: "content-wrapper" };
312
- //#endregion
313
- //#region src/versions/VersionHistory/VersionLimitInfo.vue
314
- var VersionLimitInfo_default = /* @__PURE__ */ defineComponent({
315
- __name: "VersionLimitInfo",
316
- props: {
317
- versionLimit: {},
318
- upgradeUrl: { default: () => void 0 },
319
- isPrivate: {
320
- type: Boolean,
321
- default: false
322
- }
323
- },
324
- setup(__props) {
325
- const isLimitReached = computed(() => __props.versionLimit.currentUsage >= __props.versionLimit.limit);
326
- const headline = computed(() => {
327
- if (isLimitReached.value) return `You've reached the maximum of ${__props.versionLimit.limit} versions.`;
328
- else return `Using ${__props.versionLimit.currentUsage} of ${__props.versionLimit.limit} versions.`;
329
- });
330
- return (_ctx, _cache) => {
331
- return openBlock(), createBlock(HistoryEvent_default, {
332
- "is-selected": false,
333
- "is-first-item": false,
334
- "is-last-item": ""
335
- }, {
336
- default: withCtx(() => [createVNode(unref(KdsCard), {
337
- variant: "filled",
338
- headline: headline.value
339
- }, createSlots({
340
- default: withCtx(() => [createElementVNode("div", _hoisted_1$2, [createVNode(unref(KdsDescription), { text: `Upgrade to use unlimited versions${__props.isPrivate ? " for private items." : "."}` }, null, 8, ["text"])])]),
341
- _: 2
342
- }, [__props.upgradeUrl ? {
343
- name: "header-actions",
344
- fn: withCtx(() => [createVNode(unref(KdsLinkButton), {
345
- label: "Upgrade",
346
- to: __props.upgradeUrl
347
- }, null, 8, ["to"])]),
348
- key: "0"
349
- } : void 0]), 1032, ["headline"])]),
350
- _: 1
351
- });
352
- };
353
- }
354
- });
355
- //#endregion
356
- //#region src/versions/VersionHistory/constants.ts
357
- var VERSION_DEFAULT_LIMIT = 10;
358
- var CURRENT_STATE_VERSION = "current-state";
359
- var MOST_RECENT_VERSION = "most-recent";
360
- //#endregion
361
- //#region src/versions/VersionHistory/VersionHistory.vue?vue&type=script&setup=true&lang.ts
362
- var _hoisted_1$1 = { class: "version-history-wrapper" };
363
- //#endregion
364
- //#region src/versions/VersionHistory/VersionHistory.vue
365
- var VersionHistory_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
366
- __name: "VersionHistory",
367
- props: {
368
- hasUnversionedChanges: { type: Boolean },
369
- unversionedSavepoint: {},
370
- currentVersion: {},
371
- versionHistory: {},
372
- loading: { type: Boolean },
373
- hasLoadedAllVersions: { type: Boolean },
374
- hasAdminRights: { type: Boolean },
375
- hasEditCapability: { type: Boolean },
376
- versionLimit: {},
377
- upgradeUrl: {},
378
- isPrivate: { type: Boolean },
379
- restoreOption: {}
380
- },
381
- emits: [
382
- "close",
383
- "loadAll",
384
- "create",
385
- "delete",
386
- "restore",
387
- "select",
388
- "discardCurrentState"
389
- ],
390
- setup(__props, { emit: __emit }) {
391
- const props = __props;
392
- const emit = __emit;
393
- const isVersionLimitExceeded = computed(() => {
394
- return props.versionLimit?.limit !== void 0 && props.versionLimit.currentUsage >= props.versionLimit.limit;
395
- });
396
- const headlineTrailingActions = computed(() => [{
397
- type: "button",
398
- props: {
399
- leadingIcon: "x-close",
400
- ariaLabel: "Close",
401
- variant: "transparent"
402
- },
403
- onClick: () => emit("close")
404
- }]);
405
- return (_ctx, _cache) => {
406
- return openBlock(), createBlock(unref(KdsPanel), {
407
- headline: "Version history",
408
- "headline-trailing-actions": headlineTrailingActions.value
409
- }, {
410
- default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
411
- __props.unversionedSavepoint ? (openBlock(), createBlock(CurrentState_default, {
412
- key: 0,
413
- "current-savepoint": __props.unversionedSavepoint,
414
- "is-selected": __props.currentVersion === unref(CURRENT_STATE_VERSION),
415
- "has-edit-capability": __props.hasEditCapability,
416
- "has-previous-version": __props.versionHistory.length > 0,
417
- "has-version-limit": __props.versionLimit?.limit !== void 0,
418
- "is-version-limit-exceeded": isVersionLimitExceeded.value,
419
- onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", unref("current-state"))),
420
- onCreateVersion: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("create")),
421
- onDiscard: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("discardCurrentState"))
422
- }, null, 8, [
423
- "current-savepoint",
424
- "is-selected",
425
- "has-edit-capability",
426
- "has-previous-version",
427
- "has-version-limit",
428
- "is-version-limit-exceeded"
429
- ])) : createCommentVNode("", true),
430
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.versionHistory, (historyEvent, index) => {
431
- return openBlock(), createBlock(VersionItem_default, {
432
- key: historyEvent.version,
433
- version: historyEvent,
434
- "is-selected": historyEvent.version === __props.currentVersion,
435
- "has-admin-rights": __props.hasAdminRights,
436
- "has-edit-capability": __props.hasEditCapability,
437
- "is-first-item": !__props.unversionedSavepoint && index === 0,
438
- "is-last-item": index === __props.versionHistory.length - 1 && __props.versionLimit?.limit === void 0,
439
- "restore-option": __props.restoreOption,
440
- onDelete: ($event) => _ctx.$emit("delete", historyEvent.version),
441
- onRestore: ($event) => _ctx.$emit("restore", historyEvent.version),
442
- onSelect: ($event) => _ctx.$emit("select", $event ? historyEvent.version : unref(CURRENT_STATE_VERSION))
443
- }, null, 8, [
444
- "version",
445
- "is-selected",
446
- "has-admin-rights",
447
- "has-edit-capability",
448
- "is-first-item",
449
- "is-last-item",
450
- "restore-option",
451
- "onDelete",
452
- "onRestore",
453
- "onSelect"
454
- ]);
455
- }), 128)),
456
- __props.versionLimit?.limit !== void 0 ? (openBlock(), createBlock(VersionLimitInfo_default, {
457
- key: 1,
458
- class: "version-limit-info",
459
- "version-limit": {
460
- limit: __props.versionLimit.limit,
461
- currentUsage: __props.versionLimit.currentUsage
462
- },
463
- "upgrade-url": __props.upgradeUrl,
464
- "is-private": __props.isPrivate
465
- }, null, 8, [
466
- "version-limit",
467
- "upgrade-url",
468
- "is-private"
469
- ])) : createCommentVNode("", true),
470
- !__props.hasLoadedAllVersions ? (openBlock(), createBlock(unref(KdsButton), {
471
- key: 2,
472
- variant: "transparent",
473
- disabled: __props.loading,
474
- label: __props.loading ? "Loading..." : "Load all",
475
- class: "load-more-button",
476
- onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("loadAll"))
477
- }, null, 8, ["disabled", "label"])) : createCommentVNode("", true)
478
- ])]),
479
- _: 1
480
- }, 8, ["headline-trailing-actions"]);
481
- };
482
- }
483
- }), [["__scopeId", "data-v-a388b66e"]]);
484
- //#endregion
485
- //#region src/versions/CreateVersionForm/CreateVersionForm.vue?vue&type=script&setup=true&lang.ts
486
- var _hoisted_1 = { class: "create-version-form-wrapper" };
487
- //#endregion
488
- //#region src/versions/CreateVersionForm/CreateVersionForm.vue
489
- var CreateVersionForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
490
- __name: "CreateVersionForm",
491
- props: { isCreationPending: {
492
- type: Boolean,
493
- default: false
494
- } },
495
- emits: ["create", "cancel"],
496
- setup(__props, { emit: __emit }) {
497
- const emit = __emit;
498
- const versionName = ref("");
499
- const versionDescription = ref("");
500
- const doValidate = ref(false);
501
- const isVersionNameInvalid = computed(() => {
502
- return doValidate.value && versionName.value.trim().length <= 0;
503
- });
504
- const hasUnsavedChanges = computed(() => {
505
- return versionName.value !== "" || versionDescription.value !== "";
506
- });
507
- const onCreate = async () => {
508
- doValidate.value = true;
509
- await nextTick();
510
- if (!isVersionNameInvalid.value) emit("create", {
511
- name: versionName.value.trim(),
512
- description: versionDescription.value
513
- });
514
- };
515
- const headlineTrailingActions = computed(() => [{
516
- type: "button",
517
- props: {
518
- leadingIcon: "x-close",
519
- ariaLabel: "Close",
520
- variant: "transparent"
521
- },
522
- onClick: () => emit("cancel", hasUnsavedChanges.value)
523
- }]);
524
- const footerLeadingActions = computed(() => [{
525
- type: "button",
526
- props: {
527
- label: "Cancel",
528
- variant: "outlined"
529
- },
530
- onClick: () => emit("cancel", hasUnsavedChanges.value)
531
- }]);
532
- const footerTrailingActions = computed(() => [{
533
- type: "button",
534
- props: {
535
- label: "Create",
536
- variant: "filled",
537
- disabled: isVersionNameInvalid.value || __props.isCreationPending
538
- },
539
- onClick: onCreate
540
- }]);
541
- return (_ctx, _cache) => {
542
- return openBlock(), createBlock(unref(KdsPanel), {
543
- headline: "Create version",
544
- "headline-trailing-actions": headlineTrailingActions.value,
545
- "footer-leading-actions": footerLeadingActions.value,
546
- "footer-trailing-actions": footerTrailingActions.value
547
- }, {
548
- default: withCtx(() => [createElementVNode("div", _hoisted_1, [
549
- createVNode(unref(KdsDescription), {
550
- text: "Give your version a name and description. Versions can be used to create a deployment.",
551
- class: "create-version-form-description"
552
- }),
553
- createVNode(unref(KdsTextInput), {
554
- modelValue: versionName.value,
555
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => versionName.value = $event),
556
- label: "Version name",
557
- type: "text",
558
- error: isVersionNameInvalid.value,
559
- "sub-text": isVersionNameInvalid.value ? "Please enter at least 1 character." : void 0
560
- }, null, 8, [
561
- "modelValue",
562
- "error",
563
- "sub-text"
564
- ]),
565
- createVNode(unref(KdsTextarea), {
566
- modelValue: versionDescription.value,
567
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => versionDescription.value = $event),
568
- label: "Description",
569
- class: "description"
570
- }, null, 8, ["modelValue"])
571
- ])]),
572
- _: 1
573
- }, 8, [
574
- "headline-trailing-actions",
575
- "footer-leading-actions",
576
- "footer-trailing-actions"
577
- ]);
578
- };
579
- }
580
- }), [["__scopeId", "data-v-0c0f6ba1"]]);
581
- //#endregion
582
- export { CURRENT_STATE_VERSION, CreateVersionForm_default as CreateVersionForm, MOST_RECENT_VERSION, VERSION_DEFAULT_LIMIT, VersionHistory_default as VersionHistory };
583
-
584
- //# sourceMappingURL=versions.js.map