@bigbinary/neeto-github-frontend 2.2.4 → 2.2.6

package/README.md

@@ -65,6 +65,8 @@ yarn add @bigbinary/neeto-github-frontend
 #### Components
   - [NeetoGithubNanoContainer](./docs/frontend/components/NeetoGithubNanoContainer/README.md)
   - [NeetoGithubNanoPane](./docs/frontend/components/NeetoGithubNanoPane/README.md)
+  - [NeetoGithubIntegrationsTable](./docs/frontend/components/NeetoGithubIntegrationsTable/README.md)
+
 
 ## Instructions for Publishing
 

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

@@ -9,6 +9,7 @@
     "configureAccount": "Configure account",
     "connectAccount": "Connect account",
     "connectGithub": "Connect GitHub",
+    "disconnectGitHub": "Disconnect GitHub",
     "connectARepo": "Connect a repository",
     "connectRepository": "Connect repository",
     "continue": "Continue",
@@ -19,6 +20,17 @@
     "modal": {
       "title": "Create a new project"
     },
-    "troubleshoot": "Can't find a repository that's already connected? <troubleshootLink>Troubleshoot</troubleshootLink> your GitHub connection."
+    "troubleshoot": "Can't find a repository that's already connected? <troubleshootLink>Troubleshoot</troubleshootLink> your GitHub connection.",
+    "integrationTable": {
+      "noIntegrationFound": "There are no GitHub account connected",
+      "alert": {
+        "title": "Uninstall GitHub account?",
+        "message": "You are uninstalling the GitHub app installed by <strong>{{login}}</strong>. This can't be undone."
+      }
+    },
+    "actions": {
+      "delete": "Delete"
+    },
+    "account": "Account"
   }
 }

package/dist/NeetoGithubIntegrationsTable.js

