@hiver/connector-admin 0.0.6 → 0.0.8-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiver/connector-admin",
-  "version": "0.0.6",
+  "version": "0.0.8-beta.0",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",
@@ -12,7 +12,6 @@
     "react-redux": "^9.1.0"
   },
   "devDependencies": {
-    "@connector/bifrost": "*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

package/Typography-CW9ecUn7.js

@@ -1,174 +0,0 @@
-import { g as B, f as W, s as j, h as f, _ as p, i as C, am as M, k as O, j as P, l as R, P as t, m as N } from "./index-DTpk0Iib.js";
-import * as _ from "react";
-function U(a) {
-  return B("MuiTypography", a);
-}
-W("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], E = (a) => {
-  const {
-    align: o,
-    gutterBottom: r,
-    noWrap: e,
-    paragraph: i,
-    variant: n,
-    classes: h
-  } = a, s = {
-    root: ["root", n, a.align !== "inherit" && `align${f(o)}`, r && "gutterBottom", e && "noWrap", i && "paragraph"]
-  };
-  return N(s, U, h);
-}, L = j("span", {
-  name: "MuiTypography",
-  slot: "Root",
-  overridesResolver: (a, o) => {
-    const {
-      ownerState: r
-    } = a;
-    return [o.root, r.variant && o[r.variant], r.align !== "inherit" && o[`align${f(r.align)}`], r.noWrap && o.noWrap, r.gutterBottom && o.gutterBottom, r.paragraph && o.paragraph];
-  }
-})(({
-  theme: a,
-  ownerState: o
-}) => p({
-  margin: 0
-}, o.variant === "inherit" && {
-  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-  font: "inherit"
-}, o.variant !== "inherit" && a.typography[o.variant], o.align !== "inherit" && {
-  textAlign: o.align
-}, o.noWrap && {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}, o.gutterBottom && {
-  marginBottom: "0.35em"
-}, o.paragraph && {
-  marginBottom: 16
-})), u = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  body1: "p",
-  body2: "p",
-  inherit: "p"
-}, V = {
-  primary: "primary.main",
-  textPrimary: "text.primary",
-  secondary: "secondary.main",
-  textSecondary: "text.secondary",
-  error: "error.main"
-}, $ = (a) => V[a] || a, k = /* @__PURE__ */ _.forwardRef(function(o, r) {
-  const e = C({
-    props: o,
-    name: "MuiTypography"
-  }), i = $(e.color), n = M(p({}, e, {
-    color: i
-  })), {
-    align: h = "inherit",
-    className: s,
-    component: g,
-    gutterBottom: d = !1,
-    noWrap: b = !1,
-    paragraph: c = !1,
-    variant: l = "body1",
-    variantMapping: m = u
-  } = n, v = O(n, D), y = p({}, n, {
-    align: h,
-    color: i,
-    className: s,
-    component: g,
-    gutterBottom: d,
-    noWrap: b,
-    paragraph: c,
-    variant: l,
-    variantMapping: m
-  }), x = g || (c ? "p" : m[l] || u[l]) || "span", T = E(y);
-  return /* @__PURE__ */ P.jsx(L, p({
-    as: x,
-    ref: r,
-    ownerState: y,
-    className: R(T.root, s)
-  }, v));
-});
-process.env.NODE_ENV !== "production" && (k.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: t.bool,
-  /**
-   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-   *
-   * Note that text overflow can only happen with block or inline-block level elements
-   * (the element needs to have a width in order to overflow).
-   * @default false
-   */
-  noWrap: t.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   */
-  paragraph: t.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
-  /**
-   * The component maps the variant prop to a range of different HTML element types.
-   * For instance, subtitle1 to `<h6>`.
-   * If you wish to change that mapping, you can provide your own.
-   * Alternatively, you can use the `component` prop.
-   * @default {
-   *   h1: 'h1',
-   *   h2: 'h2',
-   *   h3: 'h3',
-   *   h4: 'h4',
-   *   h5: 'h5',
-   *   h6: 'h6',
-   *   subtitle1: 'h6',
-   *   subtitle2: 'h6',
-   *   body1: 'p',
-   *   body2: 'p',
-   *   inherit: 'p',
-   * }
-   */
-  variantMapping: t.object
-});
-export {
-  k as T
-};

package/index-BaRBVtu0.js

