@5ive-souls/controls 0.0.10 → 0.0.11

package/dist/components/Section/Section.js

@@ -113,18 +113,18 @@ function de() {
     const u = Array.isArray(o) ? o : [
       o
     ], { isReducedMotion: d } = i, l = u.map((c) => {
-      const { keyframes: h, reducedMotion: p = Ve, ...f } = c, { keyframes: y = h, ...g } = p, S = d ? y : h, w = {
+      const { keyframes: h, reducedMotion: p = Ve, ...f } = c, { keyframes: y = h, ...S } = p, R = d ? y : h, w = {
         ...Ye,
         ...f,
         // Use reduced motion overrides (e.g. duration, easing) when reduced motion is enabled
-        ...d && g
+        ...d && S
       };
       try {
-        const s = n.animate(S, w);
+        const s = n.animate(R, w);
         if (r)
           s == null || s.persist();
         else {
-          const C = S[S.length - 1];
+          const C = R[R.length - 1];
           var b;
           Object.assign((b = n.style) !== null && b !== void 0 ? b : {}, C);
         }
@@ -140,8 +140,8 @@ function de() {
         });
       },
       setMotionEndCallbacks(c, h) {
-        const p = l.map((f) => new Promise((y, g) => {
-          f.onfinish = () => y(), f.oncancel = () => g();
+        const p = l.map((f) => new Promise((y, S) => {
+          f.onfinish = () => y(), f.oncancel = () => S();
         }));
         Promise.all(p).then(() => {
           c();
@@ -269,15 +269,15 @@ var ae;
 function Ke() {
   if (ae) return v;
   ae = 1;
-  var e = 60103, r = 60106, n = 60107, o = 60108, i = 60114, u = 60109, d = 60110, l = 60112, c = 60113, h = 60120, p = 60115, f = 60116, y = 60121, g = 60122, S = 60117, w = 60129, b = 60131;
+  var e = 60103, r = 60106, n = 60107, o = 60108, i = 60114, u = 60109, d = 60110, l = 60112, c = 60113, h = 60120, p = 60115, f = 60116, y = 60121, S = 60122, R = 60117, w = 60129, b = 60131;
   if (typeof Symbol == "function" && Symbol.for) {
     var s = Symbol.for;
-    e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), i = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), h = s("react.suspense_list"), p = s("react.memo"), f = s("react.lazy"), y = s("react.block"), g = s("react.server.block"), S = s("react.fundamental"), w = s("react.debug_trace_mode"), b = s("react.legacy_hidden");
+    e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), i = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), h = s("react.suspense_list"), p = s("react.memo"), f = s("react.lazy"), y = s("react.block"), S = s("react.server.block"), R = s("react.fundamental"), w = s("react.debug_trace_mode"), b = s("react.legacy_hidden");
   }
   function C(t) {
     if (typeof t == "object" && t !== null) {
-      var R = t.$$typeof;
-      switch (R) {
+      var g = t.$$typeof;
+      switch (g) {
         case e:
           switch (t = t.type, t) {
             case n:
@@ -295,11 +295,11 @@ function Ke() {
                 case u:
                   return t;
                 default:
-                  return R;
+                  return g;
               }
           }
         case r:
-          return R;
+          return g;
       }
     }
   }
@@ -331,7 +331,7 @@ function Ke() {
   }, v.isSuspense = function(t) {
     return C(t) === c;
   }, v.isValidElementType = function(t) {
-    return typeof t == "string" || typeof t == "function" || t === n || t === i || t === w || t === o || t === c || t === h || t === b || typeof t == "object" && t !== null && (t.$$typeof === f || t.$$typeof === p || t.$$typeof === u || t.$$typeof === d || t.$$typeof === l || t.$$typeof === S || t.$$typeof === y || t[0] === g);
+    return typeof t == "string" || typeof t == "function" || t === n || t === i || t === w || t === o || t === c || t === h || t === b || typeof t == "object" && t !== null && (t.$$typeof === f || t.$$typeof === p || t.$$typeof === u || t.$$typeof === d || t.$$typeof === l || t.$$typeof === R || t.$$typeof === y || t[0] === S);
   }, v.typeOf = C, v;
 }
 var E = {};
@@ -346,14 +346,14 @@ var E = {};
 var se;
 function Xe() {
   return se || (se = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = 60103, r = 60106, n = 60107, o = 60108, i = 60114, u = 60109, d = 60110, l = 60112, c = 60113, h = 60120, p = 60115, f = 60116, y = 60121, g = 60122, S = 60117, w = 60129, b = 60131;
+    var e = 60103, r = 60106, n = 60107, o = 60108, i = 60114, u = 60109, d = 60110, l = 60112, c = 60113, h = 60120, p = 60115, f = 60116, y = 60121, S = 60122, R = 60117, w = 60129, b = 60131;
     if (typeof Symbol == "function" && Symbol.for) {
       var s = Symbol.for;
-      e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), i = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), h = s("react.suspense_list"), p = s("react.memo"), f = s("react.lazy"), y = s("react.block"), g = s("react.server.block"), S = s("react.fundamental"), s("react.scope"), s("react.opaque.id"), w = s("react.debug_trace_mode"), s("react.offscreen"), b = s("react.legacy_hidden");
+      e = s("react.element"), r = s("react.portal"), n = s("react.fragment"), o = s("react.strict_mode"), i = s("react.profiler"), u = s("react.provider"), d = s("react.context"), l = s("react.forward_ref"), c = s("react.suspense"), h = s("react.suspense_list"), p = s("react.memo"), f = s("react.lazy"), y = s("react.block"), S = s("react.server.block"), R = s("react.fundamental"), s("react.scope"), s("react.opaque.id"), w = s("react.debug_trace_mode"), s("react.offscreen"), b = s("react.legacy_hidden");
     }
     var C = !1;
     function T(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === n || a === i || a === w || a === o || a === c || a === h || a === b || C || typeof a == "object" && a !== null && (a.$$typeof === f || a.$$typeof === p || a.$$typeof === u || a.$$typeof === d || a.$$typeof === l || a.$$typeof === S || a.$$typeof === y || a[0] === g));
+      return !!(typeof a == "string" || typeof a == "function" || a === n || a === i || a === w || a === o || a === c || a === h || a === b || C || typeof a == "object" && a !== null && (a.$$typeof === f || a.$$typeof === p || a.$$typeof === u || a.$$typeof === d || a.$$typeof === l || a.$$typeof === R || a.$$typeof === y || a[0] === S));
     }
     function M(a) {
       if (typeof a == "object" && a !== null) {
@@ -386,7 +386,7 @@ function Xe() {
         }
       }
     }
-    var L = d, P = u, N = e, _ = l, z = n, I = f, k = p, O = r, t = i, R = o, D = c, $ = !1, F = !1;
+    var L = d, P = u, N = e, _ = l, z = n, I = f, k = p, O = r, t = i, g = o, D = c, $ = !1, F = !1;
     function G(a) {
       return $ || ($ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -426,7 +426,7 @@ function Xe() {
     function Me(a) {
       return M(a) === c;
     }
-    E.ContextConsumer = L, E.ContextProvider = P, E.Element = N, E.ForwardRef = _, E.Fragment = z, E.Lazy = I, E.Memo = k, E.Portal = O, E.Profiler = t, E.StrictMode = R, E.Suspense = D, E.isAsyncMode = G, E.isConcurrentMode = B, E.isContextConsumer = H, E.isContextProvider = X, E.isElement = ve, E.isForwardRef = Ee, E.isFragment = he, E.isLazy = Ce, E.isMemo = Re, E.isPortal = ge, E.isProfiler = Se, E.isStrictMode = ye, E.isSuspense = Me, E.isValidElementType = T, E.typeOf = M;
+    E.ContextConsumer = L, E.ContextProvider = P, E.Element = N, E.ForwardRef = _, E.Fragment = z, E.Lazy = I, E.Memo = k, E.Portal = O, E.Profiler = t, E.StrictMode = g, E.Suspense = D, E.isAsyncMode = G, E.isConcurrentMode = B, E.isContextConsumer = H, E.isContextProvider = X, E.isElement = ve, E.isForwardRef = Ee, E.isFragment = he, E.isLazy = Ce, E.isMemo = Re, E.isPortal = ge, E.isProfiler = Se, E.isStrictMode = ye, E.isSuspense = Me, E.isValidElementType = T, E.typeOf = M;
   }()), E;
 }
 process.env.NODE_ENV === "production" ? ee.exports = Ke() : ee.exports = Xe();
@@ -472,7 +472,7 @@ function K(e) {
     const o = {
       ...m.useContext(et),
       ...r
-    }, i = Je() === "skip", { appear: u, children: d, imperativeRef: l, onExit: c, onMotionFinish: h, onMotionStart: p, onMotionCancel: f, visible: y, unmountOnExit: g, ...S } = o, w = S, [b, s] = tt(y, g), C = Ze(d), T = je(l), M = m.useRef(), L = Ue(M, C.ref), P = m.useRef({
+    }, i = Je() === "skip", { appear: u, children: d, imperativeRef: l, onExit: c, onMotionFinish: h, onMotionStart: p, onMotionCancel: f, visible: y, unmountOnExit: S, ...R } = o, w = R, [b, s] = tt(y, S), C = Ze(d), T = je(l), M = m.useRef(), L = Ue(M, C.ref), P = m.useRef({
       appear: u,
       params: w,
       skipMotions: i
@@ -483,7 +483,7 @@ function K(e) {
     }), k = J((t) => {
       h == null || h(null, {
         direction: t
-      }), t === "exit" && g && (s(!1), c == null || c());
+      }), t === "exit" && S && (s(!1), c == null || c());
     }), O = J((t) => {
       f == null || f(null, {
         direction: t
@@ -500,20 +500,20 @@ function K(e) {
         const t = M.current;
         if (!t)
           return;
-        let R;
+        let g;
         function D() {
-          R && (F && R.isRunning() || (R.cancel(), T.current = void 0));
+          g && (F && g.isRunning() || (g.cancel(), T.current = void 0));
         }
         const $ = typeof e == "function" ? e({
           element: t,
           ...P.current.params
         }) : e, F = $[rt];
-        if (F && (R = T.current, R && R.isRunning()))
-          return R.reverse(), D;
+        if (F && (g = T.current, g && g.isRunning()))
+          return g.reverse(), D;
         const G = y ? $.enter : $.exit, B = y ? "enter" : "exit", H = !P.current.appear && _, X = P.current.skipMotions;
-        return H || I(B), R = N(t, G, {
+        return H || I(B), g = N(t, G, {
           isReducedMotion: z()
-        }), H ? (R.finish(), D) : (T.current = R, R.setMotionEndCallbacks(() => k(B), () => O(B)), X && R.finish(), D);
+        }), H ? (g.finish(), D) : (T.current = g, g.setMotionEndCallbacks(() => k(B), () => O(B)), X && g.finish(), D);
       },
       // Excluding `isFirstMount` from deps to prevent re-triggering the animation on subsequent renders
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -738,37 +738,37 @@ const ct = Te({
   }
 }), ut = (e) => {
   var _;
-  const { children: r, icon: n, header: o, collapsible: i, collapseDirection: u, className: d, fill: l, ref: c, id: h, appearance: p, isBusy: f, isBusyMessage: y } = e, g = ct(), [S, w] = re.useState(!0), [b, s] = re.useState();
-  let C = Y(q.Section, g.root, d);
-  (l || (_ = e.cellProps) != null && _.resizable) && (C = Y(C, g.fill)), (p == null || p == "default") && (C = Y(C, g.default));
+  const { children: r, icon: n, header: o, collapsible: i, collapseDirection: u, className: d, fill: l, ref: c, id: h, appearance: p, isBusy: f, isBusyMessage: y } = e, S = ct(), [R, w] = re.useState(!0), [b, s] = re.useState();
+  let C = Y(q.Section, S.root, d);
+  (l || (_ = e.cellProps) != null && _.resizable) && (C = Y(C, S.fill)), (p == null || p == "default") && (C = Y(C, S.default));
   const T = ie.buildSectionStyles(e), M = ie.buildSectionContentStyles(e);
-  S || (u == "horizontal" ? (T.height = "100%", T.width = "50px", T.maxWidth = "50px") : T.height = "fit-content");
-  const L = u == "horizontal" ? S ? /* @__PURE__ */ x(Ae, {}) : /* @__PURE__ */ x(Ie, {}) : S ? /* @__PURE__ */ x(Ne, {}) : /* @__PURE__ */ x(_e, {});
+  R || (u == "horizontal" ? (T.height = "100%", T.width = "50px", T.maxWidth = "50px") : T.height = "fit-content");
+  const L = u == "horizontal" ? R ? /* @__PURE__ */ x(Ae, {}) : /* @__PURE__ */ x(Ie, {}) : R ? /* @__PURE__ */ x(Ne, {}) : /* @__PURE__ */ x(_e, {});
   let P = q.SectionHeader;
-  u == "horizontal" && (S || (P = Y(P, g.collapsedHorizontalHeader)));
+  u == "horizontal" && (R || (P = Y(P, S.collapsedHorizontalHeader)));
   const N = (z) => {
     var I;
     if (e.cellProps) {
-      const { column: k, row: O } = e.cellProps, t = u == "horizontal", R = z.currentTarget.closest("." + q.Grid), D = t ? k : O;
-      if (S) {
-        const B = (t ? R.style.gridTemplateColumns : R.style.gridTemplateRows).split(" ")[D - 1];
+      const { column: k, row: O } = e.cellProps, t = u == "horizontal", g = z.currentTarget.closest("." + q.Grid), D = t ? k : O;
+      if (R) {
+        const B = (t ? g.style.gridTemplateColumns : g.style.gridTemplateRows).split(" ")[D - 1];
         s(B);
       }
-      const $ = S ? "min-content" : b;
-      Pe.UpdateLayoutGrid(R, t, D, $);
+      const $ = R ? "min-content" : b;
+      Pe.UpdateLayoutGrid(g, t, D, $);
     }
-    w(!S), (I = e.onCollapseChanged) == null || I.call(e, !S);
+    w(!R), (I = e.onCollapseChanged) == null || I.call(e, !R);
   };
   return /* @__PURE__ */ Z(oe, { id: h, className: C, style: T, ref: c, role: e.role, children: [
-    /* @__PURE__ */ x(V, { className: P, children: /* @__PURE__ */ Z(oe, { fill: !0, alignItems: "center", horizontal: !0, children: [
+    /* @__PURE__ */ x(V, { className: P, children: /* @__PURE__ */ Z(oe, { fill: !0, alignItems: "center", horizontal: !0, reverse: !R && u == "horizontal", children: [
       n && /* @__PURE__ */ x(V, { padding: 8, children: n }),
       /* @__PURE__ */ x(V, { grow: 1, children: o && o }),
       i && /* @__PURE__ */ x(V, { children: /* @__PURE__ */ x(be, { appearance: "transparent", icon: L, onClick: N }) })
     ] }) }),
-    (n || o || i) && /* @__PURE__ */ x(xe, { className: g.divider }),
-    /* @__PURE__ */ x(V, { className: q.SectionContent, grow: 1, style: M, children: /* @__PURE__ */ x(st, { visible: S, children: /* @__PURE__ */ Z("div", { className: Y(g.fill, g.content), children: [
+    (n || o || i) && /* @__PURE__ */ x(xe, { className: S.divider }),
+    /* @__PURE__ */ x(V, { className: q.SectionContent, grow: 1, style: M, children: /* @__PURE__ */ x(st, { visible: R, children: /* @__PURE__ */ Z("div", { className: Y(S.fill, S.content), children: [
       !f && r,
-      f && /* @__PURE__ */ x(we, { className: g.spinner, label: y, labelPosition: "below" })
+      f && /* @__PURE__ */ x(we, { className: S.spinner, label: y, labelPosition: "below" })
     ] }) }) })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@5ive-souls/controls",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Collection of react components built on the Fluent UI framework.",
   "keywords": [
     "react",