@capillarytech/creatives-library 7.17.114 → 7.17.115

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.114",
+  "version": "7.17.115",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/styles/containers/layout/_layoutPage.scss

@@ -84,11 +84,14 @@
 }
 
 .contet-width-collapse {
-  margin-left: 17rem;
+  margin-left: 17.438rem;
+  .component-wrapper {
+    max-width: 70.063rem;
+  }
 }
 
 .content-width-expanded {
-  margin-left: 4.475rem;
+  margin-left: 8.375rem;
 }
 
 .breadcrumbs{

package/v2Components/NavigationBar/style.js

@@ -1,9 +1,11 @@
 export const CapLeftNavigationCss = {
-  'width': '75.770rem',
-  'margin-left': 'calc((100vw - 70.063rem)/2 + 1.6rem)',
+  'padding-right': '1.28rem',
+  "width": '71.25rem',
+  'margin-left': '14.9rem',
 };
 
 export const CapLeftNavigatioOpenCss = {
-  'width': '71.063rem',
-  'margin-left': 'calc((100vw - 70.063rem)/2 + 8rem)',
+  'padding-left': '0',
+  "width": '70.063rem',
+  'margin-left': '18.5rem',
 };

package/v2Containers/Cap/index.js

@@ -62,12 +62,6 @@ const MainWrapper = styled.div`
   top: ${(props) => (props.isLatestLeftNavigationEnabled ? '1.72rem' : '5.29rem')};
 `;
 
-const ContentWrapper = styled.div`
-  && {
-    margin-left: ${(props) => (props.isLatestLeftNavigationEnabled ? (props.leftNavbarExpanded ? '17rem' : '4.475rem') : 0)};
-  }
-`;
-
 export class Cap extends React.Component { // eslint-disable-line react/prefer-stateless-function
 
   constructor(props) {
@@ -525,13 +519,9 @@ export class Cap extends React.Component { // eslint-disable-line react/prefer-s
                 />) : ''}
               <MainWrapper isLatestLeftNavigationEnabled={isLatestLeftNavigationEnabled} className="main">
 
-                <ContentWrapper
-                  className={`main-content ${this.state.leftNavbarExpanded ? "contet-width-collapse" : "content-width-expanded"}`}
-                  isLatestLeftNavigationEnabled={isLatestLeftNavigationEnabled}
-                  leftNavbarExpanded={this.state.leftNavbarExpanded}
-                >
+                <div className={`main-content ${this.state.leftNavbarExpanded ? "contet-width-collapse" : "content-width-expanded"}`}>
                   {React.Children.toArray(this.props.children)}
-                </ContentWrapper>
+                </div>
               </MainWrapper>
             </div>
             {(toastMessages && toastMessages.length > 0) &&

package/v2Containers/Templates/index.js

@@ -239,6 +239,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.onAccountSelect = this.onAccountSelect.bind(this);
     this.prepareMobilePushPreviewData = this.prepareMobilePushPreviewData.bind(this);
     this.menuOnClickEvent = this.menuOnClickEvent.bind(this);
+    this.delayTimer = 0;
   }
 
   componentWillMount() {
@@ -1766,6 +1767,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
   }
 
+  delay(callback, ms) {
+    clearTimeout(this.delayTimer);
+    this.delayTimer = setTimeout(callback, ms);
+  }
+
   searchTemplate(data, channel) {
     if (channel.toLowerCase() === ZALO_LOWERCASE) {
       if (data) {
@@ -1795,7 +1801,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         if (this.state.channel.toLowerCase() === MOBILE_PUSH_LOWERCASE) {
           params.accountId = this.props.Templates.selectedWeChatAccount.id;
         }
-        this.getAllTemplates({params, resetPage: true});
+        this.delay(() => {
+          this.getAllTemplates({params, resetPage: true});
+        }, 500);
       });
     }
   }

package/v2Containers/TemplatesV2/TemplatesV2.style.js

@@ -11,7 +11,6 @@ export default css`
   .component-wrapper {
     ${(props) => props.isFullMode ? `
       max-width: 1140px;
-      margin: 0 auto;
       width: 100%;
       padding: ${CAP_SPACE_24} 0;
       .ant-tabs-content{