@@ -0,0 +1,152 @@
+import Container from '@bigbinary/neeto-molecules/Container';
+import Header from '@bigbinary/neeto-molecules/Header';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import Button from '@bigbinary/neetoui/Button';
+import { useTranslation, Trans } from 'react-i18next';
+import { a as useDestroyGithubIntegration, b as useFetchGithubAppInstallations } from './useGithubAccountsApi-kFn8BvEJ.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { isNotEmpty } from '@bigbinary/neeto-cist';
+import Table from '@bigbinary/neetoui/Table';
+import NoData from '@bigbinary/neetoui/NoData';
+import Alert from '@bigbinary/neetoui/Alert';
+import { isEmpty } from 'ramda';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { t } from 'i18next';
+import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import Typography from '@bigbinary/neetoui/Typography';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'axios';
+import '@bigbinary/neeto-commons-frontend/constants';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getNewInstallationUrl = function getNewInstallationUrl(integratorParams, redirectPath) {
+  return buildUrl("/github_integrations/app_installations/new", _objectSpread(_objectSpread({}, integratorParams), {}, {
+    redirectPath: redirectPath
+  }));
+};
+var getGithubAccountsTableColumnData = function getGithubAccountsTableColumnData(_ref) {
+  var setAccountToDisconnect = _ref.setAccountToDisconnect;
+  return [{
+    title: t("neetoGithub.account"),
+    dataIndex: "",
+    key: "actions",
+    render: function render(_, account) {
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsx(Typography, {
+          children: account.accountLogin
+        }), /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownProps: {
+            strategy: "fixed"
+          },
+          menuItems: [{
+            key: "delete",
+            label: t("neetoGithub.actions.delete"),
+            onClick: function onClick() {
+              return setAccountToDisconnect(account);
+            }
+          }]
+        })]
+      });
+    }
+  }];
+};
+
+var AccountsTable = function AccountsTable(_ref) {
+  var _ref$appInstallations = _ref.appInstallations,
+    appInstallations = _ref$appInstallations === void 0 ? [] : _ref$appInstallations,
+    integratorParams = _ref.integratorParams,
+    keysToPurgeOnDelete = _ref.keysToPurgeOnDelete;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    accountToDisconnect = _useState2[0],
+    setAccountToDisconnect = _useState2[1];
+  var _useDestroyGithubInte = useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {
+      onSuccess: function onSuccess() {
+        return setAccountToDisconnect({});
+      }
+    }),
+    deleteGithubAccount = _useDestroyGithubInte.mutate,
+    isDeleting = _useDestroyGithubInte.isPending;
+  if (isEmpty(appInstallations)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(NoData, {
+        title: t("neetoGithub.integrationTable.noIntegrationFound")
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Table, {
+      rowData: appInstallations,
+      columnData: getGithubAccountsTableColumnData({
+        setAccountToDisconnect: setAccountToDisconnect
+      })
+    }), /*#__PURE__*/jsx(Alert, {
+      isOpen: isNotEmpty(accountToDisconnect),
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoGithub.disconnectGitHub"),
+      title: t("neetoGithub.integrationTable.alert.title"),
+      message: /*#__PURE__*/jsx(Trans, {
+        i18nKey: "neetoGithub.integrationTable.alert.message",
+        values: {
+          login: accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.accountLogin
+        }
+      }),
+      onClose: function onClose() {
+        return setAccountToDisconnect({});
+      },
+      onSubmit: function onSubmit() {
+        return deleteGithubAccount(accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.id);
+      }
+    })]
+  });
+};
+
+var NeetoGithubIntegrationsTable = function NeetoGithubIntegrationsTable(_ref) {
+  var _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    integratorParams = _ref.integratorParams,
+    redirectPath = _ref.redirectPath,
+    _ref$keysToPurgeOnDel = _ref.keysToPurgeOnDelete,
+    keysToPurgeOnDelete = _ref$keysToPurgeOnDel === void 0 ? [] : _ref$keysToPurgeOnDel;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchGithubAppIns = useFetchGithubAppInstallations(integratorParams),
+    _useFetchGithubAppIns2 = _useFetchGithubAppIns.data,
+    appInstallations = _useFetchGithubAppIns2 === void 0 ? [] : _useFetchGithubAppIns2,
+    isLoading = _useFetchGithubAppIns.isLoading;
+  var newInstallationUrl = getNewInstallationUrl(integratorParams, redirectPath);
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-screen w-screen items-center justify-center",
+      children: /*#__PURE__*/jsx(PageLoader, {})
+    });
+  }
+  return /*#__PURE__*/jsxs(Container, {
+    children: [/*#__PURE__*/jsx(Header, {
+      breadcrumbs: breadcrumbs,
+      title: t("neetoGithub.github"),
+      actionBlock: /*#__PURE__*/jsx(Button, {
+        href: newInstallationUrl,
+        label: t("neetoGithub.connectGithub")
+      })
+    }), /*#__PURE__*/jsx(AccountsTable, {
+      appInstallations: appInstallations,
+      integratorParams: integratorParams,
+      keysToPurgeOnDelete: keysToPurgeOnDelete
+    })]
+  });
+};
+
+export { NeetoGithubIntegrationsTable as default };
+//# sourceMappingURL=NeetoGithubIntegrationsTable.js.map

package/dist/NeetoGithubIntegrationsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubIntegrationsTable.js","sources":["../app/javascript/src/components/NeetoGithubIntegrationsTable/utils.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/AccountsTable.jsx","../app/javascript/src/components/NeetoGithubIntegrationsTable/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nexport const getNewInstallationUrl = (integratorParams, redirectPath) =>\n  buildUrl(\"/github_integrations/app_installations/new\", {\n    ...integratorParams,\n    redirectPath,\n  });\n\nexport const getGithubAccountsTableColumnData = ({\n  setAccountToDisconnect,\n}) => [\n  {\n    title: t(\"neetoGithub.account\"),\n    dataIndex: \"\",\n    key: \"actions\",\n    render: (_, account) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography>{account.accountLogin}</Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete\",\n              label: t(\"neetoGithub.actions.delete\"),\n              onClick: () => setAccountToDisconnect(account),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport { Table, NoData, Alert } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { useDestroyGithubIntegration } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport { getGithubAccountsTableColumnData } from \"./utils\";\n\nconst AccountsTable = ({\n  appInstallations = [],\n  integratorParams,\n  keysToPurgeOnDelete,\n}) => {\n  const { t } = useTranslation();\n  const [accountToDisconnect, setAccountToDisconnect] = useState({});\n\n  const { mutate: deleteGithubAccount, isPending: isDeleting } =\n    useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {\n      onSuccess: () => setAccountToDisconnect({}),\n    });\n\n  if (isEmpty(appInstallations)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <NoData title={t(\"neetoGithub.integrationTable.noIntegrationFound\")} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Table\n        rowData={appInstallations}\n        columnData={getGithubAccountsTableColumnData({\n          setAccountToDisconnect,\n        })}\n      />\n      <Alert\n        isOpen={isNotEmpty(accountToDisconnect)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoGithub.disconnectGitHub\")}\n        title={t(\"neetoGithub.integrationTable.alert.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoGithub.integrationTable.alert.message\"\n            values={{ login: accountToDisconnect?.accountLogin }}\n          />\n        }\n        onClose={() => setAccountToDisconnect({})}\n        onSubmit={() => deleteGithubAccount(accountToDisconnect?.id)}\n      />\n    </>\n  );\n};\n\nexport default AccountsTable;\n","import Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubAppInstallations } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport AccountsTable from \"./AccountsTable\";\nimport { getNewInstallationUrl } from \"./utils\";\n\nconst NeetoGithubIntegrationsTable = ({\n  breadcrumbs = [],\n  integratorParams,\n  redirectPath,\n  keysToPurgeOnDelete = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { data: appInstallations = [], isLoading } =\n    useFetchGithubAppInstallations(integratorParams);\n\n  const newInstallationUrl = getNewInstallationUrl(\n    integratorParams,\n    redirectPath\n  );\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-screen w-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoGithub.github\")}\n        actionBlock={\n          <Button\n            href={newInstallationUrl}\n            label={t(\"neetoGithub.connectGithub\")}\n          />\n        }\n      />\n      <AccountsTable\n        {...{ appInstallations, integratorParams, keysToPurgeOnDelete }}\n      />\n    </Container>\n  );\n};\n\nexport default NeetoGithubIntegrationsTable;\n"],"names":["getNewInstallationUrl","integratorParams","redirectPath","buildUrl","_objectSpread","getGithubAccountsTableColumnData","_ref","setAccountToDisconnect","title","t","dataIndex","key","render","_","account","_jsxs","className","children","_jsx","Typography","accountLogin","MoreDropdown","dropdownProps","strategy","menuItems","label","onClick","AccountsTable","_ref$appInstallations","appInstallations","keysToPurgeOnDelete","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","accountToDisconnect","_useDestroyGithubInte","useDestroyGithubIntegration","onSuccess","deleteGithubAccount","mutate","isDeleting","isPending","isEmpty","NoData","_Fragment","Table","rowData","columnData","Alert","isOpen","isNotEmpty","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","login","onClose","onSubmit","id","NeetoGithubIntegrationsTable","_ref$breadcrumbs","breadcrumbs","_ref$keysToPurgeOnDel","_useFetchGithubAppIns","useFetchGithubAppInstallations","_useFetchGithubAppIns2","data","isLoading","newInstallationUrl","PageLoader","Container","Header","actionBlock","Button","href"],"mappings":"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"}

package/dist/NeetoGithubNanoContainer.js

@@ -0,0 +1,28 @@
+import 'classnames';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neetoui/Spinner';
+import './useGithubAccountsApi-kFn8BvEJ.js';
+export { N as default } from './index-CF2CmTxA.js';
+import 'react/jsx-runtime';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/defineProperty';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'ramda';
+import 'axios';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-icons/misc/Github';
+import '@bigbinary/neetoui/Typography';
+import '@bigbinary/neeto-icons/Building';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neeto-icons/Plus';
+import '@bigbinary/neeto-icons/Settings';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-molecules/Search';
+import 'react-i18next';
+import '@bigbinary/neeto-icons/Lock';
+import '@bigbinary/neeto-molecules/DateFormat';
+//# sourceMappingURL=NeetoGithubNanoContainer.js.map

