@stenajs-webui/panels 23.12.2 → 23.12.4

package/dist/index.es.js

@@ -5,11 +5,11 @@ import * as Ee from "react";
 import { useRef as K, useMemo as j, forwardRef as V, createContext as He, useContext as We, useState as L, useCallback as X, useEffect as $e } from "react";
 import { useBoolean as se, Column as d, Row as c, Indent as B, Heading as P, Box as u, Text as x, Space as w, getDataProps as A, SeparatorLine as qe, pluralFormatter as Ue, selectPluralRule as Ge, Spacing as De, isEmptyFragment as Ke, useAccessibleFontSizeContext as Ve, exhaustSwitchCaseElseThrow as de, BlockKeyboardEvents as Ze } from "@stenajs-webui/core";
 import { ControlledPopover as ue, Popover as he, Tooltip as pe } from "@stenajs-webui/tooltip";
-import { Checkbox as me, TextInput as Qe } from "@stenajs-webui/forms";
+import { Checkbox as ge, TextInput as Qe } from "@stenajs-webui/forms";
 import _ from "classnames";
 import { cssColor as p } from "@stenajs-webui/theme";
 import { useMediaQuery as M } from "react-responsive";
-import ge from "yet-another-react-lightbox";
+import me from "yet-another-react-lightbox";
 import Xe from "yet-another-react-lightbox/plugins/inline";
 import Je from "yet-another-react-lightbox/plugins/zoom";
 import Ye from "yet-another-react-lightbox/plugins/counter";
