@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.24 to 3.3.25

dist/dsync.js

@@ -1,19 +0,19 @@
-import { j as e, S as f, c as I, a as se } from "./index-7ce2e0e7.js";
-import { useState as v, useEffect as H } from "react";
-import { I as E, S as ie, B as A, s as L, L as le, T as re, E as ce, a as oe, b as de, C as ue } from "./index-dd379922.js";
+import { j as e, S as b, c as $, a as ie } from "./index-7ce2e0e7.js";
+import { useState as y, useEffect as H } from "react";
+import { I as T, S as oe, C as re, B as S, s as A, L as de, T as me, E as ce, a as ue, b as he } from "./index-f0c3818a.js";
 var V = /* @__PURE__ */ ((n) => (n["azure-scim-v2"] = "Azure SCIM v2.0", n["onelogin-scim-v2"] = "OneLogin SCIM v2.0", n["okta-scim-v2"] = "Okta SCIM v2.0", n["jumpcloud-scim-v2"] = "JumpCloud v2.0", n["generic-scim-v2"] = "Generic SCIM v2.0", n.google = "Google", n))(V || {});
-const me = "_heading_h67it_3", he = "_fieldContainer_h67it_17", fe = "_formAction_h67it_22", $ = {
+const fe = "_heading_h67it_3", be = "_fieldContainer_h67it_17", ge = "_formAction_h67it_22", I = {
   "sr-only": "_sr-only_h67it_1",
-  heading: me,
-  fieldContainer: he,
-  formAction: fe
-}, be = "_label_1odz8_9", ge = "_div_1odz8_17", Ce = "_select_1odz8_49", xe = "_focus_1odz8_77", S = {
+  heading: fe,
+  fieldContainer: be,
+  formAction: ge
+}, Ce = "_label_1odz8_9", xe = "_div_1odz8_17", _e = "_select_1odz8_49", je = "_focus_1odz8_77", P = {
   "sr-only": "_sr-only_1odz8_1",
-  label: be,
-  div: ge,
+  label: Ce,
+  div: xe,
   "div--disabled": "_div--disabled_1odz8_43",
-  select: Ce,
-  focus: xe
+  select: _e,
+  focus: je
 };
-function _e(n) {
+function ye(n) {
   var _;
@@ -23,9 +23,9 @@ function l() {
   }
-  function j() {
-    return S.div + (n.disabled ? ` ${S["div--disabled"]}` : "");
+  function v() {
+    return P.div + (n.disabled ? ` ${P["div--disabled"]}` : "");
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("label", { htmlFor: l(), className: S.label, children: n.label }),
-    /* @__PURE__ */ e.jsx(f, { y: 2 }),
-    /* @__PURE__ */ e.jsxs("div", { className: j(), children: [
+    /* @__PURE__ */ e.jsx("label", { htmlFor: l(), className: P.label, children: n.label }),
+    /* @__PURE__ */ e.jsx(b, { y: 2 }),
+    /* @__PURE__ */ e.jsxs("div", { className: v(), children: [
       /* @__PURE__ */ e.jsx(
@@ -36,14 +36,14 @@ "select",
           name: n.name,
-          className: S.select,
+          className: P.select,
           disabled: n.disabled ?? !1,
           value: n.selectedValue,
-          onChange: (d) => n.handleChange(d),
-          children: (_ = n.options) == null ? void 0 : _.map((d) => /* @__PURE__ */ e.jsx("option", { value: d.value, children: d.text }, d.value))
+          onChange: (u) => n.handleChange(u),
+          children: (_ = n.options) == null ? void 0 : _.map((u) => /* @__PURE__ */ e.jsx("option", { value: u.value, children: u.text }, u.value))
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { className: S.focus })
+      /* @__PURE__ */ e.jsx("span", { className: P.focus })
     ] })
   ] });
 }
-const ye = {
+const ve = {
   name: "",
@@ -58,11 +58,11 @@ tenant: "",
 };
-function je(n) {
-  var N, c;
-  const [l, j] = v(() => ye), [_, d] = v(() => !1);
-  function F() {
+function ke(n) {
+  var o, r;
+  const [l, v] = y(() => ve), [_, u] = y(() => !1), [w, F] = y(() => !1);
+  function D() {
     var t;
     return (t = Object.entries(V)) == null ? void 0 : t.map(
-      ([s, a]) => ({
-        value: s,
-        text: a
+      ([a, c]) => ({
+        value: a,
+        text: c
       })
@@ -72,38 +72,39 @@ );
   function i(t) {
-    var a;
-    const s = (a = t == null ? void 0 : t.target) == null ? void 0 : a.value;
-    d(s === "google"), j({
+    var c;
+    const a = (c = t == null ? void 0 : t.target) == null ? void 0 : c.value;
+    u(a === "google"), v({
       ...l,
-      type: s
+      type: a
     });
   }
-  function b() {
-    var t, s, a, h, o;
+  function C() {
+    var t, a, c, N, k;
     return {
-      fieldContainer: I(
+      fieldContainer: $(
         (t = n.classNames) == null ? void 0 : t.fieldContainer,
-        $.fieldContainer
+        I.fieldContainer
       ),
-      label: I((s = n.classNames) == null ? void 0 : s.label, $.label),
+      label: $((a = n.classNames) == null ? void 0 : a.label, I.label),
       inputField: {
-        label: (a = n.classNames) == null ? void 0 : a.label,
-        input: (h = n.classNames) == null ? void 0 : h.input,
-        container: (o = n.classNames) == null ? void 0 : o.fieldContainer
+        label: (c = n.classNames) == null ? void 0 : c.label,
+        input: (N = n.classNames) == null ? void 0 : N.input,
+        container: (k = n.classNames) == null ? void 0 : k.fieldContainer
       }
     };
   }
-  function y() {
+  function m() {
     return n.displayHeader !== void 0 ? n.displayHeader : !0;
   }
-  function k(t) {
-    const s = t.target, a = s.type === "checkbox" ? s.checked : s.value;
-    j({
+  function g(t) {
+    const a = t.target, c = a.type === "checkbox" ? a.checked : a.value;
+    v({
       ...l,
-      [s.id]: a
+      [a.id]: c
     });
   }
-  function g(t) {
+  function j(t) {
     t.preventDefault();
-    async function s(a, h) {
-      const o = await L(h, {
+    async function a(c, N) {
+      F(!0);
+      const k = await A(N, {
         method: "POST",
@@ -113,14 +114,14 @@ headers: {
         },
-        body: JSON.stringify(a)
+        body: JSON.stringify(c)
       });
-      o && ("error" in o && o.error ? typeof n.errorCallback == "function" && n.errorCallback(o.error.message) : "data" in o && typeof n.successCallback == "function" && n.successCallback({
+      F(!1), k && ("error" in k && k.error ? typeof n.errorCallback == "function" && n.errorCallback(k.error.message) : "data" in k && typeof n.successCallback == "function" && n.successCallback({
         operation: "CREATE",
-        connection: o.data
+        connection: k.data
       }));
     }
-    s(l, n.urls.post);
+    a(l, n.urls.post);
   }
-  function C(t) {
-    var s;
-    return !!((s = n.excludeFields) != null && s.includes(
+  function s(t) {
+    var a;
+    return !!((a = n.excludeFields) != null && a.includes(
       t
@@ -132,7 +133,7 @@ ));
   }, []), /* @__PURE__ */ e.jsxs("div", { children: [
-    y() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("h2", { className: $.heading, children: "Create Directory" }) }) : null,
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: (t) => g(t), children: [
-      C("name") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    m() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("h2", { className: I.heading, children: "Create Directory" }) }) : null,
+    /* @__PURE__ */ e.jsxs("form", { onSubmit: (t) => j(t), children: [
+      s("name") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -143,12 +144,12 @@ label: "Directory name",
             value: l.name,
-            handleInputChange: k,
+            handleInputChange: g,
             required: !0,
-            classNames: b().inputField
+            classNames: C().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      C("type") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: b().fieldContainer, children: [
+      s("type") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: C().fieldContainer, children: [
         /* @__PURE__ */ e.jsx(
-          _e,
+          ye,
           {
@@ -158,3 +159,3 @@ label: "Directory provider",
             id: "type",
-            options: F(),
+            options: D(),
             selectedValue: l.type,
@@ -164,7 +165,7 @@ handleChange: i
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }) }),
       _ ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -176,12 +177,12 @@ label: "Directory domain",
             value: l.google_domain || "",
-            handleInputChange: k,
+            handleInputChange: g,
             pattern: "^[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z]{2,}$",
-            classNames: b().inputField
+            classNames: C().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }) : null,
-      C("tenant") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      s("tenant") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -192,12 +193,12 @@ label: "Tenant",
             value: l.tenant,
-            handleInputChange: k,
+            handleInputChange: g,
             required: !0,
-            classNames: b().inputField
+            classNames: C().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      C("product") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      s("product") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -208,12 +209,12 @@ label: "Product",
             value: l.product,
-            handleInputChange: k,
+            handleInputChange: g,
             required: !0,
-            classNames: b().inputField
+            classNames: C().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      C("webhook_url") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      s("webhook_url") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -225,11 +226,11 @@ type: "url",
             value: l.webhook_url,
-            handleInputChange: k,
-            classNames: b().inputField
+            handleInputChange: g,
+            classNames: C().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      C("webhook_secret") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      s("webhook_secret") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          oe,
           {
@@ -240,4 +241,4 @@ label: "Webhook secret",
             value: l.webhook_secret,
-            handleChange: k,
-            classNames: b().inputField,
+            handleChange: g,
+            classNames: C().inputField,
             required: !1,
@@ -247,7 +248,20 @@ readOnly: !1
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: $.formAction, children: [
+      s("log_webhook_events") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: I.checkboxFieldsDiv, children: [
+        /* @__PURE__ */ e.jsx(
+          re,
+          {
+            label: "Enable Webhook events logging",
+            id: "log_webhook_events",
+            name: "log_webhook_events",
+            checked: l.log_webhook_events,
+            handleChange: g
+          }
+        ),
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: I.formAction, children: [
         typeof n.cancelCallback == "function" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-          A,
+          S,
           {
@@ -261,3 +275,3 @@ type: "button",
         /* @__PURE__ */ e.jsx(
-          A,
+          S,
           {
@@ -267,3 +281,4 @@ variant: "primary",
             name: "Create Directory",
-            classNames: (c = (N = n.classNames) == null ? void 0 : N.button) == null ? void 0 : c.ctoa
+            classNames: (r = (o = n.classNames) == null ? void 0 : o.button) == null ? void 0 : r.ctoa,
+            isLoading: w
           }
@@ -275,33 +290,33 @@ )
 }
-const ke = "_tableContainer_1t86z_1", ve = {
-  tableContainer: ke
-}, Ne = {
+const Ne = "_tableContainer_1t86z_1", Fe = {
+  tableContainer: Ne
+}, we = {
   directoryListData: []
 };
-function Fe(n) {
-  const [l, j] = v(
-    () => Ne.directoryListData
+function De(n) {
+  const [l, v] = y(
+    () => we.directoryListData
   );
   function _() {
-    var t;
-    return (t = Object.entries(V)) == null ? void 0 : t.map(
-      ([s, a]) => ({
-        value: s,
-        text: a
+    var o;
+    return (o = Object.entries(V)) == null ? void 0 : o.map(
+      ([r, t]) => ({
+        value: r,
+        text: t
       })
     );
   }
-  const [d, F] = v(
+  const [u, w] = y(
     () => !0
-  ), [i, b] = v(() => !1), [y, k] = v(() => "");
-  function g() {
-    var t;
+  ), [F, D] = y(() => !1), [i, C] = y(() => "");
+  function m() {
+    var o;
     return {
-      tableContainer: I(
-        (t = n.classNames) == null ? void 0 : t.tableContainer,
-        ve.tableContainer
+      tableContainer: $(
+        (o = n.classNames) == null ? void 0 : o.tableContainer,
+        Fe.tableContainer
       )
     };
   }
-  function C() {
+  function g() {
     return [
@@ -311,96 +326,96 @@ {
         label: "Edit",
-        handleClick: (t) => n.handleActionClick("edit", t)
+        handleClick: (o) => n.handleActionClick("edit", o)
       }
     ];
   }
-  function N() {
-    return (n.cols || ["name", "tenant", "product", "type", "status", "actions"]).map((t) => t === "status" ? {
+  function j() {
+    return (n.cols || ["name", "tenant", "product", "type", "status", "actions"]).map((o) => o === "status" ? {
       name: "status",
       badge: {
         position: "surround",
-        variantSelector(s) {
-          let a;
-          return s.deactivated && (a = "warning"), s.deactivated || (a = "success"), a;
+        variantSelector(r) {
+          let t;
+          return r.deactivated && (t = "warning"), r.deactivated || (t = "success"), t;
         }
       }
-    } : t);
+    } : o);
   }
-  function c() {
+  function s() {
     return n.urls.get;
   }
   return H(() => {
-    async function t(s) {
-      const a = await L(s);
-      if (F(!1), a) {
-        if ("error" in a && a.error)
-          b(!0), k(a.error.message), typeof n.errorCallback == "function" && n.errorCallback(a.error.message);
-        else if ("data" in a) {
-          const h = a.data.map(
-            (o) => {
-              var w;
+    async function o(r) {
+      const t = await A(r);
+      if (w(!1), t) {
+        if ("error" in t && t.error)
+          D(!0), C(t.error.message), typeof n.errorCallback == "function" && n.errorCallback(t.error.message);
+        else if ("data" in t) {
+          const a = t.data.map(
+            (c) => {
+              var N;
               return {
-                ...o,
-                id: o.id,
-                name: o.name,
-                tenant: o.tenant,
-                product: o.product,
-                type: (w = _().find(({ value: P }) => P === o.type)) == null ? void 0 : w.text,
-                status: o.deactivated ? "Inactive" : "Active"
+                ...c,
+                id: c.id,
+                name: c.name,
+                tenant: c.tenant,
+                product: c.product,
+                type: (N = _().find(({ value: k }) => k === c.type)) == null ? void 0 : N.text,
+                status: c.deactivated ? "Inactive" : "Active"
               };
             }
           );
-          j(h), typeof n.handleListFetchComplete == "function" && n.handleListFetchComplete(a.data);
+          v(a), typeof n.handleListFetchComplete == "function" && n.handleListFetchComplete(t.data);
         }
       }
     }
-    t(c());
-  }, [c()]), /* @__PURE__ */ e.jsx(le, { isBusy: d, children: l.length > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: g().tableContainer, children: /* @__PURE__ */ e.jsx(
-    re,
+    o(s());
+  }, [s()]), /* @__PURE__ */ e.jsx(de, { isBusy: u, children: l.length > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: m().tableContainer, children: /* @__PURE__ */ e.jsx(
+    me,
     {
-      cols: N(),
+      cols: j(),
       data: l,
-      actions: C()
+      actions: g()
     }
-  ) }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ce, { variant: "error", title: y }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n.children }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ce, { title: "No directories found." }) }) }) }) });
+  ) }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: F ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ce, { variant: "error", title: i }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n.children }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ce, { title: "No directories found." }) }) }) }) });
 }
-const we = "_container_r3olf_1", De = {
-  container: we
+const Ee = "_container_r3olf_1", Te = {
+  container: Ee
 };
-function Ee(n) {
-  var g, C, N;
-  const [l, j] = v(() => !1);
+function Le(n) {
+  var m, g, j;
+  const [l, v] = y(() => !1);
   function _() {
-    var c;
-    return (c = n.connection) != null && c.deactivated ? "Inactive" : "Active";
+    var s;
+    return (s = n.connection) != null && s.deactivated ? "Inactive" : "Active";
   }
-  function d() {
-    var c;
-    return (c = n.connection) != null && c.deactivated ? "activate" : "deactivate";
+  function u() {
+    var s;
+    return (s = n.connection) != null && s.deactivated ? "activate" : "deactivate";
   }
+  function w() {
+    v(!0);
+  }
   function F() {
-    j(!0);
+    v(!1);
   }
+  function D() {
+    var s;
+    C(!((s = n.connection) != null && s.deactivated));
+  }
   function i() {
-    j(!1);
-  }
-  function b() {
-    var c;
-    k(!((c = n.connection) != null && c.deactivated));
-  }
-  function y() {
-    var c;
+    var s;
     return {
-      container: I(
-        (c = n.classNames) == null ? void 0 : c.container,
-        De.container
+      container: $(
+        (s = n.classNames) == null ? void 0 : s.container,
+        Te.container
       )
     };
   }
-  function k(c) {
-    async function t() {
-      var h;
-      const s = {
-        directoryId: (h = n.connection) == null ? void 0 : h.id,
-        deactivated: c
-      }, a = await L(n.urls.patch, {
+  function C(s) {
+    async function o() {
+      var a;
+      const r = {
+        directoryId: (a = n.connection) == null ? void 0 : a.id,
+        deactivated: s
+      }, t = await A(n.urls.patch, {
         method: "PATCH",
@@ -410,28 +425,28 @@ headers: {
         },
-        body: JSON.stringify(s)
+        body: JSON.stringify(r)
       });
-      j(!1), a && "error" in a && a.error ? typeof n.errorCallback == "function" && n.errorCallback(a.error.message) : typeof n.successCallback == "function" && n.successCallback({
+      v(!1), t && "error" in t && t.error ? typeof n.errorCallback == "function" && n.errorCallback(t.error.message) : typeof n.successCallback == "function" && n.successCallback({
         operation: "UPDATE"
       });
     }
-    t();
+    o();
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n.connection !== void 0 || n.connection !== null ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: y().container, children: [
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n.connection !== void 0 || n.connection !== null ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().container, children: [
     l ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-      oe,
+      ue,
       {
-        ctoaVariant: (g = n.connection) != null && g.deactivated ? "primary" : "destructive",
-        classNames: (C = n.classNames) == null ? void 0 : C.confirmationPrompt,
-        cancelCallback: i,
-        confirmationCallback: b,
-        promptMessage: `Do you want to ${d()} the connection?`
+        ctoaVariant: (m = n.connection) != null && m.deactivated ? "primary" : "destructive",
+        classNames: (g = n.classNames) == null ? void 0 : g.confirmationPrompt,
+        cancelCallback: F,
+        confirmationCallback: D,
+        promptMessage: `Do you want to ${u()} the connection?`
       }
     ) }) : null,
     l ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-      de,
+      he,
       {
         label: _(),
         disabled: l,
-        checked: !((N = n.connection) != null && N.deactivated),
-        handleChange: F
+        checked: !((j = n.connection) != null && j.deactivated),
+        handleChange: w
       }
@@ -441,12 +456,12 @@ ) })
 }
-const Te = "_headingContainer_1gntt_2", Ae = "_heading_1gntt_2", Le = "_section_1gntt_27", Se = "_info_1gntt_39", Ie = "_sectionHeading_1gntt_43", Pe = "_sectionPara_1gntt_48", $e = "_formAction_1gntt_52", T = {
+const Se = "_headingContainer_1gntt_2", Ae = "_heading_1gntt_2", Ie = "_section_1gntt_27", Pe = "_info_1gntt_39", $e = "_sectionHeading_1gntt_43", ze = "_sectionPara_1gntt_48", He = "_formAction_1gntt_52", L = {
   "sr-only": "_sr-only_1gntt_1",
-  headingContainer: Te,
+  headingContainer: Se,
   heading: Ae,
-  section: Le,
-  info: Se,
-  sectionHeading: Ie,
-  sectionPara: Pe,
-  formAction: $e
-}, ze = {
+  section: Ie,
+  info: Pe,
+  sectionHeading: $e,
+  sectionPara: ze,
+  formAction: He
+}, Ve = {
   name: "",
@@ -458,39 +473,39 @@ log_webhook_events: !1,
 };
-function He(n) {
-  var a, h, o, w, P, O, M, R, U, q, W, B, J, Z, G, Y, K, Q, X, p, ee, ne, te, ae;
-  const [l, j] = v(() => !1);
+function Oe(n) {
+  var c, N, k, O, M, R, U, W, q, B, J, Z, G, Y, K, Q, X, p, ee, ne, te, ae, se, le;
+  const [l, v] = y(() => !1);
   function _() {
-    j(!l);
+    v(!l);
   }
-  const [d, F] = v(() => !0), [i, b] = v(
-    () => ze
+  const [u, w] = y(() => !1), [F, D] = y(() => !0), [i, C] = y(
+    () => Ve
   );
-  function y() {
-    var x, u, m, r;
+  function m() {
+    var x, h, f, d;
     return {
       inputField: {
         label: (x = n.classNames) == null ? void 0 : x.label,
-        input: (u = n.classNames) == null ? void 0 : u.input,
-        container: (m = n.classNames) == null ? void 0 : m.fieldContainer
+        input: (h = n.classNames) == null ? void 0 : h.input,
+        container: (f = n.classNames) == null ? void 0 : f.fieldContainer
       },
-      section: I(
-        (r = n.classNames) == null ? void 0 : r.section,
-        T.section
+      section: $(
+        (d = n.classNames) == null ? void 0 : d.section,
+        L.section
       )
     };
   }
-  function k(x, u) {
+  function g(x, h) {
     return {
       ...i,
-      [x]: u
+      [x]: h
     };
   }
-  function g(x) {
-    const u = x.target, m = u.id, r = u.type === "checkbox" ? u.checked : u.value;
-    b(k(m, r));
+  function j(x) {
+    const h = x.target, f = h.id, d = h.type === "checkbox" ? h.checked : h.value;
+    C(g(f, d));
   }
-  function C(x) {
-    x.preventDefault();
-    async function u(m) {
-      const r = await L(m, {
+  function s(x) {
+    x.preventDefault(), w(!0);
+    async function h(f) {
+      const d = await A(f, {
         method: "PATCH",
@@ -502,15 +517,15 @@ headers: {
       });
-      r && ("error" in r && r.error ? typeof n.errorCallback == "function" && n.errorCallback(r.error.message) : "data" in r && typeof n.successCallback == "function" && n.successCallback({
+      w(!1), d && ("error" in d && d.error ? typeof n.errorCallback == "function" && n.errorCallback(d.error.message) : "data" in d && typeof n.successCallback == "function" && n.successCallback({
         operation: "UPDATE",
-        connection: r.data
+        connection: d.data
       }));
     }
-    u(n.urls.patch);
+    h(n.urls.patch);
   }
-  function N() {
-    async function x(u) {
-      const m = await L(u, {
+  function o() {
+    async function x(h) {
+      const f = await A(h, {
         method: "DELETE"
       });
-      m && "error" in m && m.error ? typeof n.errorCallback == "function" && n.errorCallback(m.error.message) : typeof n.successCallback == "function" && n.successCallback({
+      f && "error" in f && f.error ? typeof n.errorCallback == "function" && n.errorCallback(f.error.message) : typeof n.successCallback == "function" && n.successCallback({
         operation: "DELETE"
@@ -521,5 +536,5 @@ });
   }
-  function c(x) {
-    var u;
-    return !!((u = n.excludeFields) != null && u.includes(x));
+  function r(x) {
+    var h;
+    return !!((h = n.excludeFields) != null && h.includes(x));
   }
@@ -529,21 +544,21 @@ function t() {
   }
-  function s() {
+  function a() {
     return n.urls.get;
   }
   return H(() => {
-    async function x(u) {
-      const m = await L(u);
-      if (F(!1), m) {
-        if ("error" in m && m.error)
-          typeof n.errorCallback == "function" && n.errorCallback(m.error.message);
-        else if ("data" in m) {
-          const r = m.data;
-          b({
-            ...r,
-            name: r.name,
-            log_webhook_events: r.log_webhook_events,
-            webhook_url: r.webhook.endpoint || "",
-            webhook_secret: r.webhook.secret || "",
-            google_domain: r.google_domain || "",
-            deactivated: r.deactivated
+    async function x(h) {
+      const f = await A(h);
+      if (D(!1), f) {
+        if ("error" in f && f.error)
+          typeof n.errorCallback == "function" && n.errorCallback(f.error.message);
+        else if ("data" in f) {
+          const d = f.data;
+          C({
+            ...d,
+            name: d.name,
+            log_webhook_events: d.log_webhook_events,
+            webhook_url: d.webhook.endpoint || "",
+            webhook_secret: d.webhook.secret || "",
+            google_domain: d.google_domain || "",
+            deactivated: d.deactivated
           });
@@ -553,8 +568,8 @@ }
     }
-    x(s());
-  }, [s()]), /* @__PURE__ */ e.jsxs(le, { isBusy: d, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: T.headingContainer, children: [
-      t() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("h2", { className: T.heading, children: "Update Directory" }) }) : null,
+    x(a());
+  }, [a()]), /* @__PURE__ */ e.jsxs(de, { isBusy: F, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: L.headingContainer, children: [
+      t() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("h2", { className: L.heading, children: "Update Directory" }) }) : null,
       /* @__PURE__ */ e.jsx(
-        Ee,
+        Le,
         {
@@ -568,4 +583,4 @@ connection: i,
               button: {
-                ctoa: `${(o = (h = (a = n.classNames) == null ? void 0 : a.confirmationPrompt) == null ? void 0 : h.button) == null ? void 0 : o.ctoa} ${i != null && i.deactivated ? (P = (w = n.classNames) == null ? void 0 : w.button) == null ? void 0 : P.ctoa : (M = (O = n.classNames) == null ? void 0 : O.button) == null ? void 0 : M.destructive}`.trim(),
-                cancel: (q = (U = (R = n.classNames) == null ? void 0 : R.confirmationPrompt) == null ? void 0 : U.button) == null ? void 0 : q.cancel
+                ctoa: `${(k = (N = (c = n.classNames) == null ? void 0 : c.confirmationPrompt) == null ? void 0 : N.button) == null ? void 0 : k.ctoa} ${i != null && i.deactivated ? (M = (O = n.classNames) == null ? void 0 : O.button) == null ? void 0 : M.ctoa : (U = (R = n.classNames) == null ? void 0 : R.button) == null ? void 0 : U.destructive}`.trim(),
+                cancel: (B = (q = (W = n.classNames) == null ? void 0 : W.confirmationPrompt) == null ? void 0 : q.button) == null ? void 0 : B.cancel
               }
@@ -579,6 +594,6 @@ }
     ] }),
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: (x) => C(x), children: [
-      c("name") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("form", { onSubmit: (x) => s(x), children: [
+      r("name") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -588,36 +603,36 @@ label: "Directory name",
             value: i.name,
-            handleInputChange: g,
+            handleInputChange: j,
             required: !0,
-            classNames: y().inputField
+            classNames: m().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      c("scim_endpoint") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r("scim_endpoint") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          se,
+          ie,
           {
             label: "SCIM Endpoint",
-            text: (W = i.scim) == null ? void 0 : W.endpoint,
+            text: (J = i.scim) == null ? void 0 : J.endpoint,
             copyDoneCallback: n.successCallback,
-            classNames: y().inputField
+            classNames: m().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      c("scim_token") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r("scim_token") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          se,
+          ie,
           {
             label: "SCIM Token",
-            text: (B = i.scim) == null ? void 0 : B.secret,
+            text: (Z = i.scim) == null ? void 0 : Z.secret,
             copyDoneCallback: n.successCallback,
-            classNames: y().inputField
+            classNames: m().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
       (i == null ? void 0 : i.type) === "google" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -627,11 +642,11 @@ label: "Directory domain",
             value: i.google_domain,
-            handleInputChange: g,
-            classNames: y().inputField
+            handleInputChange: j,
+            classNames: m().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }) : null,
-      c("webhook_url") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r("webhook_url") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          E,
+          T,
           {
@@ -642,16 +657,16 @@ type: "url",
             value: i.webhook_url,
-            handleInputChange: g,
-            classNames: y().inputField
+            handleInputChange: j,
+            classNames: m().inputField
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      c("webhook_secret") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r("webhook_secret") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          ie,
+          oe,
           {
             label: "Webhook secret",
             id: "webhook_secret",
-            classNames: y().inputField,
-            handleChange: g,
+            classNames: m().inputField,
+            handleChange: j,
             value: i.webhook_secret,
@@ -663,7 +678,7 @@ copyDoneCallback: n.successCallback,
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      c("log_webhook_events") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r("log_webhook_events") ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          ue,
+          re,
           {
@@ -674,10 +689,10 @@ label: "Enable Webhook events logging",
             checked: i == null ? void 0 : i.log_webhook_events,
-            handleChange: g
+            handleChange: j
           }
         ),
-        /* @__PURE__ */ e.jsx(f, { y: 6 })
+        /* @__PURE__ */ e.jsx(b, { y: 6 })
       ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: T.formAction, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: L.formAction, children: [
         typeof n.cancelCallback == "function" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-          A,
+          S,
           {
@@ -691,3 +706,3 @@ type: "button",
         /* @__PURE__ */ e.jsx(
-          A,
+          S,
           {
@@ -697,3 +712,4 @@ type: "submit",
             variant: "primary",
-            classNames: (Z = (J = n.classNames) == null ? void 0 : J.button) == null ? void 0 : Z.ctoa
+            classNames: (Y = (G = n.classNames) == null ? void 0 : G.button) == null ? void 0 : Y.ctoa,
+            isLoading: u
           }
@@ -703,9 +719,9 @@ )
     ] }),
-    /* @__PURE__ */ e.jsxs("section", { className: y().section, children: [
-      /* @__PURE__ */ e.jsxs("div", { className: T.info, children: [
-        /* @__PURE__ */ e.jsx("h6", { className: T.sectionHeading, children: "Delete this directory connection" }),
-        /* @__PURE__ */ e.jsx("p", { className: T.sectionPara, children: "All your apps using this connection will stop working." })
+    /* @__PURE__ */ e.jsxs("section", { className: m().section, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: L.info, children: [
+        /* @__PURE__ */ e.jsx("h6", { className: L.sectionHeading, children: "Delete this directory connection" }),
+        /* @__PURE__ */ e.jsx("p", { className: L.sectionPara, children: "All your apps using this connection will stop working." })
       ] }),
       l ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-        A,
+        S,
         {
@@ -716,7 +732,7 @@ name: "Delete",
           handleClick: _,
-          classNames: (Y = (G = n.classNames) == null ? void 0 : G.button) == null ? void 0 : Y.destructive
+          classNames: (Q = (K = n.classNames) == null ? void 0 : K.button) == null ? void 0 : Q.destructive
         }
       ) }),
       l ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-        oe,
+        ue,
         {
@@ -727,8 +743,8 @@ ctoaVariant: "destructive",
             button: {
-              ctoa: `${(Q = (K = n.classNames) == null ? void 0 : K.button) == null ? void 0 : Q.destructive} ${(ee = (p = (X = n.classNames) == null ? void 0 : X.confirmationPrompt) == null ? void 0 : p.button) == null ? void 0 : ee.ctoa}`.trim(),
-              cancel: (ae = (te = (ne = n.classNames) == null ? void 0 : ne.confirmationPrompt) == null ? void 0 : te.button) == null ? void 0 : ae.cancel
+              ctoa: `${(p = (X = n.classNames) == null ? void 0 : X.button) == null ? void 0 : p.destructive} ${(te = (ne = (ee = n.classNames) == null ? void 0 : ee.confirmationPrompt) == null ? void 0 : ne.button) == null ? void 0 : te.ctoa}`.trim(),
+              cancel: (le = (se = (ae = n.classNames) == null ? void 0 : ae.confirmationPrompt) == null ? void 0 : se.button) == null ? void 0 : le.cancel
             }
           },
           cancelCallback: _,
-          confirmationCallback: N
+          confirmationCallback: o
         }
@@ -739,7 +755,7 @@ ) }) : null
 }
-const Ve = "_header_z5rjx_1", Oe = "_h5_z5rjx_8", Me = "_ctoa_z5rjx_15", Re = "_listView_z5rjx_20", D = {
-  header: Ve,
-  h5: Oe,
-  ctoa: Me,
-  listView: Re
+const Me = "_header_z5rjx_1", Re = "_h5_z5rjx_8", Ue = "_ctoa_z5rjx_15", We = "_listView_z5rjx_20", E = {
+  header: Me,
+  h5: Re,
+  ctoa: Ue,
+  listView: We
 }, z = {
@@ -750,52 +766,52 @@ directoryListData: [],
 };
-function Be(n) {
-  var N, c, t, s, a;
-  const [l, j] = v(
+function Ze(n) {
+  var j, s, o, r, t;
+  const [l, v] = y(
     () => z.directoryListData
-  ), [_, d] = v(() => z.view);
-  function F(h) {
-    j(h);
+  ), [_, u] = y(() => z.view);
+  function w(a) {
+    v(a);
   }
-  const [i, b] = v(
+  const [F, D] = y(
     () => z.directoryToEdit
   );
-  function y() {
-    d("CREATE");
+  function i() {
+    u("CREATE");
   }
-  function k(h, o) {
-    d("EDIT"), b(o);
+  function C(a, c) {
+    u("EDIT"), D(c);
   }
-  function g() {
-    d("LIST");
+  function m() {
+    u("LIST");
   }
-  function C(h) {
-    const { connection: o, operation: w } = h;
+  function g(a) {
+    const { connection: c, operation: N } = a;
     typeof n.successCallback == "function" && n.successCallback({
-      operation: w,
-      connection: o
-    }), w !== "COPY" && g();
+      operation: N,
+      connection: c
+    }), N !== "COPY" && m();
   }
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    _ === "LIST" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: D.listview, children: [
-      /* @__PURE__ */ e.jsxs("div", { className: D.header, children: [
-        /* @__PURE__ */ e.jsx("h5", { className: D.h5, children: "Manage Dsync Connections" }),
-        /* @__PURE__ */ e.jsx("div", { className: D.ctoa, children: /* @__PURE__ */ e.jsx(
-          A,
+    _ === "LIST" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: E.listview, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
+        /* @__PURE__ */ e.jsx("h5", { className: E.h5, children: "Manage Dsync Connections" }),
+        /* @__PURE__ */ e.jsx("div", { className: E.ctoa, children: /* @__PURE__ */ e.jsx(
+          S,
           {
             name: "Add Connection",
-            handleClick: y,
-            classNames: (c = (N = n.classNames) == null ? void 0 : N.button) == null ? void 0 : c.ctoa
+            handleClick: i,
+            classNames: (s = (j = n.classNames) == null ? void 0 : j.button) == null ? void 0 : s.ctoa
           }
         ) })
       ] }),
-      /* @__PURE__ */ e.jsx(f, { y: 8 }),
+      /* @__PURE__ */ e.jsx(b, { y: 8 }),
       /* @__PURE__ */ e.jsx(
-        Fe,
+        De,
         {
-          ...(t = n.componentProps) == null ? void 0 : t.directoryList,
+          ...(o = n.componentProps) == null ? void 0 : o.directoryList,
           urls: {
             get: n.urls.get
           },
-          handleActionClick: k,
-          handleListFetchComplete: F
+          handleActionClick: C,
+          handleListFetchComplete: w
         }
@@ -805,16 +821,16 @@ )
     _ === "EDIT" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: D.header, children: /* @__PURE__ */ e.jsx("h5", { className: D.h5, children: "Edit Dsync Connection" }) }),
+      /* @__PURE__ */ e.jsx("div", { className: E.header, children: /* @__PURE__ */ e.jsx("h5", { className: E.h5, children: "Edit Dsync Connection" }) }),
       /* @__PURE__ */ e.jsx(
-        He,
+        Oe,
         {
-          ...(s = n.componentProps) == null ? void 0 : s.editDirectory,
+          ...(r = n.componentProps) == null ? void 0 : r.editDirectory,
           classNames: n.classNames,
-          successCallback: C,
+          successCallback: g,
           errorCallback: n.errorCallback,
-          cancelCallback: g,
+          cancelCallback: m,
           displayHeader: !1,
           urls: {
-            patch: `${n.urls.patch}/${i.id}`,
-            delete: `${n.urls.delete}/${i.id}`,
-            get: `${n.urls.get}/${i.id}`
+            patch: `${n.urls.patch}/${F.id}`,
+            delete: `${n.urls.delete}/${F.id}`,
+            get: `${n.urls.get}/${F.id}`
           }
@@ -825,12 +841,12 @@ }
     _ === "CREATE" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: D.header, children: /* @__PURE__ */ e.jsx("h5", { className: D.h5, children: "Create Dsync Connection" }) }),
-      /* @__PURE__ */ e.jsx(f, { y: 5 }),
+      /* @__PURE__ */ e.jsx("div", { className: E.header, children: /* @__PURE__ */ e.jsx("h5", { className: E.h5, children: "Create Dsync Connection" }) }),
+      /* @__PURE__ */ e.jsx(b, { y: 5 }),
       /* @__PURE__ */ e.jsx(
-        je,
+        ke,
         {
-          ...(a = n.componentProps) == null ? void 0 : a.createDirectory,
+          ...(t = n.componentProps) == null ? void 0 : t.createDirectory,
           classNames: n.classNames,
-          successCallback: C,
+          successCallback: g,
           errorCallback: n.errorCallback,
-          cancelCallback: g,
+          cancelCallback: m,
           displayHeader: !1,
@@ -846,7 +862,7 @@ urls: {
 export {
-  je as CreateDirectory,
-  Be as DirectoriesWrapper,
-  Fe as DirectoryList,
-  He as EditDirectory
+  ke as CreateDirectory,
+  Ze as DirectoriesWrapper,
+  De as DirectoryList,
+  Oe as EditDirectory
 };
 //# sourceMappingURL=dsync.js.map

dist/shared/Spinner/index.d.ts

@@ -1,2 +0,7 @@
-declare function Spinner(props: any): import("react/jsx-runtime").JSX.Element;
+interface SpinnerProps {
+    variant?: "small";
+    /** default var(--primary-color) */
+    color?: "currentColor";
+}
+declare function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.24",
+  "version": "3.3.25",
   "type": "module",
@@ -6,0 +6,0 @@ "keywords": [

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

985853

increased by0.85%

Lines of code

6288

increased by0.69%

No dependency changes