package/dist/NeetoGithubNanoContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubNanoContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/NeetoGithubNanoPane.js

@@ -0,0 +1,108 @@
+import { useRef } from 'react';
+import { findBy, isPresent, noop } from '@bigbinary/neeto-cist';
+import Pane from '@bigbinary/neetoui/Pane';
+import Typography from '@bigbinary/neetoui/Typography';
+import { useTranslation } from 'react-i18next';
+import { u as useFetchGithubRepositories } from './useGithubAccountsApi-kFn8BvEJ.js';
+import { n, N as NeetoGithubNanoContainer } from './index-CF2CmTxA.js';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import * as qs from 'qs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/defineProperty';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'ramda';
+import 'axios';
+import '@bigbinary/neeto-commons-frontend/constants';
+import 'classnames';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neeto-icons/misc/Github';
+import '@bigbinary/neeto-icons/Building';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neeto-icons/Plus';
+import '@bigbinary/neeto-icons/Settings';
+import '@babel/runtime/helpers/slicedToArray';
+import '@bigbinary/neeto-molecules/Search';
+import '@bigbinary/neeto-icons/Lock';
+import '@bigbinary/neeto-molecules/DateFormat';
+
+var css = ".neeto-github-modal-pane-wrapper{width:min(100%,1280px)}@media (min-width:768px){.neeto-github-modal-pane-wrapper{width:min(90%,1280px)}}@media (min-width:1024px){.neeto-github-modal-pane-wrapper{width:min(60%,1280px)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvcGFuZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUNFLHNCQUNGLENBQ0UseUJBSEYsaUNBSUkscUJBRUYsQ0FDRixDQUFFLDBCQVBGLGlDQVFJLHFCQUdGLENBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZ2l0aHViLW1vZGFsLXBhbmUtd3JhcHBlciB7XG4gIHdpZHRoOiBtaW4oMTAwJSwgMTI4MHB4KTtcblxuICBAc2NyZWVuIG1kIHtcbiAgICB3aWR0aDogbWluKDkwJSwgMTI4MHB4KTtcbiAgfVxuXG4gIEBzY3JlZW4gbGcge1xuICAgIHdpZHRoOiBtaW4oNjAlLCAxMjgwcHgpO1xuICB9XG59XG4iXX0= */";
+n(css,{});
+
+var _globalProps$organiza;
+var newInstallationParams = qs.stringify({
+  integrator_id: globalProps === null || globalProps === void 0 || (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.id,
+  integrator_type: "Organization",
+  redirect_path: "/projects/new"
+});
+var NEW_INSTALLATION_URL = "/github_integrations/app_installations/new?".concat(newInstallationParams);
+var TROUBLESHOOT_URL = "https://render.com/docs/github#troubleshooting";
+
+var NeetoGithubNanoPane = function NeetoGithubNanoPane(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isConnecting = _ref.isConnecting,
+    isConnecting = _ref$isConnecting === void 0 ? false : _ref$isConnecting,
+    _ref$isConnected = _ref.isConnected,
+    isConnected = _ref$isConnected === void 0 ? false : _ref$isConnected,
+    _ref$installationUrl = _ref.installationUrl,
+    installationUrl = _ref$installationUrl === void 0 ? NEW_INSTALLATION_URL : _ref$installationUrl,
+    _ref$troubleshootUrl = _ref.troubleshootUrl,
+    troubleshootUrl = _ref$troubleshootUrl === void 0 ? TROUBLESHOOT_URL : _ref$troubleshootUrl,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
+    _ref$projects = _ref.projects,
+    projects = _ref$projects === void 0 ? [] : _ref$projects,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var initialFocusRef = useRef(null);
+  var _useFetchGithubReposi = useFetchGithubRepositories({
+      isConnected: isOpen && isConnected
+    }),
+    _useFetchGithubReposi2 = _useFetchGithubReposi.data,
+    _useFetchGithubReposi3 = _useFetchGithubReposi2 === void 0 ? {} : _useFetchGithubReposi2,
+    _useFetchGithubReposi4 = _useFetchGithubReposi3.repositories,
+    repositories = _useFetchGithubReposi4 === void 0 ? [] : _useFetchGithubReposi4,
+    _useFetchGithubReposi5 = _useFetchGithubReposi3.accounts,
+    accounts = _useFetchGithubReposi5 === void 0 ? [] : _useFetchGithubReposi5,
+    isPaneLoading = _useFetchGithubReposi.isLoading;
+  var paneRepositories = repositories.filter(function (repository) {
+    return !findBy({
+      repository: repository.fullName
+    }, projects);
+  });
+  var paneAccounts = isConnected ? accounts : [];
+  return /*#__PURE__*/jsxs(Pane, {
+    initialFocusRef: initialFocusRef,
+    isOpen: isOpen,
+    onClose: onClose,
+    className: "neeto-github-modal-pane-wrapper",
+    size: "large",
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: isPresent(title) ? title : t("neetoGithub.modal.title")
+      })
+    }), /*#__PURE__*/jsx(Pane.Body, {
+      children: /*#__PURE__*/jsx(NeetoGithubNanoContainer, {
+        installationUrl: installationUrl,
+        isConnected: isConnected,
+        isConnecting: isConnecting,
+        isPaneLoading: isPaneLoading,
+        onConnect: onConnect,
+        paneAccounts: paneAccounts,
+        paneRepositories: paneRepositories,
+        troubleshootUrl: troubleshootUrl,
+        isPane: true,
+        shouldFetchRepositories: false
+      })
+    })]
+  });
+};
+
+export { NeetoGithubNanoPane as default };
+//# sourceMappingURL=NeetoGithubNanoPane.js.map

