@dative-gpi/foundation-shared-components 1.0.55 → 1.0.56

package/components/FSImage.vue

@@ -12,7 +12,7 @@ import { computed, defineComponent, type PropType } from "vue";
 
 import { IMAGE_RAW_URL } from "@dative-gpi/foundation-shared-services/config/urls";
 
-import { useImage } from "@dative-gpi/foundation-shared-services/composables";
+import { useAppAuthToken, useImage } from "@dative-gpi/foundation-shared-services/composables";
 
 import FSImageUI from "./FSImageUI.vue";
 
@@ -30,9 +30,10 @@ export default defineComponent({
   },
   setup(props) {
     const { get: getImage, entity: image } = useImage();
+    const { authToken } = useAppAuthToken();
 
     const source = computed(() => {
-      return props.imageId ? IMAGE_RAW_URL(props.imageId) : null;
+      return props.imageId ? IMAGE_RAW_URL(props.imageId, authToken.value) : null;
     });
 
     const onError = (): void => {

package/components/fields/FSRichTextField.vue

@@ -179,8 +179,14 @@
         </FSIcon>
       </template>
     </FSRow>
+    <FSText
+      v-if="readonly && !$props.modelValue && $props.emptyLabel"
+      variant="soft"
+    >
+      {{ $props.emptyLabel }}
+    </FSText>
     <div
-      class="fs-rich-text-field"
+      :class="classes"
       :style="style"
     >
       <div
@@ -237,6 +243,7 @@ import FSAutoCompleteField from "./FSAutocompleteField.vue";
 import FSTextField from "./FSTextField.vue";
 import FSIcon from "../FSIcon.vue";
 import FSCard from "../FSCard.vue";
+import FSText from "../FSText.vue";
 import FSCol from "../FSCol.vue";
 import FSRow from "../FSRow.vue";
 
@@ -245,6 +252,7 @@ export default defineComponent({
   components: {
     FSAutoCompleteField,
     FSTextField,
+    FSText,
     FSIcon,
     FSCard,
     FSCol,
@@ -261,6 +269,11 @@ export default defineComponent({
       required: false,
       default: null
     },
+    emptyLabel: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
     modelValue: {
       type: String as PropType<string | null>,
       required: false,
@@ -350,6 +363,10 @@ export default defineComponent({
       onError: console.error
     }
 
+    const isEmpty = computed((): boolean => {
+      return editor.getEditorState().isEmpty();
+    });
+
     const editor = createEditor(config);
 
     onMounted((): void => {
@@ -423,6 +440,14 @@ export default defineComponent({
       }
     });
 
+    const classes = computed((): string[] => {
+      const innerClasses = ["fs-rich-text-field"];
+      if (!readonly.value) {
+        innerClasses.push("fs-rich-text-field-readonly");
+      }
+      return innerClasses;
+    });
+
     const toolbarColors = computed((): { [code: string]: string } => {
       if (props.editable) {
         return {
@@ -655,8 +680,11 @@ export default defineComponent({
       toolbarColors,
       menuVariable,
       UNDO_COMMAND,
+      ColorEnum,
       readonly,
       linkUrl,
+      classes,
+      isEmpty,
       editor,
       isLink,
       style,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.55",
+  "version": "1.0.56",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.55",
-    "@dative-gpi/foundation-shared-services": "1.0.55"
+    "@dative-gpi/foundation-shared-domain": "1.0.56",
+    "@dative-gpi/foundation-shared-services": "1.0.56"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^0.0.75",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "1525fd18d7f83f946b100866bc563d6409049586"
+  "gitHead": "c77d95e9a7724fa4a39d94b0b2bd0fa9d4fbdefc"
 }

package/styles/components/fs_rich_text_field.scss

@@ -25,7 +25,9 @@
     &:focus-within {
         border-color: var(--fs-rich-text-field-active-border-color) !important;
     }
+}
 
+.fs-rich-text-field-readonly {
     @include web {
         padding: 10px 12px !important;
     }
@@ -33,7 +35,6 @@
     @include mobile {
         padding: 6px 16px !important;
     }
-
 }
 
 .fs-rich-text-field-undo {