@designcrowd/fe-shared-lib 1.0.5 → 1.0.7-ast-modal-disable

package/src/atoms/components/Icon/Icon.stories.js

@@ -244,6 +244,8 @@ export const IconSample = () => {
           { name: 'website' },
           { name: 'wholesale' },
           { name: 'zoom' },
+          { name: 'zoom-in' },
+          { name: 'zoom-out' },
           { name: 'background' },
           { name: 'content' },
           { name: 'images' },

package/src/atoms/components/Icon/Icon.vue

@@ -289,6 +289,8 @@ import IconWebsite from './icons/website.vue';
 import IconWebsiteFilled from './icons/website-filled.vue';
 import IconWholesale from './icons/wholesale.vue';
 import IconZoom from './icons/zoom.vue';
+import IconZoomIn from './icons/zoom-in.vue';
+import IconZoomOut from './icons/zoom-out.vue';
 import IconGodaddy from './icons/godaddy/logo.vue';
 import IconSocialShare from './icons/social-share.vue';
 import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
@@ -638,6 +640,8 @@ export default {
     IconWebsiteFilled,
     IconWholesale,
     IconZoom,
+    IconZoomIn,
+    IconZoomOut,
     IconReset,
     IconUndo,
     IconRedo,

package/src/atoms/components/Icon/icons/upload-arrow.vue

@@ -1,6 +1,5 @@
 <template>
   <path
     d="M8.58929 1.26673L12.0179 4.76844C12.3661 5.09673 12.3661 5.67123 12.0179 5.99951C11.6964 6.35515 11.1339 6.35515 10.8125 5.99951L8.85714 4.00244V9.74744C8.85714 10.2399 8.45536 10.6229 8 10.6229C7.51786 10.6229 7.14286 10.2399 7.14286 9.74744V4.00244L5.16071 5.99951C4.83929 6.35515 4.27679 6.35515 3.95536 5.99951C3.60714 5.67123 3.60714 5.09673 3.95536 4.76844L7.38393 1.26673C7.70536 0.911089 8.26786 0.911089 8.58929 1.26673ZM3.71429 10.6229V12.3737C3.71429 12.8661 4.08929 13.2491 4.57143 13.2491H11.4286C11.8839 13.2491 12.2857 12.8661 12.2857 12.3737V10.6229C12.2857 10.1578 12.6607 9.74744 13.1429 9.74744C13.5982 9.74744 14 10.1578 14 10.6229V12.3737C14 13.8236 12.8482 15 11.4286 15H4.57143C3.15179 15 2 13.8236 2 12.3737V10.6229C2 10.1578 2.375 9.74744 2.85714 9.74744C3.3125 9.74744 3.71429 10.1578 3.71429 10.6229Z"
-    fill="black"
   />
 </template>

package/src/atoms/components/Icon/icons/zoom-in.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H7.38488V9.10976C7.38488 9.31268 7.28341 9.41415 7.08049 9.41415H6.47171C6.26878 9.41415 6.16732 9.31268 6.16732 9.10976V7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H6.16732V4.44244C6.16732 4.23951 6.26878 4.13805 6.47171 4.13805H7.08049C7.28341 4.13805 7.38488 4.23951 7.38488 4.44244V6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/zoom-out.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Modal/Modal.vue

@@ -139,6 +139,11 @@ export default {
       required: false,
       default: true,
     },
+    disableBodyScrollOnVisible: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   computed: {
     isImageMode() {
@@ -147,6 +152,13 @@ export default {
   },
   watch: {
     visible(visible) {
+      if (this.disableBodyScrollOnVisible) {
+        if (visible) {
+          document.getElementsByTagName('body')[0]?.classList.add('tw-overflow-hidden');
+        } else {
+          document.getElementsByTagName('body')[0]?.classList.remove('tw-overflow-hidden');
+        }
+      }
       if (visible && this.closeOnEsc) {
         document.addEventListener('keydown', this.closeModalOnKeyDown);
       } else {