package/dist/NeetoGithubNanoPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubNanoPane.js","sources":["../app/javascript/src/components/NeetoGithubNanoPane/constants.js","../app/javascript/src/components/NeetoGithubNanoPane/index.jsx"],"sourcesContent":["import { globalProps } from \"neetocommons/initializers\";\nimport * as qs from \"qs\";\n\nconst newInstallationParams = qs.stringify({\n  integrator_id: globalProps?.organization?.id,\n  integrator_type: \"Organization\",\n  redirect_path: \"/projects/new\",\n});\n\nexport const NEW_INSTALLATION_URL = `/github_integrations/app_installations/new?${newInstallationParams}`;\nexport const TROUBLESHOOT_URL =\n  \"https://render.com/docs/github#troubleshooting\";\n","import { useRef } from \"react\";\n\nimport { findBy, isPresent, noop } from \"neetocist\";\nimport { Pane, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubRepositories } from \"hooks/reactQuery/useGithubAccountsApi\";\nimport NeetoGithubNanoContainer from \"src/components/NeetoGithubNanoContainer\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/components/pane.scss\";\n\nimport { NEW_INSTALLATION_URL, TROUBLESHOOT_URL } from \"./constants\";\n\nconst NeetoGithubNanoPane = ({\n  isOpen,\n  onClose,\n  isConnecting = false,\n  isConnected = false,\n  installationUrl = NEW_INSTALLATION_URL,\n  troubleshootUrl = TROUBLESHOOT_URL,\n  onConnect = noop,\n  projects = [],\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const initialFocusRef = useRef(null);\n\n  const {\n    data: { repositories = [], accounts = [] } = {},\n    isLoading: isPaneLoading,\n  } = useFetchGithubRepositories({ isConnected: isOpen && isConnected });\n\n  const paneRepositories = repositories.filter(\n    repository => !findBy({ repository: repository.fullName }, projects)\n  );\n\n  const paneAccounts = isConnected ? accounts : [];\n\n  return (\n    <Pane\n      {...{ initialFocusRef, isOpen, onClose }}\n      className=\"neeto-github-modal-pane-wrapper\"\n      size=\"large\"\n    >\n      <Pane.Header>\n        <Typography style=\"h2\">\n          {isPresent(title) ? title : t(\"neetoGithub.modal.title\")}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body>\n        <NeetoGithubNanoContainer\n          {...{\n            installationUrl,\n            isConnected,\n            isConnecting,\n            isPaneLoading,\n            onConnect,\n            paneAccounts,\n            paneRepositories,\n            troubleshootUrl,\n          }}\n          isPane\n          shouldFetchRepositories={false}\n        />\n      </Pane.Body>\n    </Pane>\n  );\n};\n\nexport default NeetoGithubNanoPane;\n"],"names":["newInstallationParams","qs","stringify","integrator_id","globalProps","_globalProps$organiza","organization","id","integrator_type","redirect_path","NEW_INSTALLATION_URL","concat","TROUBLESHOOT_URL","NeetoGithubNanoPane","_ref","isOpen","onClose","_ref$isConnecting","isConnecting","_ref$isConnected","isConnected","_ref$installationUrl","installationUrl","_ref$troubleshootUrl","troubleshootUrl","_ref$onConnect","onConnect","noop","_ref$projects","projects","_ref$title","title","_useTranslation","useTranslation","t","initialFocusRef","useRef","_useFetchGithubReposi","useFetchGithubRepositories","_useFetchGithubReposi2","data","_useFetchGithubReposi3","_useFetchGithubReposi4","repositories","_useFetchGithubReposi5","accounts","isPaneLoading","isLoading","paneRepositories","filter","repository","findBy","fullName","paneAccounts","_jsxs","Pane","className","size","children","_jsx","Header","Typography","style","isPresent","Body","NeetoGithubNanoContainer","isPane","shouldFetchRepositories"],"mappings":"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"}

