@dative-gpi/foundation-shared-components 0.0.75 → 0.0.77

package/components/FSDialog.vue

@@ -8,11 +8,11 @@
   >
     <FSCard
       padding="24px"
+      width="100%"
       gap="24px"
       :border="!isExtraSmall"
       :color="$props.color"
       :class="classes"
-      :width="width"
     >
       <template v-for="(_, name) in $slots" v-slot:[name]="slotData">
         <slot :name="name" v-bind="slotData" />
@@ -33,11 +33,11 @@ import { computed, defineComponent, PropType } from "vue";
 
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 import { useBreakpoints } from "@dative-gpi/foundation-shared-components/composables";
+import { sizeToVar } from "@dative-gpi/foundation-shared-components/utils";
 
 import FSButton from "./FSButton.vue";
 import FSCard from "./FSCard.vue";
 import FSCol from "./FSCol.vue";
-import { sizeToVar } from "../utils";
 
 export default defineComponent({
   name: "FSDialog",

package/components/FSErrorToast.vue

@@ -1,22 +1,34 @@
 <template>
-  <FSRow
+  <FSCol
     padding="18px 0 18px 32px"
     class="fs-error-toast"
-    align="center-left"
+    align="center-center"
+    gap="24px"
     :style="style"
-    :wrap="false"
   >
-    <FSIcon>
-      mdi-alert-outline
-    </FSIcon>
-    <FSSpan>
-      {{ $tr(error.code, error.default) }}
-    </FSSpan>
-  </FSRow>
+    <slot
+      name="body"
+    >
+      <FSRow
+        align="top-center"
+        :wrap="false"
+      >
+        <FSIcon>
+          mdi-alert-outline
+        </FSIcon>
+        <FSSpan>
+          {{ $tr(error.code, error.default) }}
+        </FSSpan>
+      </FSRow>
+    </slot>
+    <slot
+      name="footer"
+    />
+  </FSCol>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, PropType } from "vue";
 
 import { getError, sizeToVar } from "@dative-gpi/foundation-shared-components/utils";
 import { useColors } from "@dative-gpi/foundation-shared-components/composables";
@@ -25,19 +37,26 @@ import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 import FSIcon from "./FSIcon.vue";
 import FSSpan from "./FSSpan.vue";
 import FSRow from "./FSRow.vue";
+import FSCol from "./FSCol.vue";
 
 export default defineComponent({
   name: "FSErrorToast",
   components: {
     FSIcon,
     FSSpan,
-    FSRow
+    FSRow,
+    FSCol
   },
   props: {
     errorCode: {
       type: String,
       required: true
     },
+    variant: {
+      type: String as PropType<"standard" | "full">,
+      required: false,
+      default: "full"
+    },
     borderRadius: {
       type: [String, Number],
       required: false,
@@ -49,12 +68,19 @@ export default defineComponent({
 
     const errors = getColors(ColorEnum.Error);
 
-    const style = computed((): { [key: string] : string | undefined } => {
-      return {
-        "--fs-error-toast-border-radius"   : sizeToVar(props.borderRadius),
-        "--fs-error-toast-background-color": errors.base,
-        "--fs-error-toast-color"           : errors.light
-      };
+    const style = computed((): { [key: string]: string | undefined } => {
+      switch (props.variant) {
+        case "standard": return {
+          "--fs-error-toast-border-radius": sizeToVar(props.borderRadius),
+          "--fs-error-toast-background-color": errors.light,
+          "--fs-error-toast-color": errors.dark
+        };
+        default: return {
+          "--fs-error-toast-border-radius": sizeToVar(props.borderRadius),
+          "--fs-error-toast-background-color": errors.base,
+          "--fs-error-toast-color": errors.light
+        };
+      }
     });
 
     const error = computed((): { code: string, default: string, status: number } => getError(props.errorCode));

package/components/FSImage.vue

@@ -37,7 +37,8 @@
 import { computed, defineComponent, PropType, ref, watch } from "vue";
 import { decode, isBlurhashValid } from "blurhash";
 
-import { useImageBlurHash, useRawImage } from "@dative-gpi/foundation-shared-services/composables";
+import { IMAGE_RAW_EXTENSION_URL, IMAGE_RAW_URL } from "@dative-gpi/foundation-shared-services/config/urls";
+import { useExtensionJwt, useImageBlurHash } from "@dative-gpi/foundation-shared-services/composables";
 import { sizeToVar, varToSize } from "@dative-gpi/foundation-shared-components/utils";
 
 import FSLoader from "./FSLoader.vue";
@@ -86,7 +87,7 @@ export default defineComponent({
   },
   setup(props) {
     const { fetch: fetchBlurHash, entity: blurHash } = useImageBlurHash();
-    const { fetch: fetchRawImage, entity: image } = useRawImage();
+    const { jwt } = useExtensionJwt();
 
     const imageRef = ref<HTMLFormElement | null>(null);
     const canvasRef = ref<HTMLCanvasElement | null>(null);
@@ -150,10 +151,11 @@ export default defineComponent({
           return `${imageType.value},${imageData.value}`;
         }
       }
-      if (props.imageId) {
-        if (image.value) {
-          return image.value;
+      else if (props.imageId) {
+        if (jwt.value) {
+          return IMAGE_RAW_EXTENSION_URL(props.imageId, jwt.value);
         }
+        return IMAGE_RAW_URL(props.imageId);
       }
     });
 
@@ -184,12 +186,6 @@ export default defineComponent({
       }
     };
 
-    watch(() => props.imageId, () => {
-      if (props.imageId) {
-        fetchRawImage(props.imageId);
-      }
-    }, { immediate: true });
-
     watch(() => blurHash.value, () => {
       if (canvasRef.value && imageRef.value) {
         if (blurHash.value && isBlurhashValid(blurHash.value.blurHash).result) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.75",
+  "version": "0.0.77",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.75",
-    "@dative-gpi/foundation-shared-services": "0.0.75",
+    "@dative-gpi/foundation-shared-domain": "0.0.77",
+    "@dative-gpi/foundation-shared-services": "0.0.77",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "d06115ff4fb375224f9ec1cb5521c66a73509ba2"
+  "gitHead": "6b19cf784bb4bb763d8d437425caf7ace12e6067"
 }