@bigbinary/neeto-github-frontend 1.0.1 → 1.0.2

package/app/javascript/src/translations/en.json

@@ -1,25 +1,27 @@
 {
-  "connect": "Connect",
-  "github": "Github",
-  "noRepos": "No repositories found",
-  "noReposDescription": "Connect a GitHub repository to begin using your existing repos for new services.",
-  "notConnectedDescription": "Connect your neetoCI account to GitHub to begin using your existing repos for new services.",
-  "configureAccount": "Configure account",
-  "connectAccount": "Connect account",
-  "connectGithub": "Connect GitHub",
-  "connectARepo": "Connect a repository",
-  "connectRepository": "Connect repository",
-  "continue": "Continue",
-  "publicGitRepo": "Public Git repository",
-  "publicGitRepoDescription": "Use a public repository by entering the URL below.",
-  "publicGitRepoPlaceholder": "https://github.com/bigbinary/example-app",
-  "countOf": {
-    "repos_one": "{{count}} repo",
-    "repos_other": "{{count}} repos"
-  },
-  "neetoGithubNanoModal": {
-    "title": "Create a new project",
-    "description": "Connect your Git repository or use an existing public repository URL."
-  },
-  "troubleshoot": "Can't find a repository that's already connected? <troubleshootLink>Troubleshoot</troubleshootLink> your GitHub connection."
+  "neetoGithub": {
+    "connect": "Connect",
+    "github": "Github",
+    "noRepos": "No repositories found",
+    "noReposDescription": "Connect a GitHub repository to begin using your existing repos for new services.",
+    "notConnectedDescription": "Connect your neetoCI account to GitHub to begin using your existing repos for new services.",
+    "configureAccount": "Configure account",
+    "connectAccount": "Connect account",
+    "connectGithub": "Connect GitHub",
+    "connectARepo": "Connect a repository",
+    "connectRepository": "Connect repository",
+    "continue": "Continue",
+    "publicGitRepo": "Public Git repository",
+    "publicGitRepoDescription": "Use a public repository by entering the URL below.",
+    "publicGitRepoPlaceholder": "https://github.com/bigbinary/example-app",
+    "countOf": {
+      "repos_one": "{{count}} repo",
+      "repos_other": "{{count}} repos"
+    },
+    "modal": {
+      "title": "Create a new project",
+      "description": "Connect your Git repository or use an existing public repository URL."
+    },
+    "troubleshoot": "Can't find a repository that's already connected? <troubleshootLink>Troubleshoot</troubleshootLink> your GitHub connection."
+  }
 }

package/dist/index.cjs.js

@@ -12,16 +12,16 @@ var misc = require('@bigbinary/neeto-icons/misc');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var require$$0 = require('util');
 var Search = require('@bigbinary/neeto-molecules/Search');
-var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 var Scrollable__default = /*#__PURE__*/_interopDefaultLegacy(Scrollable);
+var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
 
 var Configure = reactUtils.withT(function (_ref) {
   var t = _ref.t,
@@ -37,7 +37,7 @@ var Configure = reactUtils.withT(function (_ref) {
     iconSize: 20,
     size: "small",
     style: "text"
-  }, isConnected ? t("configureAccount") : t("connectAccount")));
+  }, isConnected ? t("neetoGithub.configureAccount") : t("neetoGithub.connectAccount")));
 });
 
 var Header = reactUtils.withT(function (_ref) {
@@ -48,7 +48,7 @@ var Header = reactUtils.withT(function (_ref) {
     size: 16
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h4"
-  }, t("github")));
+  }, t("neetoGithub.github")));
 });
 
 var List$1 = reactUtils.withT(function (_ref) {
@@ -93,7 +93,7 @@ var List$1 = reactUtils.withT(function (_ref) {
       style: "h3"
     }, "\u2022"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "body2"
-    }, t("countOf.repos", {
+    }, t("neetoGithub.countOf.repos", {
       count: count
     })));
   });
@@ -2439,11 +2439,11 @@ var NoRepositories = reactUtils.withT(function (_ref) {
     className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2"
-  }, t("noReposDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, t("neetoGithub.noReposDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     href: installationUrl,
     icon: misc.Github,
     iconPosition: "left",
-    label: t("connectRepository"),
+    label: t("neetoGithub.connectRepository"),
     size: "medium",
     style: "primary"
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2461,6 +2461,45 @@ var NoRepositories = reactUtils.withT(function (_ref) {
   })));
 });
 
