@prefecthq/prefect-ui-library 3.0.11 → 3.0.12

package/dist/types/src/maps/index.d.ts

@@ -431,14 +431,14 @@ export declare const maps: {
     VariableCreate: {
         VariableCreateRequest: import("..").MapFunction<import("..").VariableCreate, Partial<{
             name: string | null;
-            value: unknown;
+            value: string | null;
             tags: string[] | null;
         }>>;
     };
     VariableEdit: {
         VariableEditRequest: import("..").MapFunction<import("..").VariableEdit, Partial<{
             name: string | null;
-            value: unknown;
+            value: string | null;
             tags: string[] | null;
         }>>;
     };

package/dist/types/src/models/Variable.d.ts

@@ -3,7 +3,7 @@ export interface IVariable {
     created: Date;
     updated: Date;
     name: string;
-    value: unknown;
+    value: string;
     tags: string[];
 }
 export declare const MAX_VARIABLE_NAME_LENGTH: 255;
@@ -13,7 +13,7 @@ export declare class Variable implements IVariable {
     readonly created: Date;
     readonly updated: Date;
     name: string;
-    value: unknown;
+    value: string;
     tags: string[];
     constructor(variable: IVariable);
 }

package/dist/types/src/models/VariableCreate.d.ts

@@ -1,5 +1,5 @@
 export type VariableCreate = {
     name: string;
-    value: unknown;
+    value: string;
     tags?: string[];
 };

package/dist/types/src/models/VariableEdit.d.ts

@@ -1,5 +1,5 @@
 export type VariableEdit = {
     name?: string | null;
-    value?: unknown | null;
+    value?: string | null;
     tags?: string[] | null;
 };

package/dist/types/src/models/api/VariableRequest.d.ts

@@ -1,10 +1,10 @@
 export type VariableCreateRequest = Partial<{
     name: string | null;
-    value: unknown;
+    value: string | null;
     tags: string[] | null;
 }>;
 export type VariableEditRequest = Partial<{
     name: string | null;
-    value: unknown;
+    value: string | null;
     tags: string[] | null;
 }>;

package/dist/types/src/models/api/VariableResponse.d.ts

@@ -2,7 +2,7 @@ import { DateString } from '../../types';
 export type VariableResponse = {
     id: string;
     name: string;
-    value: unknown;
+    value: string;
     tags: string[] | null;
     created: DateString;
     updated: DateString;

package/dist/types/src/services/Mapper.d.ts

@@ -455,14 +455,14 @@ export declare const mapper: Mapper<{
     VariableCreate: {
         VariableCreateRequest: MapFunction<import("..").VariableCreate, Partial<{
             name: string | null;
-            value: unknown;
+            value: string | null;
             tags: string[] | null;
         }>>;
     };
     VariableEdit: {
         VariableEditRequest: MapFunction<import("..").VariableEdit, Partial<{
             name: string | null;
-            value: unknown;
+            value: string | null;
             tags: string[] | null;
         }>>;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.0.11",
+    "version": "3.0.12",
     "private": false,
     "repository": {
         "type": "git",

package/src/components/VariableDisplayPreview.vue

@@ -1,21 +1,19 @@
 <template>
   <div class="variable-link" />
-  <p-button v-if="(value?.length ?? 0) > 64" size="sm" @click="openEditModal">
+  <p-button v-if="variable.value.length > 64" size="sm" @click="openEditModal">
     {{ valueOverflowText }}
   </p-button>
-  <p-code-highlight v-else :text="value ?? ''" lang="json" inline />
+  <p-code-highlight v-else :text="variable.value" lang="json" inline />
   <VariableEditModal v-model:showModal="showEditModal" :variable="variable" @update="handleUpdate" />
 </template>
 
 
 <script lang="ts" setup>
-  import { computed } from 'vue'
-  import { stringifyUnknownJson } from '..'
   import VariableEditModal from '@/components/VariableEditModal.vue'
   import { useShowModal } from '@/compositions/useShowModal'
   import { Variable } from '@/models/Variable'
 
-  const props = defineProps<{
+  defineProps<{
     variable: Variable,
     valueOverflowText?: string,
   }>()
@@ -29,9 +27,5 @@
   const handleUpdate = (variable: Variable): void => {
     emit('update', variable)
   }
-
-  const value = computed(() => {
-    return stringifyUnknownJson(props.variable.value)
-  })
 </script>
 

package/src/components/VariableEditModal.vue

@@ -29,7 +29,6 @@
   import { useValidation, useValidationObserver, ValidationRule } from '@prefecthq/vue-compositions'
   import { isNull } from 'lodash'
   import { computed, ref } from 'vue'
-  import { stringifyUnknownJson } from '..'
   import { JsonInput } from '@/components'
   import { useWorkspaceApi } from '@/compositions'
   import { localization } from '@/localization'
@@ -37,7 +36,6 @@
   import { isSnakeCase, isRequired, isString, isLessThanOrEqual, isJson } from '@/utilities'
   import { getApiErrorMessage } from '@/utilities/errors'
 
-
   const props = defineProps<{
     variable: Variable,
     showModal: boolean,
@@ -92,7 +90,7 @@
 
   const { validate, pending } = useValidationObserver()
   const name = ref<string>(props.variable.name)
-  const value = ref<string>(stringifyUnknownJson(props.variable.value ?? '') ?? '')
+  const value = ref<string>(props.variable.value)
   const tags = ref<string[]>(props.variable.tags)
 
   const rules: Record<string, ValidationRule<string | undefined>[]> = {

package/src/components/VariableMenu.vue

@@ -2,7 +2,7 @@
   <p-icon-button-menu v-bind="$attrs">
     <copy-overflow-menu-item :label="localization.info.copyId" :item="variable.id" />
     <copy-overflow-menu-item :label="localization.info.copyName" :item="variable.name" />
-    <copy-overflow-menu-item :label="localization.info.copyValue" :item="value ?? ''" />
+    <copy-overflow-menu-item :label="localization.info.copyValue" :item="variable.value" />
     <p-overflow-menu-item v-if="can.update.variable" :label="localization.info.edit" @click="openEditModal" />
     <p-overflow-menu-item v-if="can.delete.variable" :label="localization.info.delete" @click="openDeleteModal" />
   </p-icon-button-menu>
@@ -27,15 +27,13 @@
 
 <script lang="ts" setup>
   import { showToast } from '@prefecthq/prefect-design'
-  import { computed, ref } from 'vue'
-  import { stringifyUnknownJson } from '..'
   import { ConfirmDeleteModal, CopyOverflowMenuItem, VariableEditModal } from '@/components'
   import { useWorkspaceApi, useCan, useShowModal } from '@/compositions'
   import { localization } from '@/localization'
   import { Variable } from '@/models'
   import { getApiErrorMessage } from '@/utilities/errors'
 
-  const props = defineProps<{
+  defineProps<{
     variable: Variable,
   }>()
 
@@ -68,8 +66,4 @@
   const handleUpdate = (variable: Variable): void => {
     emit('update', variable)
   }
-
-  const value = computed(() => {
-    return stringifyUnknownJson(props.variable.value)
-  })
 </script>

package/src/components/VariablesTable.vue

@@ -90,7 +90,7 @@
   import { useDebouncedRef, useLocalStorage, useSubscription } from '@prefecthq/vue-compositions'
   import merge from 'lodash.merge'
   import { computed, ref } from 'vue'
-  import { VariablesDeleteButton, VariableMenu, ResultsCount, SearchInput, SelectedCount, VariableTagsInput } from '@/components'
+  import { VariablesDeleteButton, VariableMenu, ResultsCount, SearchInput, SelectedCount, VariableTagsInput, VariableEditModal } from '@/components'
   import VariableDisplayPreview from '@/components/VariableDisplayPreview.vue'
   import { useCan, useVariablesFilter, useWorkspaceApi } from '@/compositions'
   import { localization } from '@/localization'

package/src/maps/variable.ts

@@ -3,7 +3,6 @@ import { Variable, VariableCreate, VariableEdit } from '..'
 import { VariableCreateRequest, VariableEditRequest } from '@/models/api/VariableRequest'
 import { VariableResponse } from '@/models/api/VariableResponse'
 import { MapFunction } from '@/services/Mapper'
-import { parseUnknownJson } from '@/utilities/parseUnknownJson'
 
 export const mapVariableResponseToVariable: MapFunction<VariableResponse, Variable> = function(source) {
   return new Variable({
@@ -19,7 +18,7 @@ export const mapVariableResponseToVariable: MapFunction<VariableResponse, Variab
 export const mapVariableEditToVariableEditRequest: MapFunction<VariableEdit, VariableEditRequest> = function(source) {
   return {
     name: source.name,
-    value: parseUnknownJson(source.value),
+    value: source.value,
     tags: source.tags,
   }
 }
@@ -27,7 +26,7 @@ export const mapVariableEditToVariableEditRequest: MapFunction<VariableEdit, Var
 export const mapVariableCreateToVariableCreateRequest: MapFunction<VariableCreate, VariableCreateRequest> = function(source) {
   return {
     name: source.name,
-    value: parseUnknownJson(source.value),
+    value: source.value,
     tags: source.tags,
   }
 }

package/src/models/Variable.ts

@@ -1,9 +1,10 @@
+
 export interface IVariable {
   id: string,
   created: Date,
   updated: Date,
   name: string,
-  value: unknown,
+  value: string,
   tags: string[],
 }
 
@@ -15,7 +16,7 @@ export class Variable implements IVariable {
   public readonly created: Date
   public readonly updated: Date
   public name: string
-  public value: unknown
+  public value: string
   public tags: string[]
 
   public constructor(

package/src/models/VariableCreate.ts

@@ -1,5 +1,5 @@
 export type VariableCreate = {
   name: string,
-  value: unknown,
+  value: string,
   tags?: string[],
 }

package/src/models/VariableEdit.ts

@@ -1,5 +1,5 @@
 export type VariableEdit = {
   name?: string | null,
-  value?: unknown | null,
+  value?: string | null,
   tags?: string[] | null,
 }

package/src/models/api/VariableRequest.ts

@@ -1,11 +1,11 @@
 export type VariableCreateRequest = Partial<{
   name: string | null,
-  value: unknown,
+  value: string | null,
   tags: string[] | null,
 }>
 
 export type VariableEditRequest = Partial<{
   name: string | null,
-  value: unknown,
+  value: string | null,
   tags: string[] | null,
 }>

package/src/models/api/VariableResponse.ts

@@ -3,7 +3,7 @@ import { DateString } from '@/types'
 export type VariableResponse = {
   id: string,
   name: string,
-  value: unknown,
+  value: string,
   tags: string[] | null,
   created: DateString,
   updated: DateString,