@capillarytech/creatives-library 8.0.223-alpha.1 → 8.0.223-alpha.4

package/package.json

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

package/v2Components/CardGrid/index.js

@@ -38,7 +38,7 @@ class CardGrid extends React.Component { // eslint-disable-line react/prefer-sta
       <div className={this.props.className}>
         <div style={{ marginBottom: '16px' }}>{this.props.filterContent}</div>
         <CapSpin spinning={this.props.isLoading} tip={this.props.loadingTip}>
-          <div className={this.props.enablePagination ? 'pagination-container' : ''}>
+          <div className={this.props.enablePagination ? 'v2-pagination-container' : ''}>
             <CapRow gutter={this.props.gutterSize}>
               { this.props.listItem.length > 0 ? this.props.listItem.map( (item) => (
                 <CapColumn style={{ width: `${100 / this.props.colNumber}%`, paddingBottom: '16px'}} key={item.id} span={parseInt(24 / this.props.colNumber, 10)}>

package/v2Components/CmsTemplatesComponent/index.js

@@ -40,7 +40,7 @@ function CmsTemplatesComponent(props) {
   }, []);
 
   return (<CapSpin spinning={props.cmsTemplatesLoader}>
-    <div className="pagination-container">
+    <div className="v2-pagination-container">
       <CapCustomCardList cardList={cardDataList} type="Email" />
     </div>
   </CapSpin>);

package/v2Components/Pagination/_pagination.scss

@@ -1,4 +1,4 @@
-.pagination-container{
+.v2-pagination-container{
   height: calc(100vh - 400px);
   overflow-y: auto;
   overflow-x: hidden;

package/v2Components/Pagination/index.js

@@ -35,7 +35,7 @@ Pagination.propTypes = {
 };
 
 Pagination.defaultProps = {
-  paginationContainer: "pagination-container",
+  paginationContainer: "v2-pagination-container",
 };
 
 export default Pagination;

package/v2Containers/Assets/Gallery/index.js

@@ -371,7 +371,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
     return (<div>
       {filterContent}
         {!(isInitialLoading && isLoading) && <div>
-          {!_.isEmpty(templates) || !_.isEmpty(searchText) ? <div className={`pagination-container ${this.props.isLineAsset ? 'gallery-upload' : ''}`}>
+          {!_.isEmpty(templates) || !_.isEmpty(searchText) ? <div className={`v2-pagination-container ${this.props.isLineAsset ? 'gallery-upload' : ''}`}>
             <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={'Email'} />
             {!_.isEmpty(searchText) && _.isEmpty(templates) && (
               <div style={{ height: '65vh', textAlign: 'center', lineHeight: '65vh'}}>
@@ -499,7 +499,7 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
               </div>
             </div>
           </div> :
-          <Pagination onPageChange={() => { this.getAllAssets({getNextPage: true}); }} paginationSelector="pagination-container">
+          <Pagination onPageChange={() => { this.getAllAssets({getNextPage: true}); }} paginationSelector="v2-pagination-container">
             {/* <CardGrid
               listItem={this.prepareData()}
               filterContent={filterContent}

package/v2Containers/Email/index.js

@@ -2616,7 +2616,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }) : [];
     return (<div>
       <CapSpin spinning={isLoading} tip={loadingTip}>
-        {!_.isEmpty(templates) && <div className="pagination-container">
+        {!_.isEmpty(templates) && <div className="v2-pagination-container">
           <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={'Email'} />
         </div>}
       </CapSpin>
@@ -2734,7 +2734,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     return (
       <div key="creatives-email-add-image-container">
         {this.getFilterContent()}
-        <Pagination onPageChange={() => { this.fetchAllAssets({getNextPage: true}); }} paginationSelector="pagination-container">
+        <Pagination onPageChange={() => { this.fetchAllAssets({getNextPage: true}); }} paginationSelector="v2-pagination-container">
           {(!fetchingAllAssets && (!fetchAllAssetSuccess || (fetchAllAssetSuccess && !assetList.length))) ? (
             <FormattedMessage {...messages.noImgInGallery}/>
           ) : this.getTemplateDataForGrid({

package/v2Containers/Line/Container/Drawer/index.js

@@ -95,7 +95,7 @@ export const LineDrawer = ({
                 onChange={(e) => searchTemplate(e.target.value)}
                 onClear={() => searchTemplate('')}
             />
-            <Pagination onPageChange={() => { getAllLineTemplate({getNextPage: true}); }} paginationSelector="pagination-container">
+            <Pagination onPageChange={() => { getAllLineTemplate({getNextPage: true}); }} paginationSelector="v2-pagination-container">
                 {
                     !cardDataList.length
                     ? (
@@ -105,7 +105,7 @@ export const LineDrawer = ({
                     )
                     : null
                 }
-                <div className="pagination-container">
+                <div className="v2-pagination-container">
                     <CapCustomCardList
                         key={'LINE-card-list'}
                         cardList={cardDataList}

package/v2Containers/Line/Container/_lineCreate.scss

@@ -18,7 +18,7 @@
 .knSUjl .component-wrapper .cap-tab-v2.ant-tabs-line {
   height: auto;
 }
-.pagination-container {
+.v2-pagination-container {
   .LINE {
     .ant-card-body {
       background-color: $CAP_G09;
@@ -75,7 +75,7 @@
   margin-bottom: $CAP_SPACE_12;
 }
 
-.pagination-container.gallery-upload {
+.v2-pagination-container.gallery-upload {
   height: calc(100vh - 60px);
 
   .cap-custom-card-list-col {

package/v2Containers/Templates/_templates.scss

@@ -9,7 +9,7 @@
 
 @media screen and (max-width: 1172px) {
   .creatives-templates-list.full-mode{
-    .pagination-container {
+    .v2-pagination-container {
       .cap-custom-card-list-row {
         .cap-custom-card-list-col{
           &:nth-child(3n+3) { //every 4th child
@@ -23,7 +23,7 @@
 
 @media screen and (min-width: 1172px) {
   .creatives-templates-list.full-mode{
-    .pagination-container {
+    .v2-pagination-container {
       .cap-custom-card-list-row {
         .cap-custom-card-list-col{
           &:nth-child(4n+4) { //every 4th child
@@ -55,7 +55,7 @@
     }
   }
 
-  .pagination-container {
+  .v2-pagination-container {
     .FACEBOOK {
       .ant-card-body {
         background-color: $CAP_G09;
@@ -658,8 +658,8 @@
     background-image: url("https://s3.amazonaws.com/test_files_cache_bkp/intouch_creative_assets/1720b7f7e78860c1f905.svg");
   }
 }
-.pagination-container{
-  height: calc(100vh - 182px);
+.v2-pagination-container{
+  height: calc(100vh - 340px);
   overflow-y: auto;
   overflow-x: hidden;
 }

package/v2Containers/Templates/index.js

@@ -1756,7 +1756,7 @@ return (<div>
       {[WHATSAPP, ZALO].includes(currentChannel) && this.selectedFilters()}
         {<div>
           {!isEmpty(filteredTemplates) || !isEmpty(this.state.searchText) || !isEmpty(this.props.Templates.templateError) ? (
-            <div className={!isEmpty(this.state.searchText) && isEmpty(cardDataList) ? '' : "pagination-container"}>
+            <div className={!isEmpty(this.state.searchText) && isEmpty(cardDataList) ? '' : "v2-pagination-container"}>
               <CapCustomCardList
                 key={`${currentChannel}-card-list`}
                 cardList={cardDataList}
@@ -3544,7 +3544,7 @@ return (<div>
               onPageChange={
                 templates.length ? this.onPaginationChange : () => {}
               }
-              paginationSelector="pagination-container"
+              paginationSelector="v2-pagination-container"
             >
               {this.getTemplateDataForGrid({
                 previewTemplateId: this.state.zaloPreviewItemId,

package/v2Containers/TemplatesV2/index.js

@@ -201,7 +201,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     return (<div>
       {filterContent}
       <CapSpin spinning={isLoading} tip={loadingTip}>
-        <div className="pagination-container">
+        <div className="v2-pagination-container">
           <CapCustomCardList key={`${currentChannel}-card-list`} cardList={cardDataList} type={currentChannel} />
         </div>
       </CapSpin>