+var RepositoryTile = reactUtils.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__default["default"].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__default["default"].createElement("div", {
+    className: "width-calc flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(misc.Github, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
+  }, fullName), isPrivate && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Lock, {
+    size: 16
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "hidden md:inline-block"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-900 mx-2 text-sm",
+    component: "span",
+    style: "h3"
+  }, "\u2022"), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
+    date: updatedAt
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    style: "primary",
+    type: "button",
+    onClick: function onClick() {
+      return onConnect({
+        repoType: "private",
+        repository: repository
+      });
+    }
+  }, t("neetoGithub.connect")));
+});
+
 var List = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     filteredRepositories = _ref.filteredRepositories,
@@ -2472,45 +2511,15 @@ var List = reactUtils.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"
   }, neetoCist.isPresent(repositories) ? /*#__PURE__*/React__default["default"].createElement(Scrollable__default["default"], {
     className: "m-0 h-full w-full overflow-y-scroll p-0 shadow-inner"
-  }, neetoCist.isPresent(filteredRepositories) ? filteredRepositories.map(function (_ref2) {
-    var id = _ref2.id,
-      fullName = _ref2.fullName,
-      isPrivate = _ref2.isPrivate,
-      updatedAt = _ref2.updatedAt;
-    return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-      className: "width-calc flex items-center space-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(misc.Github, {
-      size: 16
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, fullName), isPrivate && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Lock, {
-      size: 16
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "hidden md:inline-block"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-text-gray-900 mx-2 text-sm",
-      component: "span",
-      style: "h3"
-    }, "\u2022"), /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].FromNow, {
-      date: updatedAt
-    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      style: "primary",
-      type: "button",
-      onClick: function onClick() {
-        return onConnect("private", {
-          id: id,
-          fullName: fullName,
-          isPrivate: isPrivate
-        });
-      }
-    }, t("connect")));
+  }, neetoCist.isPresent(filteredRepositories) ? filteredRepositories.map(function (repository) {
+    return /*#__PURE__*/React__default["default"].createElement(RepositoryTile, {
+      onConnect: onConnect,
+      repository: repository
+    });
   }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "flex h-full w-full items-center justify-center",
     style: "body2"
-  }, t("noRepos"))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
+  }, t("neetoGithub.noRepos"))) : /*#__PURE__*/React__default["default"].createElement(NoRepositories, {
     installationUrl: installationUrl,
     troubleshootUrl: troubleshootUrl
   }));
@@ -2523,11 +2532,11 @@ var NotConnected = reactUtils.withT(function (_ref) {
     className: "flex w-full max-w-sm flex-col items-center justify-center space-y-4 text-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2"
-  }, t("notConnectedDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, t("neetoGithub.notConnectedDescription")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     href: installationUrl,
     icon: misc.Github,
     iconPosition: "left",
-    label: t("connectGithub"),
+    label: t("neetoGithub.connectGithub"),
     size: "medium",
     style: "primary"
   }));
@@ -2561,14 +2570,14 @@ var Private = function Private(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "mb-2 pb-5 text-lg font-medium",
     style: "h2"
-  }, t("connectARepo")), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoGithub.connectARepo")), isConnected ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
     onSearch: onSearch,
     className: "w-full",
     suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "body2"
-    }, t("countOf.repos", {
+    }, t("neetoGithub.countOf.repos", {
       count: filteredRepositories.length
     }))
   }), /*#__PURE__*/React__default["default"].createElement(List, {
@@ -2605,11 +2614,11 @@ var Public = function Public(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "text-lg font-medium",
     style: "h2"
-  }, t("publicGitRepo")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoGithub.publicGitRepo")), /*#__PURE__*/React__default["default"].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__default["default"].createElement(neetoui.Typography, {
     style: "body2"
-  }, t("publicGitRepoDescription")))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoGithub.publicGitRepoDescription")))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-text-gray-900 font-sans text-sm font-normal leading-6 antialiased"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex"
@@ -2621,7 +2630,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",
@@ -2638,11 +2647,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) {
@@ -2690,10 +2702,10 @@ var NeetoGithubNanoModal = function NeetoGithubNanoModal(_ref) {
     size: "large"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("neetoGithubNanoModal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoGithub.modal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "mt-4",
     style: "body2"
-  }, t("neetoGithubNanoModal.description"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoGithub.modal.description"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full 2xl:max-w-7xl"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col-reverse 2xl:flex-row"