@dative-gpi/foundation-shared-components 1.0.101 → 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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.101",
+  "version": "1.0.102",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.101",
-    "@dative-gpi/foundation-shared-services": "1.0.101"
+    "@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": "f8be2b01dc860776a5907fe403950543afa48631"
+  "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;
 }