@bufferapp/analyze-export-picker - npm Package Compare versions

Comparing version 1.56.0 to 1.74.1

components/ExportPicker/index.jsx

@@ -1,33 +0,53 @@
-import React from "react";
+import React, { useState } from "react";
 import PropTypes from "prop-types";
 import Select from "@bufferapp/ui/Select";
-class ExportPicker extends React.Component {
-  render() {
-    const { exporting, exportToCSV, exportToPNG, filename } = this.props;
+import { Can, Cant, EXPORT } from "@bufferapp/analyze-account";
+import { Button } from '@bufferapp/analyze-shared-components';
+import UpgradeToPro from '@bufferapp/upgrade-to-pro';
 
-    const exportOptions = [
-      {
-        id: "csv",
-        title: "Export as CSV",
-        onItemClick: () => exportToCSV(filename),
-      },
-      {
-        id: "png",
-        title: "Export as Images",
-        onItemClick: () => exportToPNG(filename),
-      },
-    ];
-    return (
-      <Select
-        onSelectClick={(selectedItem) =>
-          selectedItem.onItemClick()
-        }
-        label={exporting ? "Exporting..." : "Export as..."}
-        items={exportOptions}
-        disabled={exporting}
-        hideSearch
-        xPosition="right"
-      />
-    );
-  }
+function ExportPicker({
+  exporting,
+  exportToCSV,
+  exportToPNG,
+  filename,
+}) {
+  const [showUpgrade, setShowUpgrade] = useState(false);
+
+  const exportOptions = [
+    {
+      id: "csv",
+      title: "Export as CSV",
+      onItemClick: () => exportToCSV(filename),
+    },
+    {
+      id: "png",
+      title: "Export as Images",
+      onItemClick: () => exportToPNG(filename),
+    },
+  ];
+
+  return (
+    <React.Fragment>
+      <Can {...{EXPORT}}>
+        <Select
+          onSelectClick={(selectedItem) =>
+            selectedItem.onItemClick()
+          }
+          label={exporting ? "Exporting..." : "Export as..."}
+          items={exportOptions}
+          disabled={exporting}
+          hideSearch
+          xPosition="right"
+        />
+      </Can>
+      <Cant {...{EXPORT}}>
+        <Button onClick={() => {setShowUpgrade(true)}}>Export as...</Button>
+      </Cant>
+      {showUpgrade && <UpgradeToPro
+        hide={() => {setShowUpgrade(false)}}
+        title="Unlock Charts Export"
+        description="Upgrade to get the most out of Buffers Analytics, and unlock PNG and CSV charts export!"
+      />}
+    </React.Fragment>
+  );
 }
@@ -34,0 +54,0 @@

index.test.jsx

@@ -26,2 +26,3 @@ import React from 'react';
       exportPicker: {},
+      account: {},
     });
@@ -28,0 +29,0 @@ const wrapper = mount(

package.json

 {
   "name": "@bufferapp/analyze-export-picker",
-  "version": "1.56.0",
+  "version": "1.74.1",
   "description": "Export Dropdown",
@@ -25,3 +25,3 @@ "main": "index.js",
   },
-  "gitHead": "cc22a98fe20db394dc94c4d849391971fab903f3"
+  "gitHead": "b4c7c64f1287f4b33ecc792471af2d2f4978d595"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

28320

decreased by-78%

Number of package files

10

decreased by-64.29%

Lines of code

172

decreased by-72.17%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes