@boxcustodia/library 1.7.6 → 1.7.7

package/dist/index.es192.js

@@ -1,11 +1,207 @@
-import { __assign as m } from "./index.es348.js";
-import * as r from "react";
-import { RemoveScroll as e } from "./index.es349.js";
-import t from "./index.es350.js";
-var s = r.forwardRef(function(a, o) {
-  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
-});
-s.classNames = e.classNames;
+import C from "./index.es351.js";
+import x from "./index.es352.js";
+import N from "./index.es353.js";
+import v from "./index.es354.js";
+import A from "./index.es355.js";
+import _ from "./index.es356.js";
+import c from "react";
+import E from "./index.es357.js";
+import { classNamesShape as $ } from "./index.es358.js";
+import { forceReflow as S } from "./index.es359.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
+  });
+}, d = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return _(i, s);
+  });
+}, g = /* @__PURE__ */ function(u) {
+  N(i, u);
+  function i() {
+    for (var s, t = arguments.length, a = new Array(t), o = 0; o < t; o++)
+      a[o] = arguments[o];
+    return s = u.call.apply(u, [this].concat(a)) || this, s.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, s.onEnter = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1];
+      s.removeClasses(l, "exit"), s.addClass(l, m ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(e, r);
+    }, s.onEntering = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.addClass(l, f, "active"), s.props.onEntering && s.props.onEntering(e, r);
+    }, s.onEntered = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.removeClasses(l, f), s.addClass(l, f, "done"), s.props.onEntered && s.props.onEntered(e, r);
+    }, s.onExit = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(e);
+    }, s.onExiting = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(e);
+    }, s.onExited = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(e);
+    }, s.resolveArguments = function(e, r) {
+      return s.props.nodeRef ? [s.props.nodeRef.current, e] : [e, r];
+    }, s.getClassNames = function(e) {
+      var r = s.props.classNames, n = typeof r == "string", l = n && r ? r + "-" : "", m = n ? "" + l + e : r[e], f = n ? m + "-active" : r[e + "Active"], h = n ? m + "-done" : r[e + "Done"];
+      return {
+        baseClassName: m,
+        activeClassName: f,
+        doneClassName: h
+      };
+    }, s;
+  }
+  var p = i.prototype;
+  return p.addClass = function(t, a, o) {
+    var e = this.getClassNames(a)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
+    a === "appear" && o === "done" && n && (e += " " + n), o === "active" && t && S(t), e && (this.appliedClasses[a][o] = e, T(t, e));
+  }, p.removeClasses = function(t, a) {
+    var o = this.appliedClasses[a], e = o.base, r = o.active, n = o.done;
+    this.appliedClasses[a] = {}, e && d(t, e), r && d(t, r), n && d(t, n);
+  }, p.render = function() {
+    var t = this.props;
+    t.classNames;
+    var a = x(t, ["classNames"]);
+    return /* @__PURE__ */ c.createElement(E, C({}, a, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, i;
+}(c.Component);
+g.defaultProps = {
+  classNames: ""
+};
+g.propTypes = process.env.NODE_ENV !== "production" ? C({}, E.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: v.func
+}) : {};
 export {
-  s as default
+  g as default
 };

package/dist/index.es193.js

@@ -1,52 +1,17 @@
-var S = function(r) {
-  if (typeof document > "u")
-    return null;
-  var u = Array.isArray(r) ? r[0] : r;
-  return u.ownerDocument.body;
-}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
-  return r && (r.host || W(r.parentNode));
-}, D = function(r, u) {
-  return u.map(function(e) {
-    if (r.contains(e))
-      return e;
-    var n = W(e);
-    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
-  }).filter(function(e) {
-    return !!e;
-  });
-}, E = function(r, u, e, n) {
-  var i = D(u, Array.isArray(r) ? r : [r]);
-  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
-  var o = p[e], l = [], s = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
-    !t || s.has(t) || (s.add(t), y(t.parentNode));
-  };
-  i.forEach(y);
-  var A = function(t) {
-    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
-      if (s.has(a))
-        A(a);
-      else
-        try {
-          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (o.get(a) || 0) + 1;
-          f.set(a, d), o.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
-        } catch (k) {
-          console.error("aria-hidden: cannot operate on ", a, k);
-        }
-    });
-  };
-  return A(u), s.clear(), h++, function() {
-    l.forEach(function(t) {
-      var a = f.get(t) - 1, c = o.get(t) - 1;
-      f.set(t, a), o.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
-    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
-  };
-}, C = function(r, u, e) {
-  e === void 0 && (e = "data-aria-hidden");
-  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
-  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live]"))), E(n, i, e, "aria-hidden")) : function() {
-    return null;
-  };
-};
+var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
+function $(t, o, e, i, n, h, u) {
+  if (h === o.length) return n === t.length ? m : G;
+  var s = `${n},${h}`;
+  if (u[s] !== void 0) return u[s];
+  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
+  return u[s] = l, l;
+}
+function x(t) {
+  return t.toLowerCase().replace(A, " ");
+}
+function M(t, o, e) {
+  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
+}
 export {
-  C as hideOthers
+  M as a
 };