@dative-gpi/foundation-shared-components 1.0.100 → 1.0.102

package/components/FSDialog.vue

@@ -4,6 +4,7 @@
     :class="classes"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
+    @click="$emit('update:modelValue', false)"
     v-bind="$attrs"
   >
     <slot>
@@ -13,6 +14,7 @@
         :width="$props.width"
         :modelValue="$props.modelValue"
         @update:modelValue="$emit('update:modelValue', $event)"
+        @click.stop="$emit('click', $event)"
       >
         <template
           v-for="(_, name) in $slots"
@@ -67,7 +69,7 @@ export default defineComponent({
       default: false
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["click", "update:modelValue"],
   setup() {
     const { isExtraSmall } = useBreakpoints();
 

package/components/fields/FSCommentField.vue

@@ -5,9 +5,10 @@
     >
       <FSImage
         :imageId="userImageId"
-        :width="32"
-        :height="32"
+        width="32px"
+        height="32px"
         rounded="circle"
+        :thumbnail="true"
       />
       <FSTextArea
         :rows="5"

package/components/fields/FSDateTimeField.vue

@@ -301,7 +301,7 @@ export default defineComponent({
       if (props.modelValue) {
         // FSClock just gives two numbers without consideration for the time zone
         // We must adjust the time to the user's time zone
-        innerTime.value = Math.floor((props.modelValue + getUserOffset()) % (24 * 60 * 60 * 1000));
+        innerTime.value = Math.floor((props.modelValue + getUserOffset(props.modelValue)) % (24 * 60 * 60 * 1000));
         innerDate.value = props.modelValue - innerTime.value;
       }
       else {

package/components/fields/FSDateTimeRangeField.vue

@@ -208,13 +208,13 @@ export default defineComponent({
             break;
           }
           case 1: {
-            innerTimeLeft.value = Math.floor((props.modelValue[0] + getUserOffset()) % (24 * 60 * 60 * 1000));
+            innerTimeLeft.value = Math.floor((props.modelValue[0] + getUserOffset(props.modelValue[0])) % (24 * 60 * 60 * 1000));
             innerDateRange.value = [props.modelValue[0] - innerTimeLeft.value];
             break;
           }
           default: {
-            innerTimeLeft.value = Math.floor((props.modelValue[0] + getUserOffset()) % (24 * 60 * 60 * 1000));
-            innerTimeRight.value = Math.floor((props.modelValue[1] + getUserOffset()) % (24 * 60 * 60 * 1000));
+            innerTimeLeft.value = Math.floor((props.modelValue[0] + getUserOffset(props.modelValue[0])) % (24 * 60 * 60 * 1000));
+            innerTimeRight.value = Math.floor((props.modelValue[1] + getUserOffset(props.modelValue[0])) % (24 * 60 * 60 * 1000));
             innerDateRange.value = [props.modelValue[0] - innerTimeLeft.value, props.modelValue[1] - innerTimeRight.value];
             break;
           }

package/components/fields/FSRichTextField.vue

@@ -674,8 +674,10 @@ export default defineComponent({
       }
       if (props.modelValue != null) {
         editor.update(() => {
-          if(typeof props.modelValue === "string") {
-            editor.setEditorState(editor.parseEditorState(props.modelValue!));
+          if (typeof props.modelValue === "string") {
+            if (props.modelValue !== "") {
+              editor.setEditorState(editor.parseEditorState(props.modelValue!));
+            }
           }
           else {
             editor.setEditorState(editor.parseEditorState(JSON.stringify(props.modelValue)));

package/components/lists/FSDataTableUI.vue

@@ -1245,7 +1245,7 @@ export default defineComponent({
           value = header.fixedFilters.map((ff): FSDataTableFilter => ({
             hidden: currentFilters?.find((cf) => cf.value == (ff.value || null))?.hidden ?? false,
             text: ff.text?.toString() ?? "—",
-            value: ff.value || null,
+            value: ff.value ?? null,
             filter: header.methodFilter ?? ((_, property, item) => {
               if (header.methodFilterRaw) {
                 return header.methodFilterRaw(ff.value, item);

package/components/lists/FSSimpleListItem.vue

@@ -39,9 +39,10 @@
             <!-- TODO : add draggable option -->
             <FSImage
               v-if="item.imageId"
-              :imageId="item.imageId"
               width="24px"
               height="24px"
+              :imageId="item.imageId"
+              :thumbnail="true"
             />
             <FSIcon
               size="24px"

package/composables/useBreakpoints.ts

@@ -5,7 +5,7 @@ let initialized = false;
 const windowHeight = ref(window.innerHeight);
 const windowWidth = ref(window.innerWidth);
 
-const windowOuterWidth = ref(window.outerWidth);
+const windowOuterWidth = ref(!window.document.hasFocus() && window.outerWidth === 0 ? window.innerWidth : window.outerWidth);
 
 export const useBreakpoints = () => {
     const onSizeChange = (): void => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.100",
+  "version": "1.0.102",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.100",
-    "@dative-gpi/foundation-shared-services": "1.0.100"
+    "@dative-gpi/foundation-shared-domain": "1.0.102",
+    "@dative-gpi/foundation-shared-services": "1.0.102"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "2d48aa6848a89de353308fd82d2de92eeb1c19e0"
+  "gitHead": "fd73b73f8107a44b608c04b092a41a70af78f8fa"
 }

package/styles/components/fs_dialog.scss

@@ -1,14 +1,16 @@
 .fs-dialog-mobile > .v-overlay__content {
-  max-height: calc(100% - 40px) !important;
-  max-width: 100% !important;
-  width: 100% !important;
-  margin: 0 !important;
-  align-self: flex-end;
+  flex-direction: column-reverse !important;
 }
 
 .fs-dialog > .v-overlay__content {
-  max-height: calc(100vh - 40px) !important;
-  max-width: calc(100vw - 40px) !important;
-  width: fit-content !important;
-  margin: 20px !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
+
+.v-dialog > .v-overlay__content {
+  max-height: 100vh !important;
+  max-width: 100vw !important;
+  height: 100% !important;
+  width: 100% !important;
+  margin: 0 !important;
 }