@5ive-souls/controls 0.0.8 → 0.0.9

package/dist/components/Section/Section.js

@@ -31,15 +31,15 @@ const ze = {
 }, A = {
   ...ze,
   ...ke
-}, le = m.createContext(void 0), De = {
+}, le = m.createContext(void 0), Oe = {
   // eslint-disable-next-line @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )
   targetDocument: typeof document == "object" ? document : void 0,
   dir: "ltr"
 };
 le.Provider;
-function Oe() {
+function De() {
   var e;
-  return (e = m.useContext(le)) !== null && e !== void 0 ? e : De;
+  return (e = m.useContext(le)) !== null && e !== void 0 ? e : Oe;
 }
 function $e() {
   return (
@@ -238,7 +238,7 @@ function je(e) {
 }
 const qe = "screen and (prefers-reduced-motion: reduce)";
 function We() {
-  const { targetDocument: e } = Oe();
+  const { targetDocument: e } = De();
   var r;
   const n = (r = e == null ? void 0 : e.defaultView) !== null && r !== void 0 ? r : null, o = m.useRef(!1), i = m.useCallback(() => o.current, []);
   return W(() => {
@@ -303,8 +303,8 @@ function Ke() {
       }
     }
   }
-  var T = u, M = e, O = l, P = n, N = f, _ = p, z = r, k = i, D = o, I = c;
-  return v.ContextConsumer = d, v.ContextProvider = T, v.Element = M, v.ForwardRef = O, v.Fragment = P, v.Lazy = N, v.Memo = _, v.Portal = z, v.Profiler = k, v.StrictMode = D, v.Suspense = I, v.isAsyncMode = function() {
+  var T = u, M = e, D = l, P = n, N = f, _ = p, z = r, k = i, O = o, I = c;
+  return v.ContextConsumer = d, v.ContextProvider = T, v.Element = M, v.ForwardRef = D, v.Fragment = P, v.Lazy = N, v.Memo = _, v.Portal = z, v.Profiler = k, v.StrictMode = O, v.Suspense = I, v.isAsyncMode = function() {
     return !1;
   }, v.isConcurrentMode = function() {
     return !1;
@@ -386,7 +386,7 @@ function Xe() {
         }
       }
     }
-    var O = d, P = u, N = e, _ = l, z = n, k = f, D = p, I = r, t = i, g = o, $ = c, L = !1, U = !1;
+    var D = d, P = u, N = e, _ = l, z = n, k = f, O = p, I = r, t = i, g = o, $ = c, L = !1, U = !1;
     function F(a) {
       return L || (L = !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 = O, E.ContextProvider = P, E.Element = N, E.ForwardRef = _, E.Fragment = z, E.Lazy = k, E.Memo = D, E.Portal = I, E.Profiler = t, E.StrictMode = g, E.Suspense = $, E.isAsyncMode = F, E.isConcurrentMode = Y, E.isContextConsumer = H, E.isContextProvider = X, E.isElement = ve, E.isForwardRef = Ee, E.isFragment = he, E.isLazy = Re, E.isMemo = Ce, E.isPortal = ge, E.isProfiler = Se, E.isStrictMode = ye, E.isSuspense = Me, E.isValidElementType = T, E.typeOf = M;
+    E.ContextConsumer = D, E.ContextProvider = P, E.Element = N, E.ForwardRef = _, E.Fragment = z, E.Lazy = k, E.Memo = O, E.Portal = I, E.Profiler = t, E.StrictMode = g, E.Suspense = $, E.isAsyncMode = F, E.isConcurrentMode = Y, E.isContextConsumer = H, E.isContextProvider = X, E.isElement = ve, E.isForwardRef = Ee, E.isFragment = he, E.isLazy = Re, E.isMemo = Ce, 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: S, unmountOnExit: C, ...y } = o, w = y, [b, s] = tt(S, C), R = Ze(d), T = je(l), M = m.useRef(), O = Ue(M, R.ref), P = m.useRef({
+    }, i = Je() === "skip", { appear: u, children: d, imperativeRef: l, onExit: c, onMotionFinish: h, onMotionStart: p, onMotionCancel: f, visible: S, unmountOnExit: C, ...y } = o, w = y, [b, s] = tt(S, C), R = Ze(d), T = je(l), M = m.useRef(), D = Ue(M, R.ref), P = m.useRef({
       appear: u,
       params: w,
       skipMotions: i
@@ -480,7 +480,7 @@ function K(e) {
       p == null || p(null, {
         direction: t
       });
-    }), D = J((t) => {
+    }), O = J((t) => {
       h == null || h(null, {
         direction: t
       }), t === "exit" && C && (s(!1), c == null || c());
@@ -513,7 +513,7 @@ function K(e) {
         const F = S ? L.enter : L.exit, Y = S ? "enter" : "exit", H = !P.current.appear && _, X = P.current.skipMotions;
         return H || k(Y), g = N(t, F, {
           isReducedMotion: z()
-        }), H ? (g.finish(), $) : (T.current = g, g.setMotionEndCallbacks(() => D(Y), () => I(Y)), X && g.finish(), $);
+        }), H ? (g.finish(), $) : (T.current = g, g.setMotionEndCallbacks(() => O(Y), () => I(Y)), X && g.finish(), $);
       },
       // Excluding `isFirstMount` from deps to prevent re-triggering the animation on subsequent renders
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -521,13 +521,13 @@ function K(e) {
         N,
         T,
         z,
-        D,
+        O,
         k,
         I,
         S
       ]
     ), b ? m.cloneElement(R, {
-      ref: O
+      ref: D
     }) : null;
   }, {
     // Heads up!
@@ -742,13 +742,13 @@ const ct = Te({
   let R = V(q.Section, C.root, d);
   (l || (_ = e.cellProps) != null && _.resizable) && (R = V(R, C.fill)), (p == null || p == "default") && (R = V(R, C.default));
   const T = ie.buildSectionStyles(e), M = ie.buildSectionContentStyles(e);
-  y || (e.collapseDirection == "horizontal" ? (T.height = "100%", T.width = "50px", T.maxWidth = "50px") : T.height = "fit-content");
-  const O = u == "horizontal" ? y ? /* @__PURE__ */ x(Ae, {}) : /* @__PURE__ */ x(Ie, {}) : y ? /* @__PURE__ */ x(Ne, {}) : /* @__PURE__ */ x(_e, {});
+  y || (u == "horizontal" ? (T.height = "100%", T.width = "50px", T.maxWidth = "50px") : T.height = "fit-content");
+  const D = u == "horizontal" ? y ? /* @__PURE__ */ x(Ae, {}) : /* @__PURE__ */ x(Ie, {}) : y ? /* @__PURE__ */ x(Ne, {}) : /* @__PURE__ */ x(_e, {});
   let P = q.SectionHeader;
-  e.collapseDirection == "horizontal" && (y || (P = V(P, C.collapsedHorizontalHeader)));
+  u == "horizontal" && (y || (P = V(P, C.collapsedHorizontalHeader)));
   const N = (z) => {
     if (e.cellProps) {
-      const { column: k, row: D } = e.cellProps, I = u == "horizontal", t = z.currentTarget.closest("." + q.Grid), g = I ? k : D;
+      const { column: k, row: O } = e.cellProps, I = u == "horizontal", t = z.currentTarget.closest("." + q.Grid), g = I ? k : O;
       if (y) {
         const F = (I ? t.style.gridTemplateColumns : t.style.gridTemplateRows).split(" ")[g - 1];
         s(F);
@@ -762,7 +762,7 @@ const ct = Te({
     /* @__PURE__ */ x(G, { className: P, children: /* @__PURE__ */ Z(oe, { fill: !0, alignItems: "center", horizontal: !0, children: [
       n && /* @__PURE__ */ x(G, { padding: 8, children: n }),
       /* @__PURE__ */ x(G, { grow: 1, children: o && o }),
-      i && /* @__PURE__ */ x(G, { children: /* @__PURE__ */ x(be, { appearance: "transparent", icon: O, onClick: N }) })
+      i && /* @__PURE__ */ x(G, { children: /* @__PURE__ */ x(be, { appearance: "transparent", icon: D, onClick: N }) })
     ] }) }),
     (n || o || i) && /* @__PURE__ */ x(xe, { className: C.divider }),
     /* @__PURE__ */ x(G, { className: q.SectionContent, grow: 1, style: M, children: /* @__PURE__ */ x(st, { visible: y, children: /* @__PURE__ */ Z("div", { className: V(C.fill, C.content), children: [

package/package.json

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