package/dist/cjs/NeetoGithubIntegrationsTable.js

@@ -0,0 +1,154 @@
+'use strict';
+
+var Container = require('@bigbinary/neeto-molecules/Container');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var Button = require('@bigbinary/neetoui/Button');
+var reactI18next = require('react-i18next');
+var useGithubAccountsApi = require('../useGithubAccountsApi-C9W-L_-C.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Table = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
+var Alert = require('@bigbinary/neetoui/Alert');
+var ramda = require('ramda');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var i18next = require('i18next');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+var Typography = require('@bigbinary/neetoui/Typography');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getNewInstallationUrl = function getNewInstallationUrl(integratorParams, redirectPath) {
+  return utils.buildUrl("/github_integrations/app_installations/new", _objectSpread(_objectSpread({}, integratorParams), {}, {
+    redirectPath: redirectPath
+  }));
+};
+var getGithubAccountsTableColumnData = function getGithubAccountsTableColumnData(_ref) {
+  var setAccountToDisconnect = _ref.setAccountToDisconnect;
+  return [{
+    title: i18next.t("neetoGithub.account"),
+    dataIndex: "",
+    key: "actions",
+    render: function render(_, account) {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          children: account.accountLogin
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          dropdownProps: {
+            strategy: "fixed"
+          },
+          menuItems: [{
+            key: "delete",
+            label: i18next.t("neetoGithub.actions.delete"),
+            onClick: function onClick() {
+              return setAccountToDisconnect(account);
+            }
+          }]
+        })]
+      });
+    }
+  }];
+};
+
+var AccountsTable = function AccountsTable(_ref) {
+  var _ref$appInstallations = _ref.appInstallations,
+    appInstallations = _ref$appInstallations === void 0 ? [] : _ref$appInstallations,
+    integratorParams = _ref.integratorParams,
+    keysToPurgeOnDelete = _ref.keysToPurgeOnDelete;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = react.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    accountToDisconnect = _useState2[0],
+    setAccountToDisconnect = _useState2[1];
+  var _useDestroyGithubInte = useGithubAccountsApi.useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {
+      onSuccess: function onSuccess() {
+        return setAccountToDisconnect({});
+      }
+    }),
+    deleteGithubAccount = _useDestroyGithubInte.mutate,
+    isDeleting = _useDestroyGithubInte.isPending;
+  if (ramda.isEmpty(appInstallations)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
+        title: t("neetoGithub.integrationTable.noIntegrationFound")
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Table, {
+      rowData: appInstallations,
+      columnData: getGithubAccountsTableColumnData({
+        setAccountToDisconnect: setAccountToDisconnect
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
+      isOpen: neetoCist.isNotEmpty(accountToDisconnect),
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoGithub.disconnectGitHub"),
+      title: t("neetoGithub.integrationTable.alert.title"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoGithub.integrationTable.alert.message",
+        values: {
+          login: accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.accountLogin
+        }
+      }),
+      onClose: function onClose() {
+        return setAccountToDisconnect({});
+      },
+      onSubmit: function onSubmit() {
+        return deleteGithubAccount(accountToDisconnect === null || accountToDisconnect === void 0 ? void 0 : accountToDisconnect.id);
+      }
+    })]
+  });
+};
+
+var NeetoGithubIntegrationsTable = function NeetoGithubIntegrationsTable(_ref) {
+  var _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    integratorParams = _ref.integratorParams,
+    redirectPath = _ref.redirectPath,
+    _ref$keysToPurgeOnDel = _ref.keysToPurgeOnDelete,
+    keysToPurgeOnDelete = _ref$keysToPurgeOnDel === void 0 ? [] : _ref$keysToPurgeOnDel;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchGithubAppIns = useGithubAccountsApi.useFetchGithubAppInstallations(integratorParams),
+    _useFetchGithubAppIns2 = _useFetchGithubAppIns.data,
+    appInstallations = _useFetchGithubAppIns2 === void 0 ? [] : _useFetchGithubAppIns2,
+    isLoading = _useFetchGithubAppIns.isLoading;
+  var newInstallationUrl = getNewInstallationUrl(integratorParams, redirectPath);
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-screen w-screen items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      breadcrumbs: breadcrumbs,
+      title: t("neetoGithub.github"),
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
+        href: newInstallationUrl,
+        label: t("neetoGithub.connectGithub")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(AccountsTable, {
+      appInstallations: appInstallations,
+      integratorParams: integratorParams,
+      keysToPurgeOnDelete: keysToPurgeOnDelete
+    })]
+  });
+};
+
+module.exports = NeetoGithubIntegrationsTable;
+//# sourceMappingURL=NeetoGithubIntegrationsTable.js.map

