@knime/product-features 0.2.2 → 0.3.0

package/dist/versions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"versions.js","sources":["../src/versions/VersionHistory/HistoryEvent.vue","../src/versions/VersionHistory/HistoryEventAuthor.vue","../../../node_modules/.pnpm/@knime+utils@1.11.0_consola@3.4.2/node_modules/@knime/utils/src/localTimezone.ts","../../../node_modules/.pnpm/@knime+utils@1.11.0_consola@3.4.2/node_modules/@knime/utils/src/format.ts","../src/versions/VersionHistory/HistoryEventFooter.vue","../src/versions/VersionHistory/CurrentState.vue","../src/versions/VersionHistory/VersionLabel.vue","../src/versions/VersionHistory/VersionItem.vue","../src/versions/VersionHistory/VersionLimitInfo.vue","../src/versions/VersionHistory/constants.ts","../src/versions/VersionHistory/VersionHistory.vue","../src/versions/CreateVersionForm/CreateVersionForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { KdsIcon } from \"@knime/kds-components\";\n\ntype Props = {\n  isSelected: boolean;\n  isFirstItem: boolean;\n  isLastItem: boolean;\n};\n\ndefineProps<Props>();\n</script>\n\n<template>\n  <div class=\"history-event-wrapper\">\n    <div class=\"history-event-decorator\">\n      <div v-if=\"!isFirstItem\" class=\"history-event-line-top\" />\n      <KdsIcon\n        class=\"history-event-icon\"\n        :name=\"isSelected ? 'circle-success' : 'circle-unchecked'\"\n        size=\"small\"\n      />\n      <div v-if=\"!isLastItem\" class=\"history-event-line-bottom\" />\n    </div>\n\n    <div class=\"card-wrapper\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.history-event-wrapper {\n  display: flex;\n}\n\n.history-event-decorator {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  width: var(--kds-dimension-component-width-0-75x);\n  margin: 0 var(--kds-spacing-container-0-75x);\n}\n\n.history-event-line-top {\n  position: absolute;\n  top: calc(var(--kds-spacing-container-0-37x) * -1);\n  height: calc(\n    var(--kds-spacing-container-1x) + var(--kds-spacing-container-0-37x)\n  );\n  border-left: var(--kds-border-base-subtle);\n}\n\n.history-event-line-bottom {\n  position: absolute;\n  top: calc(\n    var(--kds-spacing-container-1x) + var(--kds-spacing-container-0-37x) +\n      var(--kds-spacing-container-0-37x)\n  );\n  bottom: calc(var(--kds-spacing-container-0-37x) * -1);\n  border-left: var(--kds-border-base-subtle);\n}\n\n.history-event-icon {\n  position: absolute;\n  top: var(--kds-spacing-container-1x);\n}\n\n.card-wrapper {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-0-37x);\n  min-width: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { KdsAvatar } from \"@knime/kds-components\";\n\nimport type { WithAvatar } from \"./types\";\n\ntype Props = WithAvatar & {\n  author: string;\n};\n\ndefineProps<Props>();\n\nconst nameInitials = (name: string) =>\n  name\n    .split(/[., _-]/, 2)\n    .map((part) => part.charAt(0).toUpperCase())\n    .join(\"\");\n</script>\n\n<template>\n  <div class=\"avatar-and-name-wrapper\">\n    <KdsAvatar\n      :src=\"avatar.src\"\n      :title=\"author\"\n      :initials=\"nameInitials(author)\"\n    />\n    <span class=\"author-name\">{{ author }}</span>\n  </div>\n</template>\n\n<style scoped>\n.avatar-and-name-wrapper {\n  display: flex;\n  gap: var(--kds-spacing-container-0-25x);\n  align-items: center;\n}\n\n.author-name {\n  font: var(--kds-font-base-subtext-small);\n  color: var(--kds-color-text-and-icon-neutral);\n}\n</style>\n","/**\n * Get the users local timezone.\n *\n * @returns current users timezone (browser based) tz db string (e. g. Europe/Berlin).\n */\n// eslint-disable-next-line new-cap\nexport default () => Intl.DateTimeFormat().resolvedOptions().timeZone;\n","import { filesize } from \"filesize\";\n\nimport getLocalTimeZone from \"./localTimezone\";\n/**\n * Converts the specified date String to human readable text containing the day, month, and year.\n * Example: '2018-07-31T09:44:31+00:00' => 'Jul 31, 2018'\n *\n * @param dateString String representation of the Date to format\n * @param useTimeZone to set the timeZone where the user is located, and display local date and time\n * @returns human readable date String\n */\nexport const formatDateString = (\n  dateString: string | number,\n  useTimeZone = false,\n) => {\n  const date = new Date(dateString);\n\n  // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'number'\n  if (isNaN(date)) {\n    throw Error(\"Invalid Date format\");\n  }\n\n  const baseDateOptions: Intl.DateTimeFormatOptions = {\n    day: \"numeric\",\n    month: \"short\",\n    year: \"numeric\",\n  };\n\n  // This only works for the default locale of en-US, as support of other locals in node js might not be available\n  // See for example this issue https://github.com/nodejs/node/issues/8500\n  const dateOptions: Intl.DateTimeFormatOptions = useTimeZone\n    ? { ...baseDateOptions, timeZone: getLocalTimeZone() }\n    : baseDateOptions;\n\n  return date.toLocaleDateString(\"en-US\", dateOptions);\n};\n\n/**\n * Converts the specified time String to human readable text containing the hour (12-hour) and minute.\n * Example: '2018-07-31T09:44:31+00:00' => '9:44 AM'\n *\n * @param timeString String representation of the Date (including time) to format\n * @param useTimeZone to set the timeZone where the user is located, and display local date and time\n * @returns human readable time String\n */\nexport const formatTimeString = (\n  timeString: string | number,\n  useTimeZone = false,\n) => {\n  const time = new Date(timeString);\n\n  // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'number'\n  if (isNaN(time)) {\n    throw Error(\"Invalid Date format\");\n  }\n\n  // This only works for the default locale of en-US, as support of other locals in node js might not be available\n  // See for example this issue https://github.com/nodejs/node/issues/8500\n  const baseTimeOptions: Intl.DateTimeFormatOptions = {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  };\n\n  const timeOptions: Intl.DateTimeFormatOptions = useTimeZone\n    ? { ...baseTimeOptions, timeZone: getLocalTimeZone() }\n    : baseTimeOptions;\n\n  return time.toLocaleTimeString(\"en-US\", timeOptions);\n};\n\n/**\n * Converts the specified time String to human readable text containing the date (day, month, year) and time (hour,\n * minute; 12-hour).\n * Example: '2018-07-31T09:44:31+00:00' => 'Jul 31, 2018 9:44 AM'\n *\n * @param dateTimeString String representation of the Date (including time and date) to format\n * @param useTimeZone to set the timeZone where the user is located, and display local date and time\n * @returns human readable date/time String\n */\nexport const formatDateTimeString = (\n  dateTimeString: string | number,\n  useTimeZone = false,\n) => {\n  return `${formatDateString(dateTimeString, useTimeZone)} ${formatTimeString(\n    dateTimeString,\n    useTimeZone,\n  )}`;\n};\n\n/**\n * Converts the specified date and time to the user time zone with option to display (day, month, year) only or with time (hour,\n * minute; 12-hour).\n *\n * @param showTime String representation of the Date to convert and format\n * @param String | number} date String representation of the Date to convert and format\n * @returns human readable date/time String converted to user time zone\n */\nexport const formatLocalDateTimeString = (date: string, showTime: boolean) =>\n  showTime ? formatDateTimeString(date, true) : formatDateString(date, true);\n\nexport const formatFileSize = (bytes: number, decimals = 1): string => {\n  const safeBytes = Number.isFinite(bytes) && bytes >= 0 ? bytes : 0;\n  const safeDecimals =\n    Number.isFinite(decimals) && decimals >= 0 ? Math.floor(decimals) : 0;\n\n  return filesize(safeBytes, {\n    output: \"string\",\n    base: 2,\n    standard: \"iec\",\n    round: safeDecimals,\n    pad: true,\n  }) as string;\n};\n","<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from \"vue\";\n\nimport { formatDateTimeString, formatLocalDateTimeString } from \"@knime/utils\";\n\nimport type { NamedItemVersion } from \"./types\";\n\ntype Props = {\n  date: string;\n  version?: NamedItemVersion[\"version\"];\n};\n\nconst { version, date } = defineProps<Props>();\n\n// Render the hidden non-local format on the server / first paint to reserve the\n// space and avoid content jumping once the localized value swaps in after mount\nconst isMounted = ref(false);\nconst localDateTime = computed(() =>\n  isMounted.value\n    ? formatLocalDateTimeString(date, true)\n    : formatDateTimeString(date, true),\n);\n\nonMounted(() => {\n  isMounted.value = true;\n});\n</script>\n\n<template>\n  <span class=\"history-event-footer\">\n    Created on\n    <time :title=\"date\" :datetime=\"date\" :class=\"{ hidden: !isMounted }\">{{\n      localDateTime\n    }}</time>\n    <template v-if=\"version\">– Version {{ version }}</template>\n  </span>\n</template>\n\n<style scoped>\n.history-event-footer {\n  font: var(--kds-font-base-subtext-small);\n  color: var(--kds-color-text-and-icon-subtle);\n}\n\n.hidden {\n  visibility: hidden;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport {\n  KdsButton,\n  type KdsMenuActionItem,\n  KdsMenuButton,\n  KdsSelectableCard,\n} from \"@knime/kds-components\";\n\nimport HistoryEvent from \"./HistoryEvent.vue\";\nimport HistoryEventAuthor from \"./HistoryEventAuthor.vue\";\nimport HistoryEventFooter from \"./HistoryEventFooter.vue\";\nimport type { ItemSavepoint, WithAvatar, WithLabels } from \"./types\";\n\ntype Props = {\n  currentSavepoint: ItemSavepoint & WithAvatar & WithLabels;\n  isSelected: boolean;\n  hasEditCapability: boolean;\n  hasPreviousVersion: boolean;\n  hasVersionLimit: boolean;\n  isVersionLimitExceeded?: boolean;\n};\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  createVersion: [];\n  discard: [];\n  select: [];\n}>();\n\nconst menuItems = computed<KdsMenuActionItem[]>(() =>\n  props.hasEditCapability && props.hasPreviousVersion\n    ? [\n        {\n          id: \"discard\",\n          text: \"Discard\",\n          handler: () => emit(\"discard\"),\n        },\n      ]\n    : [],\n);\n</script>\n\n<template>\n  <HistoryEvent\n    :is-selected\n    is-first-item\n    :is-last-item=\"!hasPreviousVersion && !hasVersionLimit\"\n  >\n    <KdsSelectableCard\n      :model-value=\"isSelected\"\n      headline=\"Draft\"\n      ariaLabel=\"Savepoint history event\"\n      @update:model-value=\"!isSelected && $emit('select')\"\n    >\n      <template v-if=\"menuItems.length\" #header-actions>\n        <KdsMenuButton\n          :items=\"menuItems\"\n          variant=\"transparent\"\n          leading-icon=\"more-actions\"\n          ariaLabel=\"More actions\"\n        />\n      </template>\n\n      <div class=\"content-wrapper\">\n        <HistoryEventAuthor\n          :author=\"currentSavepoint.author\"\n          :avatar=\"currentSavepoint.avatar\"\n        />\n\n        <HistoryEventFooter :date=\"currentSavepoint.lastEditedOn\" />\n      </div>\n    </KdsSelectableCard>\n\n    <KdsButton\n      v-if=\"hasEditCapability && !isVersionLimitExceeded\"\n      label=\"Create version\"\n      @click.stop=\"$emit('createVersion')\"\n    />\n  </HistoryEvent>\n</template>\n\n<style scoped>\n.content-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-0-37x);\n  padding: 0 var(--kds-spacing-container-1x) var(--kds-spacing-container-1x);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useTemplateRef } from \"vue\";\n\nimport {\n  KdsDescription,\n  KdsPopover,\n  type KdsPopoverExpose,\n  KdsToggleButton,\n} from \"@knime/kds-components\";\n\nimport type { AssignedLabel } from \"./types\";\n\ntype Props = {\n  label: AssignedLabel;\n};\n\ndefineProps<Props>();\n\nconst isPopoverOpen = defineModel<boolean>({ default: false });\nconst popoverEl = useTemplateRef<KdsPopoverExpose>(\"popover\");\n</script>\n\n<template>\n  <KdsToggleButton\n    v-model=\"isPopoverOpen\"\n    data-kds-card-secondary-action\n    :label=\"label.label.name\"\n    aria-haspopup=\"dialog\"\n    :aria-expanded=\"isPopoverOpen\"\n    :aria-controls=\"popoverEl?.popoverId\"\n    size=\"xsmall\"\n    :style=\"popoverEl?.anchorStyle\"\n  />\n\n  <KdsPopover\n    ref=\"popover\"\n    v-model=\"isPopoverOpen\"\n    placement=\"bottom-left\"\n    role=\"dialog\"\n    aria-label=\"Label details\"\n  >\n    <div class=\"label-popover-container\">\n      <div class=\"label-title\">{{ label.label.name }}</div>\n      <KdsDescription :text=\"label.label.description\" />\n      <KdsDescription v-if=\"label.message\" :text=\"label.message\" />\n    </div>\n  </KdsPopover>\n</template>\n\n<style scoped>\n.label-popover-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-0-5x);\n  align-items: flex-start;\n  max-width: var(--kds-dimension-component-width-20x);\n  max-height: var(--kds-dimension-component-height-20x);\n  padding: var(--kds-spacing-container-0-75x) var(--kds-spacing-container-1x);\n  overflow-y: auto;\n  background-color: var(--kds-color-surface-default);\n  border-radius: var(--kds-border-radius-container-0-50x);\n  box-shadow: var(--kds-elevation-level-3);\n}\n\n.label-title {\n  font: var(--kds-font-base-body-small-strong);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport {\n  KdsDescription,\n  type KdsMenuActionItem,\n  KdsMenuButton,\n  KdsSelectableCard,\n} from \"@knime/kds-components\";\n\nimport HistoryEvent from \"./HistoryEvent.vue\";\nimport HistoryEventAuthor from \"./HistoryEventAuthor.vue\";\nimport HistoryEventFooter from \"./HistoryEventFooter.vue\";\nimport VersionLabel from \"./VersionLabel.vue\";\nimport type { NamedItemVersion, WithAvatar, WithLabels } from \"./types\";\n\ntype Props = {\n  version: NamedItemVersion & WithAvatar & WithLabels;\n  isSelected: boolean;\n  hasAdminRights: boolean;\n  hasEditCapability: boolean;\n  isFirstItem: boolean;\n  isLastItem: boolean;\n};\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  select: [selectionStatus: boolean];\n  delete: [];\n  restore: [];\n}>();\n\nconst toggleVersionSelection = () => {\n  emit(\"select\", !props.isSelected);\n};\n\nconst menuItems = computed<KdsMenuActionItem[]>(() =>\n  [\n    props.hasEditCapability && {\n      id: \"show\",\n      text: props.isSelected ? \"Deselect this version\" : \"Show this version\",\n      handler: toggleVersionSelection,\n    },\n    props.hasEditCapability && {\n      id: \"restore\",\n      text: \"Restore this version\",\n      handler: () => emit(\"restore\"),\n    },\n    props.hasAdminRights && {\n      id: \"delete\",\n      text: \"Delete this version\",\n      handler: () => emit(\"delete\"),\n    },\n  ].filter((i) => i !== false),\n);\n</script>\n\n<template>\n  <HistoryEvent :is-selected :is-first-item :is-last-item>\n    <KdsSelectableCard\n      :model-value=\"isSelected\"\n      :headline=\"version.title\"\n      ariaLabel=\"Version history event\"\n      @update:model-value=\"toggleVersionSelection\"\n    >\n      <template v-if=\"menuItems.length\" #header-actions>\n        <KdsMenuButton\n          :items=\"menuItems\"\n          variant=\"transparent\"\n          leading-icon=\"more-actions\"\n          ariaLabel=\"More actions\"\n        />\n      </template>\n\n      <div class=\"content-wrapper\">\n        <HistoryEventAuthor :author=\"version.author\" :avatar=\"version.avatar\" />\n\n        <KdsDescription\n          v-if=\"version.description\"\n          :text=\"version.description\"\n        />\n\n        <div class=\"labels-wrapper\">\n          <VersionLabel\n            v-for=\"label in version.labels\"\n            :key=\"label.labelId\"\n            :label=\"label\"\n          />\n        </div>\n\n        <HistoryEventFooter\n          :version=\"version.version\"\n          :date=\"version.createdOn\"\n        />\n      </div>\n    </KdsSelectableCard>\n  </HistoryEvent>\n</template>\n\n<style scoped>\n.content-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-0-37x);\n  padding: 0 var(--kds-spacing-container-1x) var(--kds-spacing-container-1x);\n}\n\n.labels-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--kds-spacing-container-0-25x) var(--kds-spacing-container-0-5x);\n  align-items: center;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport { KdsCard, KdsDescription, KdsLinkButton } from \"@knime/kds-components\";\n\nimport HistoryEvent from \"./HistoryEvent.vue\";\nimport type { VersionLimit } from \"./types\";\n\nconst {\n  versionLimit,\n  upgradeUrl = undefined,\n  isPrivate = false,\n} = defineProps<{\n  versionLimit: Required<VersionLimit>;\n  upgradeUrl?: string;\n  isPrivate?: boolean;\n}>();\n\nconst isLimitReached = computed(\n  () => versionLimit.currentUsage >= versionLimit.limit,\n);\n\nconst headline = computed(() => {\n  if (isLimitReached.value) {\n    return `You've reached the maximum of ${versionLimit.limit} versions.`;\n  } else {\n    return `Using ${versionLimit.currentUsage} of ${versionLimit.limit} versions.`;\n  }\n});\n</script>\n\n<template>\n  <HistoryEvent :is-selected=\"false\" :is-first-item=\"false\" is-last-item>\n    <KdsCard variant=\"filled\" :headline=\"headline\">\n      <template v-if=\"upgradeUrl\" #header-actions>\n        <KdsLinkButton label=\"Upgrade\" :to=\"upgradeUrl\" />\n      </template>\n\n      <div class=\"content-wrapper\">\n        <KdsDescription\n          :text=\"`Upgrade to use unlimited versions${isPrivate ? ' for private items.' : '.'}`\"\n        />\n      </div>\n    </KdsCard>\n  </HistoryEvent>\n</template>\n\n<style scoped>\n.content-wrapper {\n  padding: 0 var(--kds-spacing-container-1x) var(--kds-spacing-container-1x);\n}\n</style>\n","export const VERSION_DEFAULT_LIMIT = 10;\nexport const CURRENT_STATE_VERSION = \"current-state\";\nexport const MOST_RECENT_VERSION = \"most-recent\";\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport {\n  KdsButton,\n  KdsPanel,\n  type KdsPanelHeadlineTrailingAction,\n} from \"@knime/kds-components\";\n\nimport CurrentState from \"./CurrentState.vue\";\nimport VersionItem from \"./VersionItem.vue\";\nimport VersionLimitInfo from \"./VersionLimitInfo.vue\";\nimport { CURRENT_STATE_VERSION } from \"./constants\";\nimport type { NamedItemVersion, VersionHistoryProps } from \"./types\";\n\nconst props = defineProps<VersionHistoryProps>();\n\nconst emit = defineEmits<{\n  close: [];\n  loadAll: [];\n  create: [];\n  delete: [version: NamedItemVersion[\"version\"]];\n  restore: [version: NamedItemVersion[\"version\"]];\n  select: [version: NamedItemVersion[\"version\"]];\n  discardCurrentState: [];\n}>();\n\nconst isVersionLimitExceeded = computed(() => {\n  return (\n    props.versionLimit?.limit !== undefined &&\n    props.versionLimit.currentUsage >= props.versionLimit.limit\n  );\n});\n\nconst headlineTrailingActions = computed<KdsPanelHeadlineTrailingAction[]>(\n  () => [\n    {\n      type: \"button\",\n      props: {\n        leadingIcon: \"x-close\",\n        ariaLabel: \"Close\",\n        variant: \"transparent\",\n      },\n      onClick: () => emit(\"close\"),\n    },\n  ],\n);\n</script>\n\n<template>\n  <KdsPanel\n    headline=\"Version history\"\n    :headline-trailing-actions=\"headlineTrailingActions\"\n  >\n    <div class=\"version-history-wrapper\">\n      <CurrentState\n        v-if=\"unversionedSavepoint\"\n        :current-savepoint=\"unversionedSavepoint\"\n        :is-selected=\"currentVersion === CURRENT_STATE_VERSION\"\n        :has-edit-capability=\"hasEditCapability\"\n        :has-previous-version=\"versionHistory.length > 0\"\n        :has-version-limit=\"versionLimit?.limit !== undefined\"\n        :is-version-limit-exceeded=\"isVersionLimitExceeded\"\n        @select=\"$emit('select', CURRENT_STATE_VERSION)\"\n        @create-version=\"$emit('create')\"\n        @discard=\"$emit('discardCurrentState')\"\n      />\n\n      <VersionItem\n        v-for=\"(historyEvent, index) in versionHistory\"\n        :key=\"historyEvent.version\"\n        :version=\"historyEvent\"\n        :is-selected=\"historyEvent.version === currentVersion\"\n        :has-admin-rights=\"hasAdminRights\"\n        :has-edit-capability=\"hasEditCapability\"\n        :is-first-item=\"!unversionedSavepoint && index === 0\"\n        :is-last-item=\"\n          index === versionHistory.length - 1 &&\n          versionLimit?.limit === undefined\n        \"\n        @delete=\"$emit('delete', historyEvent.version)\"\n        @restore=\"$emit('restore', historyEvent.version)\"\n        @select=\"\n          $emit('select', $event ? historyEvent.version : CURRENT_STATE_VERSION)\n        \"\n      />\n\n      <VersionLimitInfo\n        v-if=\"versionLimit?.limit !== undefined\"\n        class=\"version-limit-info\"\n        :version-limit=\"{\n          limit: versionLimit.limit,\n          currentUsage: versionLimit.currentUsage,\n        }\"\n        :upgrade-url\n        :is-private\n      />\n\n      <KdsButton\n        v-if=\"!hasLoadedAllVersions\"\n        variant=\"transparent\"\n        :disabled=\"loading\"\n        :label=\"loading ? 'Loading...' : 'Load all'\"\n        class=\"load-more-button\"\n        @click=\"$emit('loadAll')\"\n      />\n    </div>\n  </KdsPanel>\n</template>\n\n<style scoped>\n.version-history-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-0-75x);\n}\n\n.load-more-button {\n  margin: 0 auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from \"vue\";\n\nimport {\n  KdsDescription,\n  KdsPanel,\n  type KdsPanelButtonAction,\n  type KdsPanelHeadlineTrailingAction,\n  KdsTextInput,\n  KdsTextarea,\n} from \"@knime/kds-components\";\n\nimport type { CreateVersionFormProps } from \"./types\";\n\nconst { isCreationPending = false } = defineProps<CreateVersionFormProps>();\n\nconst emit = defineEmits<{\n  create: [{ name: string; description: string }];\n  cancel: [hasUnsavedChanges: boolean];\n}>();\n\nconst versionName = ref(\"\");\nconst versionDescription = ref(\"\");\n\nconst doValidate = ref(false);\n\nconst isVersionNameInvalid = computed(() => {\n  return doValidate.value && versionName.value.trim().length <= 0;\n});\n\nconst hasUnsavedChanges = computed(() => {\n  return versionName.value !== \"\" || versionDescription.value !== \"\";\n});\n\nconst onCreate = async () => {\n  doValidate.value = true;\n  await nextTick();\n\n  if (!isVersionNameInvalid.value) {\n    emit(\"create\", {\n      name: versionName.value.trim(),\n      description: versionDescription.value,\n    });\n  }\n};\n\nconst headlineTrailingActions = computed<KdsPanelHeadlineTrailingAction[]>(\n  () => [\n    {\n      type: \"button\",\n      props: {\n        leadingIcon: \"x-close\",\n        ariaLabel: \"Close\",\n        variant: \"transparent\",\n      },\n      onClick: () => emit(\"cancel\", hasUnsavedChanges.value),\n    },\n  ],\n);\n\nconst footerLeadingActions = computed<KdsPanelButtonAction[]>(() => [\n  {\n    type: \"button\",\n    props: {\n      label: \"Cancel\",\n      variant: \"outlined\",\n    },\n    onClick: () => emit(\"cancel\", hasUnsavedChanges.value),\n  },\n]);\n\nconst footerTrailingActions = computed<KdsPanelButtonAction[]>(() => [\n  {\n    type: \"button\",\n    props: {\n      label: \"Create\",\n      variant: \"filled\",\n      disabled: isVersionNameInvalid.value || isCreationPending,\n    },\n    onClick: onCreate,\n  },\n]);\n</script>\n\n<template>\n  <KdsPanel\n    headline=\"Create version\"\n    :headline-trailing-actions=\"headlineTrailingActions\"\n    :footer-leading-actions=\"footerLeadingActions\"\n    :footer-trailing-actions=\"footerTrailingActions\"\n  >\n    <div class=\"create-version-form-wrapper\">\n      <KdsDescription\n        text=\"Give your version a name and description. Versions can be used to create a deployment.\"\n        class=\"create-version-form-description\"\n      />\n\n      <KdsTextInput\n        v-model=\"versionName\"\n        label=\"Version name\"\n        type=\"text\"\n        :error=\"isVersionNameInvalid\"\n        :sub-text=\"\n          isVersionNameInvalid\n            ? 'Please enter at least 1 character.'\n            : undefined\n        \"\n      />\n\n      <KdsTextarea\n        v-model=\"versionDescription\"\n        label=\"Description\"\n        class=\"description\"\n      />\n    </div>\n  </KdsPanel>\n</template>\n\n<style scoped>\n.create-version-form-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kds-spacing-container-1x);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","_renderSlot","_toDisplayString","_Fragment","_createTextVNode","_createBlock","$emit","KdsMenuButton","KdsButton","_useModel","KdsToggleButton","_normalizeStyle","_renderList","KdsCard","KdsLinkButton"],"mappings":"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","x_google_ignoreList":[2,3]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/product-features",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Package containing composition patterns of KDS Components and KNIME business logic",
   "repository": {
     "type": "git",
@@ -20,6 +20,14 @@
     "./nodes": {
       "types": "./dist/src/nodes/index.d.ts",
       "import": "./dist/nodes.js"
+    },
+    "./ai": {
+      "types": "./dist/src/ai/index.d.ts",
+      "import": "./dist/ai.js"
+    },
+    "./versions": {
+      "types": "./dist/src/versions/index.d.ts",
+      "import": "./dist/versions.js"
     }
   },
   "files": [
@@ -32,8 +40,8 @@
   "dependencies": {
     "@knime/utils": "^1.11.0",
     "consola": "^3.4.2",
-    "@knime/kds-styles": "^0.29.3",
-    "@knime/kds-components": "^0.29.3"
+    "@knime/kds-styles": "^0.30.1",
+    "@knime/kds-components": "^0.30.1"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.1",