@@ -1,39 +0,0 @@
-import { s as e, S as n, K as s, j as r, B as p } from "./index-DTpk0Iib.js";
-import { T as l } from "./Typography-CW9ecUn7.js";
-const g = "Custom Connectors", m = "Salesforce API connector", x = "Settings", i = [g, m, x], h = e(n)`
-  margin-bottom: 36px;
-  .arrow {
-    border: solid ${s.palette.gray.gray3};
-    border-width: 0 2px 2px 0;
-    display: inline-block;
-    padding: 3px;
-    transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-    height: 5px;
-  }
-`, b = e(l)`
-  margin-right: 4px;
-  &.last {
-    cursor: pointer;
-  }
-`, u = e(n)`
-  width: 20px;
-  height: 20px;
-  margin-right: 4px;
-  padding-right: 6px;
-`, C = () => /* @__PURE__ */ r.jsx(h, { direction: "row", alignItems: "center", "data-testid": "breadCrumbs", children: i.map((a, o) => {
-  const t = o === i.length - 1, c = t ? s.palette.gray.black : s.palette.gray.gray4, d = t ? "lastCrumb" : `crumb-${o}`;
-  return /* @__PURE__ */ r.jsxs(n, { direction: "row", alignItems: "center", children: [
-    /* @__PURE__ */ r.jsx(b, { className: t ? "last" : "", variant: "h3", color: c, "data-testid": d, children: a }),
-    t ? null : /* @__PURE__ */ r.jsx(u, { direction: "row", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ r.jsx("div", { className: "arrow" }) })
-  ] }, a.replace(/\s/g, ""));
-}) }), S = "auth component", j = () => /* @__PURE__ */ r.jsx("div", { children: S }), y = e(p)`
-  padding: 52px;
-  box-sizing: border-box;
-`, A = () => /* @__PURE__ */ r.jsxs(y, { children: [
-  /* @__PURE__ */ r.jsx(C, {}),
-  /* @__PURE__ */ r.jsx(j, {})
-] });
-export {
-  A as Settings
-};

package/index-C47HiJVp.js

