@eturnity/eturnity_reusable_components 9.31.3 → 9.31.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.31.3",
+  "version": "9.31.4",
   "files": [
     "dist",
     "src"

package/src/components/navigationSideMenu/index.vue

@@ -292,6 +292,7 @@
           v-if="!isCollapsed"
           data-id="footer_documents_button"
           data-qa-id="footer_documents_button"
+          :is-disabled="footerButtonDisabled"
           :text="footerButtonText"
           @click="onFooterButtonClick()"
         />
@@ -299,6 +300,7 @@
           v-else
           data-id="footer_documents_button"
           data-qa-id="footer_documents_button"
+          :is-disabled="footerButtonDisabled"
           @click="onFooterButtonClick()"
         >
           <IconComponent color="white" name="documents" size="16px" />
@@ -560,15 +562,19 @@
     font-weight: 400;
   `
 
-  const FooterButtonWrapper = styled.div`
+  const FooterButtonWrapperAttrs = { isDisabled: Boolean }
+  const FooterButtonWrapper = styled('div', FooterButtonWrapperAttrs)`
     display: flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     border-radius: 4px;
-    cursor: pointer;
-    background-color: ${(p) => p.theme.semanticColors.purple[500]};
+    cursor: ${(p) => (p.isDisabled ? 'not-allowed' : 'pointer')};
+    background-color: ${(p) =>
+      p.isDisabled
+        ? p.theme.colors.disabled
+        : p.theme.semanticColors.purple[500]};
   `
 
   const ChevronCellAttrs = { isWrapperHovered: Boolean }
@@ -872,6 +878,10 @@
         type: String,
         default: '',
       },
+      footerButtonDisabled: {
+        type: Boolean,
+        default: false,
+      },
     },
     emits: [
       'item-click',