@boxyhq/react-ui - npm Package Compare versions

Comparing version 0.0.12 to 0.0.13

dist/@boxyhq/react-ui.js

 (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("._form_1vcqe_1{display:flex;flex-direction:column;max-width:28rem}._label_1vcqe_7{margin-bottom:.375rem}._input_1vcqe_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;line-height:1.5rem;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1vcqe_11:focus{--bc: 0 0% 20%;outline:2px solid hsla(var(--bc) / .2);outline-offset:2px}._button_1vcqe_33{cursor:pointer;font-family:inherit;background-image:none;border-radius:.375rem;padding:.5rem 1rem;background-color:#25c2a0;color:#fff;border:none}._button_1vcqe_33:focus-visible{--p: 167deg 68% 45%;outline:2px solid hsl(var(--p));outline-offset:2px}._button_1vcqe_33:active{transform:scale(.95)}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import Ye, { useState as K, useEffect as vr } from "react";
-const pr = (c, b) => {
-  const _ = Math.floor(1e6 + Math.random() * 1e6).toString();
-  return b ? `boxyhq-${c}-${b}-${_}` : `boxyhq-${c}-${_}`;
-}, De = (c, b) => {
-  const [_, m] = K("");
-  return vr(() => {
-    m(pr(c, b));
-  }, [c, b]), _;
-}, J = (c = !1, b = "", _) => c ? b : `${_} ${b}`, br = "_form_1vcqe_1", gr = "_label_1vcqe_7", hr = "_input_1vcqe_11", _r = "_button_1vcqe_33", z = {
-  form: br,
-  label: gr,
-  input: hr,
-  button: _r
-};
-var H = { exports: {} }, W = {};
+import Ye, { useState as H, useEffect as vr } from "react";
+var M = {}, pr = {
+  get exports() {
+    return M;
+  },
+  set exports(l) {
+    M = l;
+  }
+}, W = {};
 /**
@@ -27,17 +20,17 @@ * @license React
  */
-var Ie;
-function Er() {
-  if (Ie)
+var De;
+function br() {
+  if (De)
     return W;
-  Ie = 1;
-  var c = Ye, b = Symbol.for("react.element"), _ = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, j = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  De = 1;
+  var l = Ye, b = Symbol.for("react.element"), _ = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(E, d, S) {
-    var p, y = {}, T = null, w = null;
+    var p, m = {}, T = null, w = null;
     S !== void 0 && (T = "" + S), d.key !== void 0 && (T = "" + d.key), d.ref !== void 0 && (w = d.ref);
     for (p in d)
-      m.call(d, p) && !h.hasOwnProperty(p) && (y[p] = d[p]);
+      y.call(d, p) && !h.hasOwnProperty(p) && (m[p] = d[p]);
     if (E && E.defaultProps)
       for (p in d = E.defaultProps, d)
-        y[p] === void 0 && (y[p] = d[p]);
-    return { $$typeof: b, type: E, key: T, ref: w, props: y, _owner: j.current };
+        m[p] === void 0 && (m[p] = d[p]);
+    return { $$typeof: b, type: E, key: T, ref: w, props: m, _owner: j.current };
   }
@@ -56,13 +49,13 @@ return W.Fragment = _, W.jsx = s, W.jsxs = s, W;
  */
-var Ae;
-function Rr() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
-    var c = Ye, b = Symbol.for("react.element"), _ = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), E = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), M = Symbol.iterator, X = "@@iterator";
-    function L(e) {
+var Ie;
+function gr() {
+  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Ye, b = Symbol.for("react.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), E = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), L = Symbol.iterator, X = "@@iterator";
+    function U(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = M && e[M] || e[X];
+      var r = L && e[L] || e[X];
       return typeof r == "function" ? r : null;
     }
-    var P = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var P = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(e) {
@@ -88,3 +81,3 @@ {
     function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === m || e === h || Me || e === j || e === S || e === p || I || e === w || Z || Q || D || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === y || e.$$typeof === s || e.$$typeof === E || e.$$typeof === d || e.$$typeof === le || e.getModuleId !== void 0));
+      return !!(typeof e == "string" || typeof e == "function" || e === y || e === h || Me || e === j || e === S || e === p || I || e === w || Z || Q || D || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === m || e.$$typeof === s || e.$$typeof === E || e.$$typeof === d || e.$$typeof === le || e.getModuleId !== void 0));
     }
@@ -109,3 +102,3 @@ function Ue(e, r, t) {
       switch (e) {
-        case m:
+        case y:
           return "Fragment";
@@ -133,3 +126,3 @@ case _:
             return Ue(e, e.render, "ForwardRef");
-          case y:
+          case m:
             var n = e.displayName || null;
@@ -211,3 +204,3 @@ return n !== null ? n : O(e.type) || "Memo";
     var ee = P.ReactCurrentDispatcher, re;
-    function U(e, r, t) {
+    function V(e, r, t) {
       {
@@ -225,6 +218,6 @@ if (re === void 0)
     }
-    var te = !1, V;
+    var te = !1, q;
     {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      V = new Be();
+      q = new Be();
     }
@@ -235,3 +228,3 @@ function Ee(e, r) {
       {
-        var t = V.get(e);
+        var t = q.get(e);
         if (t !== void 0)
@@ -282,14 +275,14 @@ return t;
 `), g = n.stack.split(`
-`), f = a.length - 1, l = g.length - 1; f >= 1 && l >= 0 && a[f] !== g[l]; )
-            l--;
-          for (; f >= 1 && l >= 0; f--, l--)
-            if (a[f] !== g[l]) {
-              if (f !== 1 || l !== 1)
+`), f = a.length - 1, c = g.length - 1; f >= 1 && c >= 0 && a[f] !== g[c]; )
+            c--;
+          for (; f >= 1 && c >= 0; f--, c--)
+            if (a[f] !== g[c]) {
+              if (f !== 1 || c !== 1)
                 do
-                  if (f--, l--, l < 0 || a[f] !== g[l]) {
+                  if (f--, c--, c < 0 || a[f] !== g[c]) {
                     var R = `
 ` + a[f].replace(" at new ", " at ");
-                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, R), R;
+                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, R), R;
                   }
-                while (f >= 1 && l >= 0);
+                while (f >= 1 && c >= 0);
               break;
@@ -301,4 +294,4 @@ }
       }
-      var F = e ? e.displayName || e.name : "", Fe = F ? U(F) : "";
-      return typeof e == "function" && V.set(e, Fe), Fe;
+      var F = e ? e.displayName || e.name : "", Fe = F ? V(F) : "";
+      return typeof e == "function" && q.set(e, Fe), Fe;
     }
@@ -312,3 +305,3 @@ function Ge(e, r, t) {
     }
-    function q(e, r, t) {
+    function B(e, r, t) {
       if (e == null)
@@ -319,8 +312,8 @@ return "";
       if (typeof e == "string")
-        return U(e);
+        return V(e);
       switch (e) {
         case S:
-          return U("Suspense");
+          return V("Suspense");
         case p:
-          return U("SuspenseList");
+          return V("SuspenseList");
       }
@@ -331,8 +324,8 @@ if (typeof e == "object")
             return Ge(e.render);
-          case y:
-            return q(e.type, r, t);
+          case m:
+            return B(e.type, r, t);
           case T: {
             var n = e, i = n._payload, u = n._init;
             try {
-              return q(u(i), r, t);
+              return B(u(i), r, t);
             } catch {
@@ -344,13 +337,13 @@ }
     }
-    var B = Object.prototype.hasOwnProperty, Re = {}, ye = P.ReactDebugCurrentFrame;
-    function G(e) {
+    var G = Object.prototype.hasOwnProperty, Re = {}, me = P.ReactDebugCurrentFrame;
+    function J(e) {
       if (e) {
-        var r = e._owner, t = q(e.type, e._source, r ? r.type : null);
-        ye.setExtraStackFrame(t);
+        var r = e._owner, t = B(e.type, e._source, r ? r.type : null);
+        me.setExtraStackFrame(t);
       } else
-        ye.setExtraStackFrame(null);
+        me.setExtraStackFrame(null);
     }
     function ze(e, r, t, n, i) {
       {
-        var u = Function.call.bind(B);
+        var u = Function.call.bind(G);
         for (var o in e)
@@ -368,3 +361,3 @@ if (u(e, o)) {
             }
-            a && !(a instanceof Error) && (G(i), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), G(null)), a instanceof Error && !(a.message in Re) && (Re[a.message] = !0, G(i), v("Failed %s type: %s", t, a.message), G(null));
+            a && !(a instanceof Error) && (J(i), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), J(null)), a instanceof Error && !(a.message in Re) && (Re[a.message] = !0, J(i), v("Failed %s type: %s", t, a.message), J(null));
           }
@@ -385,3 +378,3 @@ }
       try {
-        return me(e), !1;
+        return ye(e), !1;
       } catch {
@@ -391,3 +384,3 @@ return !0;
     }
-    function me(e) {
+    function ye(e) {
       return "" + e;
@@ -397,3 +390,3 @@ }
       if (He(e))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), me(e);
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), ye(e);
     }
@@ -408,3 +401,3 @@ var $ = P.ReactCurrentOwner, Xe = {
     function Ze(e) {
-      if (B.call(e, "ref")) {
+      if (G.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -417,3 +410,3 @@ if (r && r.isReactWarning)
     function Qe(e) {
-      if (B.call(e, "key")) {
+      if (G.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
@@ -484,3 +477,3 @@ if (r && r.isReactWarning)
         for (u in r)
-          B.call(r, u) && !Xe.hasOwnProperty(u) && (o[u] = r[u]);
+          G.call(r, u) && !Xe.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
@@ -492,4 +485,4 @@ var f = e.defaultProps;
         if (a || g) {
-          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && rr(o, l), g && tr(o, l);
+          var c = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && rr(o, c), g && tr(o, c);
         }
@@ -502,3 +495,3 @@ return nr(e, a, g, i, n, $.current, o);
       if (e) {
-        var r = e._owner, t = q(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = B(e.type, e._source, r ? r.type : null);
         Ce.setExtraStackFrame(t);
@@ -574,3 +567,3 @@ } else
         else if (e) {
-          var i = L(e);
+          var i = U(e);
           if (typeof i == "function" && i !== e.entries)
@@ -590,3 +583,3 @@ for (var u = i.call(e), o; !(o = u.next()).done; )
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === d || r.$$typeof === y))
+        else if (typeof r == "object" && (r.$$typeof === d || r.$$typeof === m))
           t = r.propTypes;
@@ -629,5 +622,5 @@ else
         }
-        var l = ar(e, r, t, i, u);
-        if (l == null)
-          return l;
+        var c = ar(e, r, t, i, u);
+        if (c == null)
+          return c;
         if (o) {
@@ -646,3 +639,3 @@ var R = r.children;
         }
-        return e === m ? fr(l) : ur(l), l;
+        return e === y ? fr(c) : ur(c), c;
       }
@@ -657,13 +650,26 @@ }
     var sr = cr, dr = lr;
-    Y.Fragment = m, Y.jsx = sr, Y.jsxs = dr;
+    Y.Fragment = y, Y.jsx = sr, Y.jsxs = dr;
   }()), Y;
 }
-(function(c) {
-  process.env.NODE_ENV === "production" ? c.exports = Er() : c.exports = Rr();
-})(H);
-const yr = H.exports.Fragment, N = H.exports.jsx, $e = H.exports.jsxs, We = "sso", Tr = ({
-  ssoIdentifier: c = "",
+(function(l) {
+  process.env.NODE_ENV === "production" ? l.exports = br() : l.exports = gr();
+})(pr);
+const hr = M.Fragment, z = M.jsx, Ae = M.jsxs, _r = (l, b) => {
+  const _ = Math.floor(1e6 + Math.random() * 1e6).toString();
+  return b ? `boxyhq-${l}-${b}-${_}` : `boxyhq-${l}-${_}`;
+}, $e = (l, b) => {
+  const [_, y] = H("");
+  return vr(() => {
+    y(_r(l, b));
+  }, [l, b]), _;
+}, N = (l = !1, b = "", _) => l ? b : `${_} ${b}`, Er = "_form_1vcqe_1", Rr = "_label_1vcqe_7", mr = "_input_1vcqe_11", yr = "_button_1vcqe_33", K = {
+  form: Er,
+  label: Rr,
+  input: mr,
+  button: yr
+}, We = "sso", Sr = ({
+  ssoIdentifier: l = "",
   onSubmit: b,
   inputLabel: _ = "Tenant",
-  placeholder: m = "",
+  placeholder: y = "",
   buttonText: j = "Sign-in with SSO",
@@ -674,48 +680,52 @@ styles: h,
 }) => {
-  const d = De(We, "input"), S = De(We, "span"), [p, y] = K(""), [T, w] = K(""), M = (D) => {
-    w(""), y(D.currentTarget.value);
-  }, [X, L] = K(!1), P = async (D) => {
-    D.preventDefault(), L(!0);
+  const d = $e(We, "input"), S = $e(We, "span"), [p, m] = H(""), [T, w] = H(""), L = (D) => {
+    w(""), m(D.currentTarget.value);
+  }, [X, U] = H(!1), P = async (D) => {
+    D.preventDefault(), U(!0);
     const {
-      error: {
-        message: I
+      error: { message: I }
+    } = await b(p || l) || { error: {} };
+    U(!1), typeof I == "string" && I && w(I);
+  }, v = !!T, Z = !l ? /* @__PURE__ */ Ae(hr, { children: [
+    /* @__PURE__ */ z(
+      "label",
+      {
+        htmlFor: d,
+        style: h == null ? void 0 : h.label,
+        className: N(E, s == null ? void 0 : s.label, K.label),
+        children: _
       }
-    } = await b(p || c) || {
-      error: {}
-    };
-    L(!1), typeof I == "string" && I && w(I);
-  }, v = !!T, Z = !c ? /* @__PURE__ */ $e(yr, {
-    children: [/* @__PURE__ */ N("label", {
-      htmlFor: d,
-      style: h == null ? void 0 : h.label,
-      className: J(E, s == null ? void 0 : s.label, z.label),
-      children: _
-    }), /* @__PURE__ */ N("input", {
-      id: d,
-      value: p,
-      placeholder: m,
-      onChange: M,
-      style: h == null ? void 0 : h.input,
-      className: J(E, s == null ? void 0 : s.input, z.input),
-      "aria-invalid": v,
-      "aria-describedby": S
-    }), v && /* @__PURE__ */ N("span", {
-      id: S,
-      children: T
-    })]
-  }) : null, Q = !(p || c) || X;
-  return /* @__PURE__ */ $e("div", {
-    className: J(E, s == null ? void 0 : s.container, z.form),
-    children: [Z, /* @__PURE__ */ N("button", {
-      disabled: Q,
-      type: "button",
-      onClick: P,
-      style: h == null ? void 0 : h.button,
-      className: J(E, s == null ? void 0 : s.button, z.button),
-      children: j
-    })]
-  });
+    ),
+    /* @__PURE__ */ z(
+      "input",
+      {
+        id: d,
+        value: p,
+        placeholder: y,
+        onChange: L,
+        style: h == null ? void 0 : h.input,
+        className: N(E, s == null ? void 0 : s.input, K.input),
+        "aria-invalid": v,
+        "aria-describedby": S
+      }
+    ),
+    v && /* @__PURE__ */ z("span", { id: S, children: T })
+  ] }) : null, Q = !(p || l) || X;
+  return /* @__PURE__ */ Ae("div", { className: N(E, s == null ? void 0 : s.container, K.form), children: [
+    Z,
+    /* @__PURE__ */ z(
+      "button",
+      {
+        disabled: Q,
+        type: "button",
+        onClick: P,
+        style: h == null ? void 0 : h.button,
+        className: N(E, s == null ? void 0 : s.button, K.button),
+        children: j
+      }
+    )
+  ] });
 };
 export {
-  Tr as Login
+  Sr as Login
 };

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
@@ -40,23 +40,18 @@ "keywords": [
   "devDependencies": {
-    "@mdx-js/mdx": "2.1.5",
-    "@mdx-js/react": "2.1.5",
-    "@mdx-js/rollup": "2.1.5",
+    "@mdx-js/react": "2.2.1",
     "@rollup/plugin-typescript": "10.0.1",
-    "@types/node": "18.11.14",
+    "@types/node": "18.11.18",
     "@types/react": "18.0.26",
     "@types/react-router-dom": "5.3.3",
-    "@vitejs/plugin-react": "2.2.0",
+    "@vitejs/plugin-react": "3.0.0",
     "autoprefixer": "10.4.13",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "5.3.4",
+    "react-router-dom": "6.6.1",
     "rimraf": "3.0.2",
     "serve": "14.1.2",
-    "tslib": "2.4.1",
-    "typescript": "4.9.4",
-    "vite": "3.2.4",
-    "vite-pages-theme-doc": "3.4.0",
-    "vite-plugin-css-injected-by-js": "2.1.1",
-    "vite-plugin-mdx": "3.5.11",
-    "vite-plugin-react-pages": "3.3.1"
+    "vite": "4.0.4",
+    "vite-pages-theme-doc": "4.0.1",
+    "vite-plugin-css-injected-by-js": "2.2.0",
+    "vite-plugin-react-pages": "4.0.2"
   },
@@ -63,0 +58,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Dev dependency count

16

decreased by-23.81%

Lines of code

845

increased by1.2%

Worsened metrics

Total package byte prevSize

44329

decreased by-0.3%

No dependency changes