@icij/murmur-next 4.0.15 → 4.0.18

package/lib/components/ConfirmButton.vue

@@ -12,6 +12,7 @@
       :model-value="showTooltip"
       :placement="placement"
       :target="uniqComponentId"
+      teleport-to="body"
       manual
     >
       <div class="confirm-button__tooltip">
@@ -148,9 +149,19 @@ export default defineComponent({
       emit('toggled', showTooltip.value)
     }
 
+    function hideConfirmationTooltip(): void {
+      showTooltip.value = false
+      /**
+       * Emitted when the confirmation is toggled.
+       * @event toggled
+       * @param Boolean True if the button is shown.
+       */
+      emit('toggled', false)
+    }
+
     function cancel(): void {
-      // showTooltip.value = false
-      props.cancelled()
+      hideConfirmationTooltip()
+      props.cancelled?.()
       /**
        * Emitted when the confirmation is cancelled.
        * @event cancelled
@@ -159,8 +170,8 @@ export default defineComponent({
     }
 
     function confirm(): void {
-      // showTooltip.value = false
-      props.confirmed()
+      hideConfirmationTooltip()
+      props.confirmed?.()
       /**
        * Emitted when the confirmation is confirmed.
        * @event confirmed

package/lib/components/CustomPagination.vue

@@ -173,11 +173,9 @@ export default defineComponent({
                 :placeholder="inputPlaceholder"
                 aria-label="Jump to page"
               />
-              <div v-if="!compact" class="input-group-append">
-                <button class="btn btn-secondary btn-sm" type="submit">
-                  <span class="px-1 py-3"> Go </span>
-                </button>
-              </div>
+              <button  v-if="!compact" class="btn btn-secondary btn-sm" type="submit">
+                <span class="px-1 py-3"> Go </span>
+              </button>
             </b-input-group>
           </form>
           <template v-if="!compact">

package/lib/components/SignUpForm.vue

@@ -141,11 +141,12 @@ export default defineComponent({
     const variantColorClass = computed(() => {
       return `btn-${props.variant}`
     })
+
     async function subscribe() {
       resetMessages()
       freeze()
       // Send the data, catch the result no matter what and unfreeze the form
-      await send().then(done, done).finally(unfreeze)
+      await send().then(done, error).finally(unfreeze)
     }
 
     function done({ result, msg }: any): void {
@@ -153,18 +154,24 @@ export default defineComponent({
         email.value = ''
         successMessage.value = msg
       } else {
-        // Mailchimp formats errors in list
-        errorMessage.value =
-          last((msg || "Something's wrong").split('0 -')) ?? null
+        error({ msg })
       }
     }
+
+    // Mailchimp formats errors in list
+    function error({ msg }: any): void {
+      errorMessage.value = last((msg || "Something's wrong").split('0 -')) ?? null
+    }
+
     function resetMessages() {
       errorMessage.value = null
       successMessage.value = null
     }
+
     function freeze() {
       frozen.value = true
     }
+
     function unfreeze() {
       frozen.value = false
     }

package/lib/composables/sendEmail.ts

@@ -13,7 +13,6 @@ export function useSendEmail(
   referrer?: string | null,
   defaultGroups?: string[] | string
 ) {
-  const emailValue = toValue(email)
 
   const groups = computed(() => {
     return flatten(castArray(defaultGroups).map((g) => g.split(',')))
@@ -22,6 +21,7 @@ export function useSendEmail(
   const urlFromAction = computed(() => {
     return action?.replace('/post?', '/post-json?').concat('&c=?')
   })
+
   const parentReferrer = computed(() => {
     if (referrer) {
       return referrer
@@ -36,6 +36,7 @@ export function useSendEmail(
       throw new Error('Missing url Info')
     }
 
+    const emailValue = toValue(email)
     const url = new URL(urlFromAction.value)
     url.searchParams.set('SIGNUP', tracker)
     url.searchParams.set('MMERGE24', parentReferrer.value)
@@ -44,6 +45,7 @@ export function useSendEmail(
 
     return url.href
   })
+
   function send() {
     return new Promise((resolve, reject) => {
       jsonp(

package/lib/datavisualisations/ColumnChart.vue

@@ -529,6 +529,8 @@ export default defineComponent({
     left: 0;
 
     &__item {
+      $tooltip-bg: $body-emphasis-color;
+
       display: inline-flex;
       text-align: center;
       flex-direction: row;
@@ -545,6 +547,7 @@ export default defineComponent({
         color: $tooltip-color;
         margin: 0;
         padding: $tooltip-padding-y $tooltip-padding-x;
+        
         &.fade-enter-active,
         &.fade-leave-active {
           transition: $transition-fade;

package/lib/styles/variables.scss

@@ -91,10 +91,10 @@ $tooltip-opacity: 1 !default;
 
 $alert-border-width: 0;
 
-// Bootstrap variables and functions must be available everywhere
+/* Bootstrap variables and functions must be available everywhere */
 @import 'node_modules/bootstrap/scss/_functions.scss';
 @import 'node_modules/bootstrap/scss/_variables.scss';
 
-// Get theses variables to make them available in the doc
+/* Get theses variables to make them available in the doc */
 $theme-colors: none !default;
 $font-family-monospace: none !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icij/murmur-next",
-  "version": "4.0.15",
+  "version": "4.0.18",
   "private": false,
   "description": "Murmur is ICIJ's Design System for Bootstrap 5 and Vue.js",
   "author": "promera@icij.org",