package/dist/cjs/NeetoGithubIntegrationsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubIntegrationsTable.js","sources":["../../app/javascript/src/components/NeetoGithubIntegrationsTable/utils.jsx","../../app/javascript/src/components/NeetoGithubIntegrationsTable/AccountsTable.jsx","../../app/javascript/src/components/NeetoGithubIntegrationsTable/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nexport const getNewInstallationUrl = (integratorParams, redirectPath) =>\n  buildUrl(\"/github_integrations/app_installations/new\", {\n    ...integratorParams,\n    redirectPath,\n  });\n\nexport const getGithubAccountsTableColumnData = ({\n  setAccountToDisconnect,\n}) => [\n  {\n    title: t(\"neetoGithub.account\"),\n    dataIndex: \"\",\n    key: \"actions\",\n    render: (_, account) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Typography>{account.accountLogin}</Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete\",\n              label: t(\"neetoGithub.actions.delete\"),\n              onClick: () => setAccountToDisconnect(account),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty } from \"neetocist\";\nimport { Table, NoData, Alert } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { useDestroyGithubIntegration } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport { getGithubAccountsTableColumnData } from \"./utils\";\n\nconst AccountsTable = ({\n  appInstallations = [],\n  integratorParams,\n  keysToPurgeOnDelete,\n}) => {\n  const { t } = useTranslation();\n  const [accountToDisconnect, setAccountToDisconnect] = useState({});\n\n  const { mutate: deleteGithubAccount, isPending: isDeleting } =\n    useDestroyGithubIntegration(integratorParams, keysToPurgeOnDelete, {\n      onSuccess: () => setAccountToDisconnect({}),\n    });\n\n  if (isEmpty(appInstallations)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <NoData title={t(\"neetoGithub.integrationTable.noIntegrationFound\")} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Table\n        rowData={appInstallations}\n        columnData={getGithubAccountsTableColumnData({\n          setAccountToDisconnect,\n        })}\n      />\n      <Alert\n        isOpen={isNotEmpty(accountToDisconnect)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoGithub.disconnectGitHub\")}\n        title={t(\"neetoGithub.integrationTable.alert.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoGithub.integrationTable.alert.message\"\n            values={{ login: accountToDisconnect?.accountLogin }}\n          />\n        }\n        onClose={() => setAccountToDisconnect({})}\n        onSubmit={() => deleteGithubAccount(accountToDisconnect?.id)}\n      />\n    </>\n  );\n};\n\nexport default AccountsTable;\n","import Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useFetchGithubAppInstallations } from \"hooks/reactQuery/useGithubAccountsApi\";\n\nimport AccountsTable from \"./AccountsTable\";\nimport { getNewInstallationUrl } from \"./utils\";\n\nconst NeetoGithubIntegrationsTable = ({\n  breadcrumbs = [],\n  integratorParams,\n  redirectPath,\n  keysToPurgeOnDelete = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { data: appInstallations = [], isLoading } =\n    useFetchGithubAppInstallations(integratorParams);\n\n  const newInstallationUrl = getNewInstallationUrl(\n    integratorParams,\n    redirectPath\n  );\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-screen w-screen items-center justify-center\">\n        <PageLoader />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoGithub.github\")}\n        actionBlock={\n          <Button\n            href={newInstallationUrl}\n            label={t(\"neetoGithub.connectGithub\")}\n          />\n        }\n      />\n      <AccountsTable\n        {...{ appInstallations, integratorParams, keysToPurgeOnDelete }}\n      />\n    </Container>\n  );\n};\n\nexport default NeetoGithubIntegrationsTable;\n"],"names":["getNewInstallationUrl","integratorParams","redirectPath","buildUrl","_objectSpread","getGithubAccountsTableColumnData","_ref","setAccountToDisconnect","title","t","dataIndex","key","render","_","account","_jsxs","className","children","_jsx","Typography","accountLogin","MoreDropdown","dropdownProps","strategy","menuItems","label","onClick","AccountsTable","_ref$appInstallations","appInstallations","keysToPurgeOnDelete","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","accountToDisconnect","_useDestroyGithubInte","useDestroyGithubIntegration","onSuccess","deleteGithubAccount","mutate","isDeleting","isPending","isEmpty","NoData","_Fragment","Table","rowData","columnData","Alert","isOpen","isNotEmpty","isSubmitting","submitButtonLabel","message","Trans","i18nKey","values","login","onClose","onSubmit","id","NeetoGithubIntegrationsTable","_ref$breadcrumbs","breadcrumbs","_ref$keysToPurgeOnDel","_useFetchGithubAppIns","useFetchGithubAppInstallations","_useFetchGithubAppIns2","data","isLoading","newInstallationUrl","PageLoader","Container","Header","actionBlock","Button","href"],"mappings":"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"}

package/dist/cjs/NeetoGithubNanoContainer.js

@@ -0,0 +1,34 @@
+'use strict';
+
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neetoui/Spinner');
+require('../useGithubAccountsApi-C9W-L_-C.js');
+var NeetoGithubNanoContainer = require('../index-TIidDz1A.js');
+require('react/jsx-runtime');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('ramda');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-icons/misc/Github');
+require('@bigbinary/neetoui/Typography');
+require('@bigbinary/neeto-icons/Building');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neeto-icons/Plus');
+require('@bigbinary/neeto-icons/Settings');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-molecules/Search');
+require('react-i18next');
+require('@bigbinary/neeto-icons/Lock');
+require('@bigbinary/neeto-molecules/DateFormat');
+
+
+
+module.exports = NeetoGithubNanoContainer.NeetoGithubNanoContainer;
+//# sourceMappingURL=NeetoGithubNanoContainer.js.map

package/dist/cjs/NeetoGithubNanoContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeetoGithubNanoContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}