@bigbinary/neeto-github-frontend 1.0.1 → 1.0.2

package/dist/index.js

@@ -8,8 +8,8 @@ import { Github } from '@bigbinary/neeto-icons/misc';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import require$$0 from 'util';
 import Search from '@bigbinary/neeto-molecules/Search';
-import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
+import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 
 var Configure = withT(function (_ref) {
   var t = _ref.t,
@@ -25,7 +25,7 @@ var Configure = withT(function (_ref) {
     iconSize: 20,
     size: "small",
     style: "text"
-  }, isConnected ? t("configureAccount") : t("connectAccount")));
+  }, isConnected ? t("neetoGithub.configureAccount") : t("neetoGithub.connectAccount")));
 });
 
 var Header = withT(function (_ref) {
@@ -36,7 +36,7 @@ var Header = withT(function (_ref) {
     size: 16
   }), /*#__PURE__*/React.createElement(Typography, {
     style: "h4"
-  }, t("github")));
+  }, t("neetoGithub.github")));
 });
 
 var List$1 = withT(function (_ref) {
@@ -81,7 +81,7 @@ var List$1 = withT(function (_ref) {
       style: "h3"
     }, "\u2022"), /*#__PURE__*/React.createElement(Typography, {
       style: "body2"
-    }, t("countOf.repos", {
+    }, t("neetoGithub.countOf.repos", {
       count: count
     })));
   });
@@ -2427,11 +2427,11 @@ var NoRepositories = withT(function (_ref) {
     className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
-  }, t("noReposDescription")), /*#__PURE__*/React.createElement(Button, {
+  }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React.createElement(Button, {
     href: installationUrl,
     icon: Github,
     iconPosition: "left",
-    label: t("connectRepository"),
+    label: t("neetoGithub.connectRepository"),
     size: "medium",
     style: "primary"
   }), /*#__PURE__*/React.createElement("div", {
@@ -2449,6 +2449,45 @@ var NoRepositories = withT(function (_ref) {
   })));
 });
 
+var RepositoryTile = withT(function (_ref) {
+  var t = _ref.t,
+    onConnect = _ref.onConnect,
+    repository = _ref.repository;
+  var id = repository.id,
+    fullName = repository.fullName,
+    isPrivate = repository.isPrivate,
+    updatedAt = repository.updatedAt;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-l-0 border-r-0 border-t-0 border-solid py-3 pl-5 pr-3",
+    key: id
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "width-calc flex items-center space-x-2"
+  }, /*#__PURE__*/React.createElement(Github, {
+    size: 16
+  }), /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, fullName), isPrivate && /*#__PURE__*/React.createElement(Lock, {
+    size: 16
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "hidden md:inline-block"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-900 mx-2 text-sm",
+    component: "span",
+    style: "h3"
+  }, "\u2022"), /*#__PURE__*/React.createElement(DateFormat.FromNow, {
+    date: updatedAt
+  }))), /*#__PURE__*/React.createElement(Button, {
+    style: "primary",
+    type: "button",
+    onClick: function onClick() {
+      return onConnect({
+        repoType: "private",
+        repository: repository
+      });
+    }
+  }, t("neetoGithub.connect")));
+});
+
 var List = withT(function (_ref) {
   var t = _ref.t,
     filteredRepositories = _ref.filteredRepositories,
@@ -2460,45 +2499,15 @@ var List = withT(function (_ref) {
     className: "neeto-ui-border-gray-300 neeto-ui-rounded-md m-0 flex h-52 flex-col items-center justify-center border border-solid p-0 2xl:h-96"
   }, isPresent(repositories) ? /*#__PURE__*/React.createElement(Scrollable, {
     className: "m-0 h-full w-full overflow-y-scroll p-0 shadow-inner"
-  }, isPresent(filteredRepositories) ? filteredRepositories.map(function (_ref2) {
-    var id = _ref2.id,
-      fullName = _ref2.fullName,
-      isPrivate = _ref2.isPrivate,
-      updatedAt = _ref2.updatedAt;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "neeto-ui-border-gray-300 flex items-center justify-between border-b border-l-0 border-r-0 border-t-0 border-solid py-3 pl-5 pr-3",
-      key: id
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "width-calc flex items-center space-x-2"
-    }, /*#__PURE__*/React.createElement(Github, {
-      size: 16
-    }), /*#__PURE__*/React.createElement(Typography, {
-      style: "body2"
-    }, fullName), isPrivate && /*#__PURE__*/React.createElement(Lock, {
-      size: 16
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "hidden md:inline-block"
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-900 mx-2 text-sm",
-      component: "span",
-      style: "h3"
-    }, "\u2022"), /*#__PURE__*/React.createElement(DateFormat.FromNow, {
-      date: updatedAt
-    }))), /*#__PURE__*/React.createElement(Button, {
-      style: "primary",
-      type: "button",
-      onClick: function onClick() {
-        return onConnect("private", {
-          id: id,
-          fullName: fullName,
-          isPrivate: isPrivate
-        });
-      }
-    }, t("connect")));
+  }, isPresent(filteredRepositories) ? filteredRepositories.map(function (repository) {
+    return /*#__PURE__*/React.createElement(RepositoryTile, {
+      onConnect: onConnect,
+      repository: repository
+    });
   }) : /*#__PURE__*/React.createElement(Typography, {
     className: "flex h-full w-full items-center justify-center",
     style: "body2"
-  }, t("noRepos"))) : /*#__PURE__*/React.createElement(NoRepositories, {
+  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React.createElement(NoRepositories, {
     installationUrl: installationUrl,
     troubleshootUrl: troubleshootUrl
   }));
@@ -2511,11 +2520,11 @@ var NotConnected = withT(function (_ref) {
     className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
-  }, t("notConnectedDescription")), /*#__PURE__*/React.createElement(Button, {
+  }, t("neetoGithub.notConnectedDescription")), /*#__PURE__*/React.createElement(Button, {
     href: installationUrl,
     icon: Github,
     iconPosition: "left",
-    label: t("connectGithub"),
+    label: t("neetoGithub.connectGithub"),
     size: "medium",
     style: "primary"
   }));
@@ -2549,14 +2558,14 @@ var Private = function Private(_ref) {
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "mb-2 pb-5 text-lg font-medium",
     style: "h2"
-  }, t("connectARepo")), isConnected ? /*#__PURE__*/React.createElement("div", {
+  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React.createElement("div", {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React.createElement(Search, {
     onSearch: onSearch,
     className: "w-full",
     suffix: /*#__PURE__*/React.createElement(Typography, {
       style: "body2"
-    }, t("countOf.repos", {
+    }, t("neetoGithub.countOf.repos", {
       count: filteredRepositories.length
     }))
   }), /*#__PURE__*/React.createElement(List, {
@@ -2593,11 +2602,11 @@ var Public = function Public(_ref) {
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "text-lg font-medium",
     style: "h2"
-  }, t("publicGitRepo")), /*#__PURE__*/React.createElement("div", {
+  }, t("neetoGithub.publicGitRepo")), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-text-gray-900 mt-2 flex max-w-xl space-x-1 font-sans text-sm font-normal leading-6 antialiased"
   }, /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
-  }, t("publicGitRepoDescription")))))), /*#__PURE__*/React.createElement("div", {
+  }, t("neetoGithub.publicGitRepoDescription")))))), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-text-gray-900 font-sans text-sm font-normal leading-6 antialiased"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex"
@@ -2609,7 +2618,7 @@ var Public = function Public(_ref) {
     nakedInput: true,
     autocomplete: "false",
     className: "relative rounded-b rounded-l rounded-r-none rounded-t border-b border-l border-r-0 border-t border-solid px-2",
-    placeholder: t("publicGitRepoPlaceholder"),
+    placeholder: t("neetoGithub.publicGitRepoPlaceholder"),
     size: "large",
     spellcheck: "false",
     type: "text",
@@ -2626,11 +2635,14 @@ var Public = function Public(_ref) {
     style: "primary",
     type: "button",
     onClick: function onClick() {
-      return onConnect("public", {
-        fullName: publicRepoUrl
+      return onConnect({
+        repoType: "public",
+        repository: {
+          fullName: publicRepoUrl
+        }
       });
     }
-  }, t("continue"))))));
+  }, t("neetoGithub.continue"))))));
 };
 
 var Repositories = function Repositories(_ref) {
@@ -2678,10 +2690,10 @@ var NeetoGithubNanoModal = function NeetoGithubNanoModal(_ref) {
     size: "large"
   }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
     style: "h2"
-  }, t("neetoGithubNanoModal.title")), /*#__PURE__*/React.createElement(Typography, {
+  }, t("neetoGithub.modal.title")), /*#__PURE__*/React.createElement(Typography, {
     className: "mt-4",
     style: "body2"
-  }, t("neetoGithubNanoModal.description"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
+  }, t("neetoGithub.modal.description"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
     className: "w-full 2xl:max-w-7xl"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col-reverse 2xl:flex-row"