@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.43 to 3.3.44

dist/dsync.js

@@ -1,4 +0,4 @@
-import { j as t, S as _, B as U, c as J, a as B } from "./index-DHMGk9p5.js";
+import { j as t, S as C, B as U, c as J, a as B } from "./index-DINBysWU.js";
 import { useState as x, useEffect as Z } from "react";
-import { I as R, S as ge, a as de, C as he, s as V, L as me, P as be, b as Ce, N as _e, c as fe, T as ye } from "./index-ABgfhz3v.js";
+import { I as R, S as ge, a as de, C as he, s as V, L as me, P as be, b as Ce, N as _e, c as fe, T as ye } from "./index-BYJGXlrs.js";
 var Y = /* @__PURE__ */ ((e) => (e["azure-scim-v2"] = "Azure SCIM v2.0", e["onelogin-scim-v2"] = "OneLogin SCIM v2.0", e["okta-scim-v2"] = "Okta SCIM v2.0", e["jumpcloud-scim-v2"] = "JumpCloud v2.0", e["generic-scim-v2"] = "Generic SCIM v2.0", e.google = "Google", e))(Y || {});
@@ -21,3 +21,3 @@ const ke = "_heading_h67it_3", je = "_fieldContainer_h67it_17", xe = "_formAction_h67it_22", W = {
 function Ne(e) {
-  var f, g, v, E;
+  var f, k, v, E;
   const [c, w] = x(() => ve), [S, T] = x(() => !1), [L, N] = x(() => !1);
@@ -39,3 +39,3 @@ function I() {
   }
-  function y() {
+  function _() {
     var o, i, r, j, n, s;
@@ -93,3 +93,3 @@ return {
   }
-  function k(o) {
+  function y(o) {
     var i;
@@ -112,3 +112,3 @@ return !!((i = e.excludeFields) != null && i.includes(
     /* @__PURE__ */ t.jsxs("form", { onSubmit: (o) => l(o), children: [
-      k("name") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y("name") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
@@ -123,8 +123,8 @@ R,
             required: !0,
-            classNames: y().inputField
+            classNames: _().inputField
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
-      k("type") ? null : /* @__PURE__ */ t.jsxs("div", { className: y().fieldContainer, children: [
+      y("type") ? null : /* @__PURE__ */ t.jsxs("div", { className: _().fieldContainer, children: [
         /* @__PURE__ */ t.jsx(
@@ -136,3 +136,3 @@ ge,
             id: "type",
-            classNames: y().select,
+            classNames: _().select,
             options: I(),
@@ -143,3 +143,3 @@ selectedValue: c.type,
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -157,8 +157,8 @@ S ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             pattern: "^[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z]{2,}$",
-            classNames: y().inputField
+            classNames: _().inputField
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }) : null,
-      k("tenant") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y("tenant") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
@@ -173,8 +173,8 @@ R,
             required: !0,
-            classNames: y().inputField
+            classNames: _().inputField
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
-      k("product") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y("product") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
@@ -189,8 +189,8 @@ R,
             required: !0,
-            classNames: y().inputField
+            classNames: _().inputField
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
-      k("webhook_url") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y("webhook_url") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
@@ -205,8 +205,8 @@ R,
             handleInputChange: u,
-            classNames: y().inputField
+            classNames: _().inputField
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
-      k("webhook_secret") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      y("webhook_secret") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
@@ -220,3 +220,3 @@ de,
             handleChange: u,
-            classNames: y().inputField,
+            classNames: _().inputField,
             required: !1,
@@ -226,5 +226,5 @@ readOnly: !1
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
-      k("log_webhook_events") ? null : /* @__PURE__ */ t.jsxs("div", { className: W.checkboxFieldsDiv, children: [
+      y("log_webhook_events") ? null : /* @__PURE__ */ t.jsxs("div", { className: W.checkboxFieldsDiv, children: [
         /* @__PURE__ */ t.jsx(
@@ -240,3 +240,3 @@ he,
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -251,3 +251,3 @@ /* @__PURE__ */ t.jsxs("div", { className: W.formAction, children: [
             handleClick: e.cancelCallback,
-            classNames: (g = (f = e.classNames) == null ? void 0 : f.button) == null ? void 0 : g.cancel
+            classNames: (k = (f = e.classNames) == null ? void 0 : f.button) == null ? void 0 : k.cancel
           }
@@ -291,3 +291,3 @@ ) : null,
     () => !0
-  ), [N, I] = x(() => ({})), [a, y] = x(() => !1), [m, F] = x(() => "");
+  ), [N, I] = x(() => ({})), [a, _] = x(() => !1), [m, F] = x(() => "");
   function u() {
@@ -300,3 +300,3 @@ return e.urls.get;
   }
-  function k() {
+  function y() {
     return e.hideViewAction ? [
@@ -333,3 +333,3 @@ {
   }
-  function g(n) {
+  function k(n) {
     let s = n.getUrl;
@@ -340,3 +340,3 @@ const [D, H] = s.split("?"), P = new URLSearchParams(H);
   function v() {
-    return g({
+    return k({
       getUrl: u(),
@@ -367,3 +367,3 @@ tenant: e.tenant,
       if ("error" in s && s.error)
-        y(!0), F(s.error.message), typeof e.errorCallback == "function" && e.errorCallback(s.error.message);
+        _(!0), F(s.error.message), typeof e.errorCallback == "function" && e.errorCallback(s.error.message);
       else if ("data" in s) {
@@ -393,3 +393,3 @@ const D = "pageToken" in s, H = D ? s.data.data : s.data;
     const s = await i(
-      g({
+      k({
         getUrl: v(),
@@ -418,3 +418,3 @@ ...n
             data: c,
-            actions: k(),
+            actions: y(),
             showErrorComponent: a,
@@ -433,3 +433,3 @@ errorMessage: m,
         data: c,
-        actions: k(),
+        actions: y(),
         showErrorComponent: a,
@@ -464,3 +464,3 @@ errorMessage: m,
     var l;
-    y(!((l = e.connection) != null && l.deactivated));
+    _(!((l = e.connection) != null && l.deactivated));
   }
@@ -476,4 +476,4 @@ function a() {
   }
-  function y(l) {
-    async function k() {
+  function _(l) {
+    async function y() {
       var v;
@@ -483,3 +483,3 @@ const f = {
         deactivated: l
-      }, g = await V(e.urls.patch, {
+      }, k = await V(e.urls.patch, {
         method: "PATCH",
@@ -491,8 +491,7 @@ headers: {
       });
-      w(!1), g && typeof g == "object" && ("error" in g && g.error ? typeof e.errorCallback == "function" && e.errorCallback(g.error.message) : "data" in g && g.data && typeof e.successCallback == "function" && e.successCallback({
-        operation: "UPDATE",
-        connection: g.data
+      w(!1), k && typeof k == "object" && ("error" in k && k.error ? typeof e.errorCallback == "function" && e.errorCallback(k.error.message) : typeof e.successCallback == "function" && e.successCallback({
+        operation: "UPDATE"
       }));
     }
-    k();
+    y();
   }
@@ -545,10 +544,10 @@ return /* @__PURE__ */ t.jsx(t.Fragment, { children: e.connection !== void 0 || e.connection !== null ? /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: a().container, children: [
   }
-  const [T, L] = x(() => !1), [N, I] = x(() => !0), [a, y] = x(
+  const [T, L] = x(() => !1), [N, I] = x(() => !0), [a, _] = x(
     () => Ve
   );
   function m() {
-    var C, h, d, b;
+    var b, h, d, g;
     return {
       inputField: {
-        label: (C = e.classNames) == null ? void 0 : C.label,
+        label: (b = e.classNames) == null ? void 0 : b.label,
         input: (h = e.classNames) == null ? void 0 : h.input,
@@ -558,3 +557,3 @@ container: (d = e.classNames) == null ? void 0 : d.fieldContainer
       section: J(
-        (b = e.classNames) == null ? void 0 : b.section,
+        (g = e.classNames) == null ? void 0 : g.section,
         z.section
@@ -564,16 +563,16 @@ )
   }
-  function F(C, h) {
+  function F(b, h) {
     return {
       ...a,
-      [C]: h
+      [b]: h
     };
   }
-  function u(C) {
-    const h = C.target, d = h.id, b = h.type === "checkbox" ? h.checked : h.value;
-    y(F(d, b));
+  function u(b) {
+    const h = b.target, d = h.id, g = h.type === "checkbox" ? h.checked : h.value;
+    _(F(d, g));
   }
-  function l(C) {
-    C.preventDefault(), L(!0);
+  function l(b) {
+    b.preventDefault(), L(!0);
     async function h(d) {
-      const b = await V(d, {
+      const g = await V(d, {
         method: "PATCH",
@@ -585,5 +584,5 @@ headers: {
       });
-      L(!1), b && typeof b == "object" && ("error" in b && b.error ? typeof e.errorCallback == "function" && e.errorCallback(b.error.message) : "data" in b && b.data && typeof e.successCallback == "function" && e.successCallback({
+      L(!1), g && typeof g == "object" && ("error" in g && g.error ? typeof e.errorCallback == "function" && e.errorCallback(g.error.message) : "data" in g && g.data && typeof e.successCallback == "function" && e.successCallback({
         operation: "UPDATE",
-        connection: b.data
+        connection: g.data
       }));
@@ -593,4 +592,4 @@ }
   }
-  function k() {
-    async function C(h) {
+  function y() {
+    async function b(h) {
       const d = await V(h, {
@@ -603,9 +602,9 @@ method: "DELETE"
     }
-    C(e.urls.delete);
+    b(e.urls.delete);
   }
-  function f(C) {
+  function f(b) {
     var h;
-    return !!((h = e.excludeFields) != null && h.includes(C));
+    return !!((h = e.excludeFields) != null && h.includes(b));
   }
-  function g() {
+  function k() {
     return e.displayHeader !== void 0 ? e.displayHeader : !0;
@@ -619,9 +618,9 @@ }
       return;
-    let C = a.google_authorization_url;
-    const [h, d] = C.split("?"), b = new URLSearchParams(d);
-    return b.set("directoryId", a.id), `${h}?${b}`;
+    let b = a.google_authorization_url;
+    const [h, d] = b.split("?"), g = new URLSearchParams(d);
+    return g.set("directoryId", a.id), `${h}?${g}`;
   }
   return Z(() => {
-    async function C(h) {
-      var b, ue;
+    async function b(h) {
+      var g, ue;
       const d = await V(h);
@@ -633,7 +632,7 @@ if (I(!1), d && typeof d == "object") {
           const $ = d.data;
-          y({
+          _({
             ...$,
             name: $.name,
             log_webhook_events: $.log_webhook_events,
-            webhook_url: ((b = $.webhook) == null ? void 0 : b.endpoint) || "",
+            webhook_url: ((g = $.webhook) == null ? void 0 : g.endpoint) || "",
             webhook_secret: ((ue = $.webhook) == null ? void 0 : ue.secret) || "",
@@ -647,6 +646,6 @@ google_authorization_url: $.google_authorization_url || "",
     }
-    C(v());
+    b(v());
   }, [v()]), /* @__PURE__ */ t.jsxs(me, { isBusy: N, children: [
     /* @__PURE__ */ t.jsxs("div", { className: z.headingContainer, children: [
-      g() ? /* @__PURE__ */ t.jsx("h2", { className: z.heading, children: "Update Directory" }) : null,
+      k() ? /* @__PURE__ */ t.jsx("h2", { className: z.heading, children: "Update Directory" }) : null,
       /* @__PURE__ */ t.jsx(
@@ -672,3 +671,3 @@ Le,
     ] }),
-    /* @__PURE__ */ t.jsxs("form", { onSubmit: (C) => l(C), children: [
+    /* @__PURE__ */ t.jsxs("form", { onSubmit: (b) => l(b), children: [
       f("name") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -686,3 +685,3 @@ /* @__PURE__ */ t.jsx(
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -699,3 +698,3 @@ !f("scim_endpoint") && (a == null ? void 0 : a.type) !== "google" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }) : null,
@@ -712,3 +711,3 @@ !f("scim_token") && (a == null ? void 0 : a.type) !== "google" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }) : null,
@@ -726,3 +725,3 @@ !f("google_domain") && (a == null ? void 0 : a.type) === "google" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }) : null,
@@ -740,3 +739,3 @@ !f("google_authorization_url") && (a == null ? void 0 : a.type) === "google" && E() ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx("div", { id: "scim-authz-hint", className: z.hint, children: "The URL that your tenant needs to authorize the application to access their Google Directory." }),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }) : null,
@@ -755,3 +754,3 @@ f("webhook_url") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -772,3 +771,3 @@ f("webhook_secret") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -786,3 +785,3 @@ f("log_webhook_events") ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         ),
-        /* @__PURE__ */ t.jsx(_, { y: 6 })
+        /* @__PURE__ */ t.jsx(C, { y: 6 })
       ] }),
@@ -839,3 +838,3 @@ /* @__PURE__ */ t.jsxs("div", { className: z.formAction, children: [
           cancelCallback: S,
-          confirmationCallback: k
+          confirmationCallback: y
         }
@@ -857,3 +856,3 @@ ) : null
 function Ke(e) {
-  var k, f, g, v, E;
+  var y, f, k, v, E;
   const [c, w] = x(
@@ -873,3 +872,3 @@ () => G.directoryListData
   }
-  function y() {
+  function _() {
     T("CREATE");
@@ -902,12 +901,12 @@ }
             name: "New Directory",
-            handleClick: y,
-            classNames: (f = (k = e.classNames) == null ? void 0 : k.button) == null ? void 0 : f.ctoa
+            handleClick: _,
+            classNames: (f = (y = e.classNames) == null ? void 0 : y.button) == null ? void 0 : f.ctoa
           }
         ) })
       ] }),
-      /* @__PURE__ */ t.jsx(_, { y: 8 }),
+      /* @__PURE__ */ t.jsx(C, { y: 8 }),
       /* @__PURE__ */ t.jsx(
         Te,
         {
-          ...(g = e.componentProps) == null ? void 0 : g.directoryList,
+          ...(k = e.componentProps) == null ? void 0 : k.directoryList,
           urls: {
@@ -944,3 +943,3 @@ get: e.urls.get
       /* @__PURE__ */ t.jsx("div", { className: M.header, children: /* @__PURE__ */ t.jsx("h5", { className: M.h5, children: "Create DSync Connection" }) }),
-      /* @__PURE__ */ t.jsx(_, { y: 5 }),
+      /* @__PURE__ */ t.jsx(C, { y: 5 }),
       /* @__PURE__ */ t.jsx(
@@ -947,0 +946,0 @@ Ne,

dist/shared.js

@@ -1,5 +0,5 @@
-import { j as o } from "./index-DHMGk9p5.js";
-import { d as c, a as f } from "./index-DHMGk9p5.js";
+import { j as o } from "./index-DINBysWU.js";
+import { d as c, a as f } from "./index-DINBysWU.js";
 import { useEffect as m } from "react";
-import { I as a } from "./index-B5wsF6Ch.js";
+import { I as a } from "./index-Di4wO-Ok.js";
 function d(e) {
@@ -6,0 +6,0 @@ return m(() => {

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.43",
+  "version": "3.3.44",
   "type": "module",
@@ -63,3 +63,3 @@ "keywords": [
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-router-dom": "6.22.3"
+    "react-router-dom": "6.24.1"
   },
@@ -69,10 +69,10 @@ "devDependencies": {
     "@rollup/plugin-typescript": "11.1.6",
-    "@types/node": "20.12.7",
-    "@types/react": "18.2.79",
-    "@vitejs/plugin-react": "4.2.1",
-    "rimraf": "5.0.5",
-    "serve": "14.2.2",
-    "vite": "5.2.10",
+    "@types/node": "20.14.10",
+    "@types/react": "18.3.3",
+    "@vitejs/plugin-react": "4.3.1",
+    "rimraf": "6.0.1",
+    "serve": "14.2.3",
+    "vite": "5.3.3",
     "vite-pages-theme-doc": "5.0.0",
-    "vite-plugin-css-injected-by-js": "3.5.0",
+    "vite-plugin-css-injected-by-js": "3.5.1",
     "vite-plugin-react-pages": "5.0.0"
@@ -79,0 +79,0 @@ },

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

1140391

increased by0.33%

Lines of code

7359

increased by0.2%

Dependency changes

• + Added@remix-run/router@1.17.1(transitive)

• + Addedreact-router@6.24.1(transitive)

• + Addedreact-router-dom@6.24.1(transitive)

• - Removed@remix-run/router@1.15.3(transitive)

• - Removedreact-router@6.22.3(transitive)

• - Removedreact-router-dom@6.22.3(transitive)

• Updatedreact-router-dom@6.24.1