@@ -23,13 +23,13 @@ const Z = ({
   menuTop: a,
   onClick: s,
   disableArrow: h = !1,
-  buttonRef: g,
+  buttonRef: m,
   appendTo: b,
   zIndex: f,
   disableTrapFocus: C = !1,
   ...y
 }) => {
-  const [S, I, v, k] = se(!1), m = K(null), W = g ?? m, fe = j(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
+  const [S, I, v, k] = se(!1), g = K(null), W = m ?? g, fe = j(() => ({ open: I, close: v }), [I, v]), xe = ($) => {
     s?.($), k();
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
@@ -79,7 +79,7 @@ const Z = ({
         border: tn,
         borderRadius: "4px",
         children: [
-          /* @__PURE__ */ e(me, { ...t }),
+          /* @__PURE__ */ e(ge, { ...t }),
           /* @__PURE__ */ e(B, { num: 0.5 }),
           /* @__PURE__ */ e(E, { size: "small", leftIcon: te, ...r })
         ]
@@ -133,9 +133,9 @@ const Z = ({
                 n,
                 /* @__PURE__ */ e(B, { num: 2 })
               ] }),
-              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (g, b) => /* @__PURE__ */ i(z, { children: [
+              o && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { justifyContent: "center", alignItems: "center", children: Ee.Children.map(o, (m, b) => /* @__PURE__ */ i(z, { children: [
                 b > 0 && /* @__PURE__ */ e(B, {}),
-                g
+                m
               ] })) }) })
             ]
           }
@@ -177,7 +177,7 @@ const Z = ({
   return /* @__PURE__ */ e(
     ue,
     {
-      renderTrigger: (g) => /* @__PURE__ */ e(sn, { ...l, ...g, onClick: h }),
+      renderTrigger: (m) => /* @__PURE__ */ e(sn, { ...l, ...m, onClick: h }),
       open: a,
       onRequestClose: s,
       zIndex: o,
@@ -192,7 +192,7 @@ const Z = ({
   navBarNotificationButton: dn,
   unread: un,
   icon: hn
-}, mt = V(function({
+}, gt = V(function({
   count: n,
   unread: t = !1,
   className: r,
@@ -201,7 +201,7 @@ const Z = ({
   icon: a = we,
   ...s
 }, h) {
-  const g = n > 1;
+  const m = n > 1;
   return /* @__PURE__ */ e(
     Ce,
     {
@@ -211,20 +211,20 @@ const Z = ({
       className: _(
         F.navBarNotificationButton,
         t && F.unread,
-        g && F.hasCount,
+        m && F.hasCount,
         r
       ),
-      label: g ? String(n) : void 0,
+      label: m ? String(n) : void 0,
       labelClassName: _(o, F.label),
       iconClassName: _(l, F.icon)
     }
   );
-}), pn = "_navBarSearchFieldInput_1rp8g_1", mn = "_navBarSearchFieldWrapper_1rp8g_12", gn = "_withButton_1rp8g_24", bn = "_clearButton_1rp8g_33", T = {
+}), pn = "_navBarSearchFieldInput_1rp8g_1", gn = "_navBarSearchFieldWrapper_1rp8g_12", mn = "_withButton_1rp8g_24", bn = "_clearButton_1rp8g_33", T = {
   navBarSearchFieldInput: pn,
-  navBarSearchFieldWrapper: mn,
-  withButton: gn,
+  navBarSearchFieldWrapper: gn,
+  withButton: mn,
   clearButton: bn
-}, gt = ({
+}, mt = ({
   placeholder: n = "Search",
   className: t,
   wrapperClassName: r,
@@ -300,7 +300,7 @@ const Z = ({
   vn,
   {
     contentLeft: /* @__PURE__ */ e(
-      me,
+      ge,
       {
         value: n,
         indeterminate: o,
@@ -334,7 +334,7 @@ const Z = ({
       /* @__PURE__ */ e(H, { icon: l, size: "xl" })
     ] }),
     t && /* @__PURE__ */ e(P, { as: a, children: t }),
-    h && /* @__PURE__ */ e(x, { children: h }),
+    h && /* @__PURE__ */ e(x, { textAlign: "center", children: h }),
     r,
     o && /* @__PURE__ */ i(u, { children: [
       /* @__PURE__ */ e(w, { num: 2 }),
@@ -681,13 +681,13 @@ const Z = ({
   priceText: a,
   title: s,
   subTitle: h,
-  renderImage: g,
+  renderImage: m,
   children: b,
   headingLevel: f
 }) => {
   const C = r == null ? !1 : Array.isArray(r) ? r.length > 0 : !Ke(r);
   return /* @__PURE__ */ i(d, { children: [
-    g?.(),
+    m?.(),
     /* @__PURE__ */ i(u, { gap: 2, spacing: 4, indent: 4, background: p("--moln"), children: [
       /* @__PURE__ */ i(u, { gap: 0.5, children: [
         /* @__PURE__ */ i(
@@ -762,7 +762,7 @@ const Z = ({
   renderButton: a,
   renderOfferCodeTag: s,
   renderMandatoryTag: h,
-  renderContentLeftOfButton: g,
+  renderContentLeftOfButton: m,
   children: b,
   ...f
 }) => {
@@ -770,7 +770,7 @@ const Z = ({
     query: "(max-width: 460px)"
   }), I = M({
     query: "(max-width: 360px)"
-  }) || y && C > 1.2, v = r ? "normal" : t, k = qn(v), m = p("--moln"), W = $n(v);
+  }) || y && C > 1.2, v = r ? "normal" : t, k = qn(v), g = p("--moln"), W = $n(v);
   return /* @__PURE__ */ i(
     u,
     {
@@ -783,7 +783,7 @@ const Z = ({
       children: [
         /* @__PURE__ */ i(c, { flex: 1, children: [
           !I && /* @__PURE__ */ e(u, { flex: 2, justifyContent: "center", background: k, children: o && /* @__PURE__ */ e(G, { color: W, icon: o, size: 73 }) }),
-          /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: m, children: /* @__PURE__ */ i(d, { gap: 2, children: [
+          /* @__PURE__ */ e(u, { flex: 4, indent: 2, spacing: 2, background: g, children: /* @__PURE__ */ i(d, { gap: 2, children: [
             n && /* @__PURE__ */ i(c, { justifyContent: "space-between", children: [
               /* @__PURE__ */ i(c, { gap: 2, alignItems: "center", children: [
                 I && l && /* @__PURE__ */ e(H, { icon: l, size: "medium" }),
@@ -802,7 +802,7 @@ const Z = ({
                 gap: 2,
                 flexWrap: "wrap",
                 children: [
-                  g?.() ?? /* @__PURE__ */ e("div", {}),
+                  m?.() ?? /* @__PURE__ */ e("div", {}),
                   a?.()
                 ]
               }
@@ -920,17 +920,17 @@ const Z = ({
   altLabelZoomOut: a,
   altLabelNext: s,
   altLabelClose: h,
-  onRequestClose: g,
+  onRequestClose: m,
   images: b
 }) => {
-  const f = K(null), { deviceSize: C } = be(), y = C !== "mobile", [S, I] = L(t ?? 0), v = ({ index: m }) => {
-    I(m), r?.(m);
-  }, k = j(() => b.map((m) => Dn(m)), [b]);
+  const f = K(null), { deviceSize: C } = be(), y = C !== "mobile", [S, I] = L(t ?? 0), v = ({ index: g }) => {
+    I(g), r?.(g);
+  }, k = j(() => b.map((g) => Dn(g)), [b]);
   return /* @__PURE__ */ e(
-    ge,
+    me,
     {
       open: n,
-      close: g,
+      close: m,
       index: S,
       plugins: [Je, Ye, en],
       slides: k,
@@ -952,14 +952,14 @@ const Z = ({
         }
       },
       render: {
-        buttonZoom: (m) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
+        buttonZoom: (g) => y && /* @__PURE__ */ i(c, { gap: 1, indent: 2, children: [
           /* @__PURE__ */ e(
             R,
             {
               "aria-label": l,
               leftIcon: Le,
               size: "large",
-              onClick: () => m.zoomIn()
+              onClick: () => g.zoomIn()
             }
           ),
           /* @__PURE__ */ e(
@@ -968,7 +968,7 @@ const Z = ({
               "aria-label": a,
               leftIcon: Oe,
               size: "large",
-              onClick: () => m.zoomOut()
+              onClick: () => g.zoomOut()
             }
           )
         ] }),
@@ -1019,25 +1019,25 @@ const Z = ({
   altLabelNext: a,
   altLabelClose: s
 }) => {
-  const h = K(null), [g, b] = L(!1), [f, C] = L(t ?? 0), y = X(() => {
+  const h = K(null), [m, b] = L(!1), [f, C] = L(t ?? 0), y = X(() => {
     b(!0);
   }, []), S = X(() => {
     b(!1);
-  }, []), I = ({ index: m }) => C(m);
+  }, []), I = ({ index: g }) => C(g);
   $e(() => {
     C(t ?? 0);
   }, [t]);
   const v = j(() => n.map(Kn), [n]), k = j(() => n.map(
-    (m) => m.fullscreenImage ? {
-      ...m,
-      url: m.fullscreenImage.url,
-      width: m.fullscreenImage.width,
-      height: m.fullscreenImage.height
-    } : m
+    (g) => g.fullscreenImage ? {
+      ...g,
+      url: g.fullscreenImage.url,
+      width: g.fullscreenImage.width,
+      height: g.fullscreenImage.height
+    } : g
   ), [n]);
   return /* @__PURE__ */ i(Ze, { blockedKeys: "Escape", children: [
     /* @__PURE__ */ e(
-      ge,
+      me,
       {
         controller: { ref: h },
         index: f,
@@ -1085,7 +1085,7 @@ const Z = ({
         }
       }
     ),
-    g && /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(
       Gn,
       {
         isOpen: !0,
@@ -1128,9 +1128,9 @@ export {
   ut as NavBar,
   sn as NavBarButton,
   ht as NavBarHeading,
-  mt as NavBarNotificationButton,
+  gt as NavBarNotificationButton,
   pt as NavBarPopoverButton,
-  gt as NavBarSearchField,
+  mt as NavBarSearchField,
   bt as NavBarUserButton,
   yt as PageHeader,
   It as PageHeaderRow,