@bufferapp/analyze-shared-components - npm Package Compare versions

Comparing version 1.77.3 to 1.77.4

ChartCard/index.jsx

@@ -14,2 +14,3 @@ import React from 'react';
   margin: 0 0 16px;
+  min-width: 1022px;
 
@@ -16,0 +17,0 @@ &:after {

ContentCard/index.jsx

@@ -28,2 +28,3 @@ import React from 'react';
   overflow-y: auto;
+  overflow-x: hidden;
 `;
@@ -30,0 +31,0 @@

GraphQLWrapper/index.jsx

@@ -78,3 +78,2 @@ import React, { useEffect } from "react";
 export function formatQueryVariables(profile, variables) {
-  console.log('variables', variables.startDate);
   return {
@@ -81,0 +80,0 @@ serviceId: profile.serviceId,

Layout/index.jsx

@@ -10,2 +10,5 @@ import React from 'react';
   padding: 0 16px 24px;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 1022px;
 `;
@@ -12,0 +15,0 @@

package.json

 {
   "name": "@bufferapp/analyze-shared-components",
-  "version": "1.77.3",
+  "version": "1.77.4",
   "description": "Shared components for Analyze",
@@ -13,3 +13,3 @@ "main": "index.js",
     "@bufferapp/components": "3.2.1",
-    "@bufferapp/profile-loader": "^1.77.0",
+    "@bufferapp/profile-loader": "^1.77.4",
     "currency-symbol-map": "^4.0.4",
@@ -31,3 +31,3 @@ "immutability-helper": "^2.9.0",
   },
-  "gitHead": "975cf467d03ca2ef0c494d7c77893343ca0b968c"
+  "gitHead": "5c01accb74544f933d0b108eb3564acbd3a952cf"
 }

PostsTable/index.jsx

@@ -29,2 +29,3 @@ import React, { useState } from 'react';
   opacity: ${props => (props.searching ? '.3' : '1')};
+  min-width: 1022px;
 `;
@@ -31,0 +32,0 @@

ReferralIcon/index.jsx

@@ -14,3 +14,5 @@ import React from 'react';
   pinterest,
-  linkedin
+  linkedin,
+  tiktok,
+  googlebusiness,
 } from '@bufferapp/ui/style/colors';
@@ -28,2 +30,3 @@
   'Youtube',
+  'Tiktok',
 ];
@@ -37,3 +40,8 @@
     }
+
+    if (source === 'googlebusiness') {
+      match = 'Gbp';
+    }
   });
+
   return match || 'Website';
@@ -56,2 +64,6 @@ }
       return linkedin;
+    case 'Tiktok':
+      return tiktok;
+    case 'Gbp':
+      return googlebusiness;
     default:
@@ -86,3 +98,3 @@ return '#636363';
   display: flex;
-  margin-right: ${props => props.inactive ? `calc(${SIZES[props.size].margin} / 4)` : '0px'};
+  margin-right: ${props => (props.inactive ? `calc(${SIZES[props.size].margin} / 4)` : '0px')};
 `;
@@ -95,3 +107,3 @@
   left: calc(
-    ${props => props.inline ? null : `${SIZES[props.size].margin} +`}
+    ${props => (props.inline ? null : `${SIZES[props.size].margin} +`)}
     ${props => SIZES[props.size].placeholder}
@@ -120,5 +132,5 @@ - calc(${props => SIZES[props.size].inactive} / 2)
   background: ${props => props.color};
-  border-radius: ${props => props.circular ? '50%' : '4px'};
-  margin: 0 ${props => props.inline ? '4px' : SIZES[props.size].margin} 0 ${props => props.inline ? 0 : SIZES[props.size].margin};
-  opacity: ${props => props.inactive ? '60%' : '100%'};
+  border-radius: ${props => (props.circular ? '50%' : '4px')};
+  margin: 0 ${props => (props.inline ? '4px' : SIZES[props.size].margin)} 0 ${props => (props.inline ? 0 : SIZES[props.size].margin)};
+  opacity: ${props => (props.inactive ? '60%' : '100%')};
   display: flex;
@@ -142,16 +154,20 @@ align-items: center;
   const Icon = icons[getSource(item.source)];
-  return (<Wrapper size={size} inactive={inactive} >
-    {inactive && (<InactiveFlag size={size} inline={inline} >
-      <WarningIcon color={red} />
-    </InactiveFlag>)}
-    <PlaceholderIcon
-      inactive={inactive}
-      inline={inline}
-      circular={circular}
-      size={size}
-      color={getBackgroundColor(item.source)}
-    >
-      <Icon size="extraLarge" />
-    </PlaceholderIcon>
-  </Wrapper>);
+  return (
+    <Wrapper size={size} inactive={inactive} >
+      {inactive && (
+        <InactiveFlag size={size} inline={inline} >
+          <WarningIcon color={red} />
+        </InactiveFlag>
+      )}
+      <PlaceholderIcon
+        inactive={inactive}
+        inline={inline}
+        circular={circular}
+        size={size}
+        color={getBackgroundColor(item.source)}
+      >
+        <Icon size="extraLarge" />
+      </PlaceholderIcon>
+    </Wrapper>
+  );
 };
@@ -158,0 +174,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

335750

increased by0.1%

Lines of code

12907

increased by0.15%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@bufferapp/profile-loader@^1.77.4