@cfx-dev/ui-components 0.0.6 → 0.0.7

package/dist/components/Flyout/Flyout.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import m from "react";
-import { F as k } from "../../Combination-AG9vHdSx.js";
+import { F as k } from "../../Combination-Dj-a6dCZ.js";
 import { Button as p } from "../Button/Button.js";
 import { I as h } from "../../Icons-B26SczGZ.js";
 import { Interactive as f } from "../Interactive/Interactive.js";

package/dist/components/Layout/Scrollable/VirtualScrollable.js

@@ -1,67 +1,51 @@
 import { jsx as R } from "react/jsx-runtime";
-import N, { createElement as k, PureComponent as ne } from "react";
+import N, { createElement as k, PureComponent as re } from "react";
+import { _ as ie } from "../../../extends-Dk_bSU3E.js";
+import { _ as ne } from "../../../inheritsLoose-A8WKSWDx.js";
 import { clsx as oe } from "../../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
 import { s as se } from "../../../Rail-DoYzqKk4.js";
-function A() {
-  return A = Object.assign ? Object.assign.bind() : function(r) {
-    for (var t = 1; t < arguments.length; t++) {
-      var i = arguments[t];
-      for (var l in i)
-        ({}).hasOwnProperty.call(i, l) && (r[l] = i[l]);
-    }
-    return r;
-  }, A.apply(null, arguments);
-}
-function H(r) {
+function $(r) {
   if (r === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-function F(r, t) {
-  return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, l) {
-    return i.__proto__ = l, i;
-  }, F(r, t);
-}
-function ae(r, t) {
-  r.prototype = Object.create(t.prototype), r.prototype.constructor = r, F(r, t);
-}
-var j = Number.isNaN || function(t) {
+var q = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function ce(r, t) {
-  return !!(r === t || j(r) && j(t));
+function ae(r, t) {
+  return !!(r === t || q(r) && q(t));
 }
-function ue(r, t) {
+function ce(r, t) {
   if (r.length !== t.length)
     return !1;
   for (var i = 0; i < r.length; i++)
-    if (!ce(r[i], t[i]))
+    if (!ae(r[i], t[i]))
       return !1;
   return !0;
 }
 function D(r, t) {
-  t === void 0 && (t = ue);
-  var i, l = [], a, y = !1;
+  t === void 0 && (t = ce);
+  var i, l = [], a, I = !1;
   function m() {
     for (var v = [], S = 0; S < arguments.length; S++)
       v[S] = arguments[S];
-    return y && i === this && t(v, l) || (a = r.apply(this, v), y = !0, i = this, l = v), a;
+    return I && i === this && t(v, l) || (a = r.apply(this, v), I = !0, i = this, l = v), a;
   }
   return m;
 }
-var de = typeof performance == "object" && typeof performance.now == "function", K = de ? function() {
+var ue = typeof performance == "object" && typeof performance.now == "function", H = ue ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function B(r) {
+function K(r) {
   cancelAnimationFrame(r.id);
 }
-function fe(r, t) {
-  var i = K();
+function de(r, t) {
+  var i = H();
   function l() {
-    K() - i >= t ? r.call(null) : a.id = requestAnimationFrame(l);
+    H() - i >= t ? r.call(null) : a.id = requestAnimationFrame(l);
   }
   var a = {
     id: requestAnimationFrame(l)
@@ -69,7 +53,7 @@ function fe(r, t) {
   return a;
 }
 var L = -1;
-function G(r) {
+function j(r) {
   if (r === void 0 && (r = !1), L === -1 || r) {
     var t = document.createElement("div"), i = t.style;
     i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), L = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -77,7 +61,7 @@ function G(r) {
   return L;
 }
 var _ = null;
-function J(r) {
+function B(r) {
   if (r === void 0 && (r = !1), _ === null || r) {
     var t = document.createElement("div"), i = t.style;
     i.width = "50px", i.height = "50px", i.overflow = "scroll", i.direction = "rtl";
@@ -87,18 +71,18 @@ function J(r) {
   return _;
 }
 process.env.NODE_ENV;
-var he = 150, pe = function(t, i) {
+var fe = 150, he = function(t, i) {
   return t;
 }, P = null, M = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (P = /* @__PURE__ */ new WeakSet(), M = /* @__PURE__ */ new WeakSet());
-function me(r) {
-  var t, i = r.getItemOffset, l = r.getEstimatedTotalSize, a = r.getItemSize, y = r.getOffsetForIndexAndAlignment, m = r.getStartIndexForOffset, v = r.getStopIndexForStartIndex, S = r.initInstanceProps, I = r.shouldResetStyleCacheOnItemSizeChange, g = r.validateProps;
+function pe(r) {
+  var t, i = r.getItemOffset, l = r.getEstimatedTotalSize, a = r.getItemSize, I = r.getOffsetForIndexAndAlignment, m = r.getStartIndexForOffset, v = r.getStopIndexForStartIndex, S = r.initInstanceProps, y = r.shouldResetStyleCacheOnItemSizeChange, g = r.validateProps;
   return t = /* @__PURE__ */ function(w) {
-    ae(z, w);
-    function z(p) {
+    ne(b, w);
+    function b(p) {
       var e;
-      return e = w.call(this, p) || this, e._instanceProps = S(e.props, H(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
-        instance: H(e),
+      return e = w.call(this, p) || this, e._instanceProps = S(e.props, $(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
+        instance: $(e),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof e.props.initialScrollOffset == "number" ? e.props.initialScrollOffset : 0,
@@ -117,18 +101,18 @@ function me(r) {
           scrollUpdateWasRequested: s
         });
       }), e._getItemStyle = void 0, e._getItemStyle = function(n) {
-        var o = e.props, s = o.direction, u = o.itemSize, f = o.layout, c = e._getItemStyleCache(I && u, I && f, I && s), d;
+        var o = e.props, s = o.direction, u = o.itemSize, f = o.layout, c = e._getItemStyleCache(y && u, y && f, y && s), d;
         if (c.hasOwnProperty(n))
           d = c[n];
         else {
-          var h = i(e.props, n, e._instanceProps), O = a(e.props, n, e._instanceProps), T = s === "horizontal" || f === "horizontal", x = s === "rtl", E = T ? h : 0;
+          var h = i(e.props, n, e._instanceProps), T = a(e.props, n, e._instanceProps), O = s === "horizontal" || f === "horizontal", x = s === "rtl", E = O ? h : 0;
           c[n] = d = {
             position: "absolute",
             left: x ? void 0 : E,
             right: x ? E : void 0,
-            top: T ? 0 : h,
-            height: T ? "100%" : O,
-            width: T ? O : "100%"
+            top: O ? 0 : h,
+            height: O ? "100%" : T,
+            width: O ? T : "100%"
           };
         }
         return d;
@@ -141,7 +125,7 @@ function me(r) {
             return null;
           var d = e.props.direction, h = u;
           if (d === "rtl")
-            switch (J()) {
+            switch (B()) {
               case "negative":
                 h = -u;
                 break;
@@ -173,7 +157,7 @@ function me(r) {
         var o = e.props.outerRef;
         e._outerRef = n, typeof o == "function" ? o(n) : o != null && typeof o == "object" && o.hasOwnProperty("current") && (o.current = n);
       }, e._resetIsScrollingDebounced = function() {
-        e._resetIsScrollingTimeoutId !== null && B(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = fe(e._resetIsScrolling, he);
+        e._resetIsScrollingTimeoutId !== null && K(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = de(e._resetIsScrolling, fe);
       }, e._resetIsScrolling = function() {
         e._resetIsScrollingTimeoutId = null, e.setState({
           isScrolling: !1
@@ -182,11 +166,11 @@ function me(r) {
         });
       }, e;
     }
-    z.getDerivedStateFromProps = function(e, n) {
-      return ve(e, n), g(e), null;
+    b.getDerivedStateFromProps = function(e, n) {
+      return me(e, n), g(e), null;
     };
-    var b = z.prototype;
-    return b.scrollTo = function(e) {
+    var z = b.prototype;
+    return z.scrollTo = function(e) {
       e = Math.max(0, e), this.setState(function(n) {
         return n.scrollOffset === e ? null : {
           scrollDirection: n.scrollOffset < e ? "forward" : "backward",
@@ -194,30 +178,30 @@ function me(r) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, b.scrollToItem = function(e, n) {
+    }, z.scrollToItem = function(e, n) {
       n === void 0 && (n = "auto");
       var o = this.props, s = o.itemCount, u = o.layout, f = this.state.scrollOffset;
       e = Math.max(0, Math.min(e, s - 1));
       var c = 0;
       if (this._outerRef) {
         var d = this._outerRef;
-        u === "vertical" ? c = d.scrollWidth > d.clientWidth ? G() : 0 : c = d.scrollHeight > d.clientHeight ? G() : 0;
+        u === "vertical" ? c = d.scrollWidth > d.clientWidth ? j() : 0 : c = d.scrollHeight > d.clientHeight ? j() : 0;
       }
-      this.scrollTo(y(this.props, e, n, f, this._instanceProps, c));
-    }, b.componentDidMount = function() {
+      this.scrollTo(I(this.props, e, n, f, this._instanceProps, c));
+    }, z.componentDidMount = function() {
       var e = this.props, n = e.direction, o = e.initialScrollOffset, s = e.layout;
       if (typeof o == "number" && this._outerRef != null) {
         var u = this._outerRef;
         n === "horizontal" || s === "horizontal" ? u.scrollLeft = o : u.scrollTop = o;
       }
       this._callPropsCallbacks();
-    }, b.componentDidUpdate = function() {
+    }, z.componentDidUpdate = function() {
       var e = this.props, n = e.direction, o = e.layout, s = this.state, u = s.scrollOffset, f = s.scrollUpdateWasRequested;
       if (f && this._outerRef != null) {
         var c = this._outerRef;
         if (n === "horizontal" || o === "horizontal")
           if (n === "rtl")
-            switch (J()) {
+            switch (B()) {
               case "negative":
                 c.scrollLeft = -u;
                 break;
@@ -235,43 +219,43 @@ function me(r) {
           c.scrollTop = u;
       }
       this._callPropsCallbacks();
-    }, b.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && B(this._resetIsScrollingTimeoutId);
-    }, b.render = function() {
-      var e = this.props, n = e.children, o = e.className, s = e.direction, u = e.height, f = e.innerRef, c = e.innerElementType, d = e.innerTagName, h = e.itemCount, O = e.itemData, T = e.itemKey, x = T === void 0 ? pe : T, E = e.layout, Q = e.outerElementType, X = e.outerTagName, Y = e.style, Z = e.useIsScrolling, ee = e.width, V = this.state.isScrolling, W = s === "horizontal" || E === "horizontal", te = W ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), re = U[0], ie = U[1], $ = [];
+    }, z.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && K(this._resetIsScrollingTimeoutId);
+    }, z.render = function() {
+      var e = this.props, n = e.children, o = e.className, s = e.direction, u = e.height, f = e.innerRef, c = e.innerElementType, d = e.innerTagName, h = e.itemCount, T = e.itemData, O = e.itemKey, x = O === void 0 ? he : O, E = e.layout, G = e.outerElementType, J = e.outerTagName, Q = e.style, X = e.useIsScrolling, Y = e.width, A = this.state.isScrolling, W = s === "horizontal" || E === "horizontal", Z = W ? this._onScrollHorizontal : this._onScrollVertical, F = this._getRangeToRender(), ee = F[0], te = F[1], V = [];
       if (h > 0)
-        for (var C = re; C <= ie; C++)
-          $.push(k(n, {
-            data: O,
-            key: x(C, O),
+        for (var C = ee; C <= te; C++)
+          V.push(k(n, {
+            data: T,
+            key: x(C, T),
             index: C,
-            isScrolling: Z ? V : void 0,
+            isScrolling: X ? A : void 0,
             style: this._getItemStyle(C)
           }));
-      var q = l(this.props, this._instanceProps);
-      return k(Q || X || "div", {
+      var U = l(this.props, this._instanceProps);
+      return k(G || J || "div", {
         className: o,
-        onScroll: te,
+        onScroll: Z,
         ref: this._outerRefSetter,
-        style: A({
+        style: ie({
           position: "relative",
           height: u,
-          width: ee,
+          width: Y,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: s
-        }, Y)
+        }, Q)
       }, k(c || d || "div", {
-        children: $,
+        children: V,
         ref: f,
         style: {
-          height: W ? "100%" : q,
-          pointerEvents: V ? "none" : void 0,
-          width: W ? q : "100%"
+          height: W ? "100%" : U,
+          pointerEvents: A ? "none" : void 0,
+          width: W ? U : "100%"
         }
       }));
-    }, b._callPropsCallbacks = function() {
+    }, z._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var e = this.props.itemCount;
         if (e > 0) {
@@ -280,17 +264,17 @@ function me(r) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var c = this.state, d = c.scrollDirection, h = c.scrollOffset, O = c.scrollUpdateWasRequested;
-        this._callOnScroll(d, h, O);
+        var c = this.state, d = c.scrollDirection, h = c.scrollOffset, T = c.scrollUpdateWasRequested;
+        this._callOnScroll(d, h, T);
       }
-    }, b._getRangeToRender = function() {
+    }, z._getRangeToRender = function() {
       var e = this.props, n = e.itemCount, o = e.overscanCount, s = this.state, u = s.isScrolling, f = s.scrollDirection, c = s.scrollOffset;
       if (n === 0)
         return [0, 0, 0, 0];
-      var d = m(this.props, c, this._instanceProps), h = v(this.props, d, c, this._instanceProps), O = !u || f === "backward" ? Math.max(1, o) : 1, T = !u || f === "forward" ? Math.max(1, o) : 1;
-      return [Math.max(0, d - O), Math.max(0, Math.min(n - 1, h + T)), d, h];
-    }, z;
-  }(ne), t.defaultProps = {
+      var d = m(this.props, c, this._instanceProps), h = v(this.props, d, c, this._instanceProps), T = !u || f === "backward" ? Math.max(1, o) : 1, O = !u || f === "forward" ? Math.max(1, o) : 1;
+      return [Math.max(0, d - T), Math.max(0, Math.min(n - 1, h + O)), d, h];
+    }, b;
+  }(re), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -298,8 +282,8 @@ function me(r) {
     useIsScrolling: !1
   }, t;
 }
-var ve = function(t, i) {
-  var l = t.children, a = t.direction, y = t.height, m = t.layout, v = t.innerTagName, S = t.outerTagName, I = t.width, g = i.instance;
+var me = function(t, i) {
+  var l = t.children, a = t.direction, I = t.height, m = t.layout, v = t.innerTagName, S = t.outerTagName, y = t.width, g = i.instance;
   if (process.env.NODE_ENV !== "production") {
     (v != null || S != null) && M && !M.has(g) && (M.add(g), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
     var w = a === "horizontal" || m === "horizontal";
@@ -323,12 +307,12 @@ var ve = function(t, i) {
     }
     if (l == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (l === null ? "null" : typeof l) + '" was specified.'));
-    if (w && typeof I != "number")
-      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (I === null ? "null" : typeof I) + '" was specified.'));
-    if (!w && typeof y != "number")
-      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (y === null ? "null" : typeof y) + '" was specified.'));
+    if (w && typeof y != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (y === null ? "null" : typeof y) + '" was specified.'));
+    if (!w && typeof I != "number")
+      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (I === null ? "null" : typeof I) + '" was specified.'));
   }
-}, ge = /* @__PURE__ */ me({
+}, ve = /* @__PURE__ */ pe({
   getItemOffset: function(t, i) {
     var l = t.itemSize;
     return i * l;
@@ -341,8 +325,8 @@ var ve = function(t, i) {
     var i = t.itemCount, l = t.itemSize;
     return l * i;
   },
-  getOffsetForIndexAndAlignment: function(t, i, l, a, y, m) {
-    var v = t.direction, S = t.height, I = t.itemCount, g = t.itemSize, w = t.layout, z = t.width, b = v === "horizontal" || w === "horizontal", p = b ? z : S, e = Math.max(0, I * g - p), n = Math.min(e, i * g), o = Math.max(0, i * g - p + g + m);
+  getOffsetForIndexAndAlignment: function(t, i, l, a, I, m) {
+    var v = t.direction, S = t.height, y = t.itemCount, g = t.itemSize, w = t.layout, b = t.width, z = v === "horizontal" || w === "horizontal", p = z ? b : S, e = Math.max(0, y * g - p), n = Math.min(e, i * g), o = Math.max(0, i * g - p + g + m);
     switch (l === "smart" && (a >= o - p && a <= n + p ? l = "auto" : l = "center"), l) {
       case "start":
         return n;
@@ -362,10 +346,10 @@ var ve = function(t, i) {
     return Math.max(0, Math.min(l - 1, Math.floor(i / a)));
   },
   getStopIndexForStartIndex: function(t, i, l) {
-    var a = t.direction, y = t.height, m = t.itemCount, v = t.itemSize, S = t.layout, I = t.width, g = a === "horizontal" || S === "horizontal", w = i * v, z = g ? I : y, b = Math.ceil((z + l - w) / v);
+    var a = t.direction, I = t.height, m = t.itemCount, v = t.itemSize, S = t.layout, y = t.width, g = a === "horizontal" || S === "horizontal", w = i * v, b = g ? y : I, z = Math.ceil((b + l - w) / v);
     return Math.max(0, Math.min(
       m - 1,
-      i + b - 1
+      i + z - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -378,7 +362,7 @@ var ve = function(t, i) {
       throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
 });
-function Se() {
+function ge() {
   const [r, t] = N.useState([500, 500]), i = N.useRef(null);
   return N.useEffect(() => {
     const l = () => {
@@ -392,35 +376,35 @@ function Se() {
     };
   }, []), [i, ...r];
 }
-const ye = N.forwardRef(function(t, i) {
+const Se = N.forwardRef(function(t, i) {
   return /* @__PURE__ */ R(le, { scrollerRef: i, ...t });
 });
-function Te(r) {
+function _e(r) {
   const {
     className: t,
     itemCount: i,
     itemHeight: l,
     renderItem: a,
-    initialScrollOffset: y,
+    initialScrollOffset: I,
     onScrollUpdate: m
-  } = r, v = m ? (w) => m == null ? void 0 : m(w.scrollOffset) : void 0, [S, I, g] = Se();
+  } = r, v = m ? (w) => m == null ? void 0 : m(w.scrollOffset) : void 0, [S, y, g] = ge();
   return /* @__PURE__ */ R("div", { ref: S, className: oe(se.virtual, t), children: /* @__PURE__ */ R(
-    ge,
+    ve,
     {
-      outerElementType: ye,
-      width: I,
+      outerElementType: Se,
+      width: y,
       height: g,
       itemCount: i,
       itemSize: l,
-      initialScrollOffset: y,
+      initialScrollOffset: I,
       onScroll: v,
       children: ({
         index: w,
-        style: z
-      }) => /* @__PURE__ */ R("div", { style: z, children: a(w) })
+        style: b
+      }) => /* @__PURE__ */ R("div", { style: b, children: a(w) })
     }
   ) });
 }
 export {
-  Te as VirtualScrollable
+  _e as VirtualScrollable
 };

package/dist/components/Overlay/Overlay.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import n from "react";
-import { F as s } from "../../Combination-AG9vHdSx.js";
+import { F as s } from "../../Combination-Dj-a6dCZ.js";
 import { Interactive as i } from "../Interactive/Interactive.js";
 import { clsx as a } from "../../utils/clsx.js";
 import { a as m } from "../../outlet-C4wpavcH.js";