@@ -1,68 +0,0 @@
-import { s as c, S as n, I as b, K as f, j as t, Z as v, R as w, U as m, L as A } from "./index-DTpk0Iib.js";
-import { C as g, a as r, t as I, b as S, v as y, w as T, x as P, T as k, r as B } from "./index-IXLZm0uz.js";
-import { useRef as E } from "react";
-import { T as p } from "./Typography-CW9ecUn7.js";
-const Z = c(n)`
-  margin: 43px 48px 0 52px;
-  position: relative;
-`, M = c(b)`
-  position: absolute;
-  left: -30px;
-  img {
-    width: 15px;
-    height: 15px;
-    margin: 3.5px 2.5px;
-  }
-`, _ = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.86421%2015.9708C9.20287%2016.3941%209.13423%2017.0118%208.71091%2017.3505C8.28758%2017.6891%207.66987%2017.6205%207.33121%2017.1972L8.86421%2015.9708ZM2.94434%2010.1423L2.17784%2010.7555C1.89104%2010.397%201.89104%209.88757%202.17784%209.52907L2.94434%2010.1423ZM7.33121%203.08735C7.66987%202.66403%208.28758%202.59539%208.71091%202.93405C9.13423%203.27271%209.20287%203.89042%208.86421%204.31375L7.33121%203.08735ZM3.31243%2011.1852C2.77031%2011.1852%202.33084%2010.7457%202.33084%2010.2036C2.33084%209.66149%202.77031%209.22201%203.31243%209.22201L3.31243%2011.1852ZM17.0548%209.22201C17.5969%209.22201%2018.0364%209.66149%2018.0364%2010.2036C18.0364%2010.7457%2017.5969%2011.1852%2017.0548%2011.1852V9.22201ZM7.33121%2017.1972L2.17784%2010.7555L3.71083%209.52907L8.86421%2015.9708L7.33121%2017.1972ZM2.17784%209.52907L7.33121%203.08735L8.86421%204.31375L3.71083%2010.7555L2.17784%209.52907ZM3.31243%209.22201L17.0548%209.22201V11.1852L3.31243%2011.1852L3.31243%209.22201Z'%20fill='%236F7C90'/%3e%3c/svg%3e", R = c(n)`
-  margin-left: 32px;
-`, N = "APIs in {{connector}} connector", D = "Following are the list of APIs that you will find in this connector", W = c(n)`
-  width: 100%;
-  height: 72px;
-  gap: 12px;
-  padding: 16px;
-  border: 1px solid ${f.palette.gray.gray6};
-  border-radius: 8px;
-  box-sizing: border-box;
-`, O = () => /* @__PURE__ */ t.jsx(n, { gap: "12px", children: Array(3).fill(0).map((e, s) => /* @__PURE__ */ t.jsxs(W, { children: [
-  /* @__PURE__ */ t.jsx(g, { variant: "rounded", width: "40%", height: "10px", animation: "wave" }),
-  /* @__PURE__ */ t.jsx(g, { variant: "rounded", width: "80%", height: "10px", animation: "wave" })
-] }, s)) }), U = ({ isConfigSettingsPage: e, currentConnector: s }) => {
-  var h;
-  const { pathname: l } = v(), i = r(I), L = l === m.CARD_SETTINGS, a = r(S), o = E(), x = r(y), u = r(T);
-  if (!e)
-    return null;
-  e && s && (o.current = L && (a != null && a[s]) ? a == null ? void 0 : a[s] : i == null ? void 0 : i[s]);
-  const C = (x == null ? void 0 : x.apiList) ?? [], j = N.replace("{{connector}}", ((h = o == null ? void 0 : o.current) == null ? void 0 : h.name) ?? "");
-  return /* @__PURE__ */ t.jsxs(R, { children: [
-    /* @__PURE__ */ t.jsx(p, { variant: "h2", children: j }),
-    /* @__PURE__ */ t.jsx(p, { variant: "body1", marginBottom: "20px", children: D }),
-    u === w.LOADING ? /* @__PURE__ */ t.jsx(O, {}) : /* @__PURE__ */ t.jsx(n, { gap: "12px", children: C.map((d) => /* @__PURE__ */ t.jsxs(
-      n,
-      {
-        width: "100%",
-        height: "72px",
-        border: "1px solid #E0E0E0",
-        borderRadius: "5px",
-        padding: "12px",
-        gap: "10px",
-        children: [
-          /* @__PURE__ */ t.jsx(p, { variant: "body1_medium", children: d.name }),
-          /* @__PURE__ */ t.jsx(p, { variant: "body2", children: d.description })
-        ]
-      },
-      d.keyName
-    )) })
-  ] });
-}, H = () => {
-  const e = A(), s = r(P), l = (i) => {
-    i == null || i.stopPropagation(), e(m.BASEPATH);
-  };
-  return /* @__PURE__ */ t.jsxs(Z, { children: [
-    /* @__PURE__ */ t.jsx(k, { title: "Back", placement: "bottom", children: /* @__PURE__ */ t.jsx(M, { onClick: l, children: /* @__PURE__ */ t.jsx("img", { src: _ }) }) }),
-    /* @__PURE__ */ t.jsx(B, { isConfigSettingsPage: !0, currentConnector: s }),
-    /* @__PURE__ */ t.jsx(U, { isConfigSettingsPage: !0, currentConnector: s })
-  ] });
-};
-export {
-  H as ConnectorConfig
-};

package/index-CJMPXxRz.js

@@ -1,52 +0,0 @@
-import { s as e, B as r, M as d, j as t, C as c, N as h, S as l, a as g, O as m } from "./index-DTpk0Iib.js";
-import { useContext as b } from "react";
-import { T as u } from "./Typography-CW9ecUn7.js";
-const j = e(r)`
-  box-sizing: border-box;
-  padding: 35px 0 35px 35px;
-`, f = e(r)`
-  padding-top: 17px;
-  box-sizing: border-box;
-  width: 178px;
-  border-right: 1px solid rgba(214, 221, 232, 1);
-  height: 100%;
-`, C = e(u)`
-  font-size: 14px;
-  line-height: 24px;
-`, O = e(r)`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 29px;
-  & a {
-    display: block;
-    height: 32px;
-    width: 162px;
-    padding: 4px 12px;
-    text-decoration: none;
-    color: #6f7c90;
-    font-size: 13px;
-    line-height: 24px;
-    &.active {
-      font-size: 14px;
-      background-color: rgba(246, 248, 252, 1);
-      border-radius: 4px;
-      color: #343c45;
-    }
-  }
-`, S = ({ sidebarOptions: s = [] }) => {
-  const { currentSideBar: n } = b(d), a = () => /* @__PURE__ */ t.jsx(O, { children: s.map(({ id: o, value: i, route: p }) => {
-    const x = n === i;
-    return /* @__PURE__ */ t.jsx(h, { to: p, "data-testid": o, className: x ? "active" : "", children: i }, o);
-  }) });
-  return /* @__PURE__ */ t.jsx(j, { "data-testid": "sideBarParent", children: /* @__PURE__ */ t.jsxs(f, { children: [
-    /* @__PURE__ */ t.jsx(C, { variant: "h3", "data-testid": "custom-connector-heading", children: c }),
-    a()
-  ] }) });
-}, T = () => /* @__PURE__ */ t.jsxs(l, { direction: "row", alignItems: "stretch", sx: { minHeight: "100vh" }, children: [
-  /* @__PURE__ */ t.jsx(S, { sidebarOptions: g }),
-  /* @__PURE__ */ t.jsx(m, {})
-] });
-export {
-  T as ConnectorView
-};