@tedi-design-system/react 14.2.0-rc.5 → 14.2.0-rc.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.0-rc.5",
+  "version": "14.2.0-rc.7",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/community/components/layout/layout/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),U=require("../../../../tedi/components/content/section/section.cjs.js"),$=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),k=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),H=require("../breadcrumbs/breadcrumbs.cjs.js"),z=require("../footer/footer.cjs.js"),A=require("../layout-context.cjs.js"),D=require("../sidenav/sidenav.cjs.js"),G=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),J=require("../header/header/header.cjs.js"),K=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),q=j=>{var b;const{children:_,header:P,sideNav:s,breadcrumbsProps:m,footer:f,mainContentId:R="main-content",mainContentClassName:S,mainLogo:i,growMainContent:E,headerType:g="system",onHeaderSidenavToggle:c,...C}=j,N=r.useRef(null),h=r.useRef(null),[n,p]=r.useState(!1),v=r.useRef(n),{hasSidenav:M}=G.useSidenavRendered(g,s),x=!!((b=s==null?void 0:s.navItems)!=null&&b.length),{y:w,refs:y,context:l}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:x?p:void 0,whileElementsMounted:(...u)=>K.autoUpdate(...u,{ancestorScroll:!1})}),o=$.useElementSize(h),F=a.useClick(l),I=a.useRole(l,{role:"dialog"}),O=a.useDismiss(l),{getReferenceProps:L,getFloatingProps:B}=a.useInteractions(x?[F,I,O]:[]),T=d.default(t.default.main,{[t.default["main--with-sidenav"]]:M,[t.default["main--grow"]]:E});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{v.current!==n&&c&&c(n),v.current=n},[n,c]),e.jsx(A.LayoutContext.Provider,{value:{y:w,menuOpen:n,toggleMenu:()=>p(u=>!u),headerType:g,reference:y.setReference,floating:y.setFloating,context:l,getReferenceProps:L,getFloatingProps:B,sideNavProps:s,headerElement:N,headerBottomElement:h,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx(k.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",...C,className:t.default["container-wrapper"],children:[e.jsx(J.Header,{...P}),e.jsxs("div",{className:d.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(D.SideNav,{...s}),e.jsxs("div",{className:T,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:d.default(t.default.main__content,S),id:R,tabIndex:-1,children:[m&&e.jsx(U.Section,{children:e.jsx(H.Breadcrumbs,{className:t.default.main__breadcrumbs,...m})}),_]})]})]}),f&&e.jsx(z.Footer,{...f})]})})})};exports.Layout=q;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),m=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),U=require("../../../../tedi/components/content/section/section.cjs.js"),$=require("../../../../tedi/helpers/hooks/use-element-size.cjs.js"),k=require("../../../../tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),H=require("../breadcrumbs/breadcrumbs.cjs.js"),z=require("../footer/footer.cjs.js"),A=require("../layout-context.cjs.js"),D=require("../sidenav/sidenav.cjs.js"),G=require("../sidenav/utility.cjs.js"),t=require("./layout.module.scss.cjs.js"),J=require("../header/header/header.cjs.js"),K=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),q=j=>{var y;const{children:_,header:E,sideNav:s,breadcrumbsProps:f,footer:g,mainContentId:P="main-content",mainContentClassName:R,mainLogo:i,growMainContent:S,headerType:h="system",onHeaderSidenavToggle:c,...C}=j,N=r.useRef(null),p=r.useRef(null),[n,b]=r.useState(!1),v=r.useRef(n),{hasSidenav:M}=G.useSidenavRendered(h,s),l=!!((y=s==null?void 0:s.navItems)!=null&&y.length),{y:w,refs:x,context:u}=a.useFloating({placement:"bottom-start",open:n,onOpenChange:l?b:void 0,whileElementsMounted:(...d)=>K.autoUpdate(...d,{ancestorScroll:!1})}),o=$.useElementSize(p),F=a.useClick(u,{enabled:l}),I=a.useRole(u,{role:"dialog",enabled:l}),O=a.useDismiss(u,{enabled:l}),{getReferenceProps:L,getFloatingProps:B}=a.useInteractions([F,I,O]),T=m.default(t.default.main,{[t.default["main--with-sidenav"]]:M,[t.default["main--grow"]]:S});return r.useEffect(()=>(document&&o&&document.documentElement.style.setProperty("--header-bottom-height",`${(o==null?void 0:o.height)??0}px`),()=>{document.documentElement.style.removeProperty("--header-bottom-height")}),[o]),r.useEffect(()=>{v.current!==n&&c&&c(n),v.current=n},[n,c]),e.jsx(A.LayoutContext.Provider,{value:{y:w,menuOpen:n,toggleMenu:()=>b(d=>!d),headerType:h,reference:x.setReference,floating:x.setFloating,context:u,getReferenceProps:L,getFloatingProps:B,sideNavProps:s,headerElement:N,headerBottomElement:p,headerBottomSize:o,onHeaderSidenavToggle:c},children:e.jsx(k.AccessibilityProvider,{children:e.jsxs("div",{"data-name":"layout",...C,className:t.default["container-wrapper"],children:[e.jsx(J.Header,{...E}),e.jsxs("div",{className:m.default(t.default.container,{[t.default["container--menu-open"]]:n}),children:[s&&e.jsx(D.SideNav,{...s}),e.jsxs("div",{className:T,children:[i&&e.jsx("img",{className:t.default.main__logos,src:i.src,alt:i.alt,style:i.style}),e.jsxs("main",{className:m.default(t.default.main__content,R),id:P,tabIndex:-1,children:[f&&e.jsx(U.Section,{children:e.jsx(H.Breadcrumbs,{className:t.default.main__breadcrumbs,...f})}),_]})]})]}),g&&e.jsx(z.Footer,{...g})]})})})};exports.Layout=q;exports.default=q;

package/src/community/components/layout/layout/layout.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { useFloating as H, useClick as T, useRole as A, useDismiss as D, useInteractions as U } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import d from "../../../../../external/classnames/index.es.js";
+import u from "../../../../../external/classnames/index.es.js";
 import s from "react";
 import { Section as $ } from "../../../../tedi/components/content/section/section.es.js";
 import { useElementSize as q } from "../../../../tedi/helpers/hooks/use-element-size.es.js";
@@ -13,68 +13,66 @@ import { useSidenavRendered as V } from "../sidenav/utility.es.js";
 import e from "./layout.module.scss.es.js";
 import { Header as W } from "../header/header/header.es.js";
 import { autoUpdate as X } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-const fe = (R) => {
-  var N;
+const fe = (N) => {
+  var E;
   const {
-    children: E,
+    children: R,
     header: P,
-    sideNav: n,
-    breadcrumbsProps: u,
-    footer: f,
+    sideNav: o,
+    breadcrumbsProps: f,
+    footer: p,
     mainContentId: _ = "main-content",
     mainContentClassName: x,
     mainLogo: a,
     growMainContent: C,
-    headerType: p = "system",
+    headerType: h = "system",
     onHeaderSidenavToggle: m,
     ...S
-  } = R, w = s.useRef(null), h = s.useRef(null), [t, g] = s.useState(!1), v = s.useRef(t), { hasSidenav: F } = V(p, n), y = !!((N = n == null ? void 0 : n.navItems) != null && N.length), { y: I, refs: b, context: i } = H({
+  } = N, w = s.useRef(null), g = s.useRef(null), [t, v] = s.useState(!1), b = s.useRef(t), { hasSidenav: F } = V(h, o), i = !!((E = o == null ? void 0 : o.navItems) != null && E.length), { y: I, refs: y, context: c } = H({
     placement: "bottom-start",
     open: t,
-    onOpenChange: y ? g : void 0,
-    whileElementsMounted: (...l) => X(...l, { ancestorScroll: !1 })
-  }), r = q(h), M = T(i), O = A(i, { role: "dialog" }), B = D(i), { getReferenceProps: L, getFloatingProps: j } = U(
-    y ? [M, O, B] : []
-  ), k = d(e.main, {
+    onOpenChange: i ? v : void 0,
+    whileElementsMounted: (...d) => X(...d, { ancestorScroll: !1 })
+  }), r = q(g), M = T(c, { enabled: i }), O = A(c, { role: "dialog", enabled: i }), B = D(c, { enabled: i }), { getReferenceProps: L, getFloatingProps: j } = U([M, O, B]), k = u(e.main, {
     [e["main--with-sidenav"]]: F,
     [e["main--grow"]]: C
   });
   return s.useEffect(() => (document && r && document.documentElement.style.setProperty("--header-bottom-height", `${(r == null ? void 0 : r.height) ?? 0}px`), () => {
     document.documentElement.style.removeProperty("--header-bottom-height");
   }), [r]), s.useEffect(() => {
-    v.current !== t && m && m(t), v.current = t;
-  }, [t, m]), /* @__PURE__ */ o(
+    b.current !== t && m && m(t), b.current = t;
+  }, [t, m]), /* @__PURE__ */ n(
     K.Provider,
     {
       value: {
         y: I,
         menuOpen: t,
-        toggleMenu: () => g((l) => !l),
-        headerType: p,
-        reference: b.setReference,
-        floating: b.setFloating,
-        context: i,
+        toggleMenu: () => v((d) => !d),
+        headerType: h,
+        reference: y.setReference,
+        floating: y.setFloating,
+        context: c,
         getReferenceProps: L,
         getFloatingProps: j,
-        sideNavProps: n,
+        sideNavProps: o,
         headerElement: w,
-        headerBottomElement: h,
+        headerBottomElement: g,
         headerBottomSize: r,
         onHeaderSidenavToggle: m
       },
-      children: /* @__PURE__ */ o(z, { children: /* @__PURE__ */ c("div", { "data-name": "layout", ...S, className: e["container-wrapper"], children: [
-        /* @__PURE__ */ o(W, { ...P }),
-        /* @__PURE__ */ c("div", { className: d(e.container, { [e["container--menu-open"]]: t }), children: [
-          n && /* @__PURE__ */ o(Q, { ...n }),
-          /* @__PURE__ */ c("div", { className: k, children: [
-            a && /* @__PURE__ */ o("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
-            /* @__PURE__ */ c("main", { className: d(e.main__content, x), id: _, tabIndex: -1, children: [
-              u && /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(G, { className: e.main__breadcrumbs, ...u }) }),
-              E
+      children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ l("div", { "data-name": "layout", ...S, className: e["container-wrapper"], children: [
+        /* @__PURE__ */ n(W, { ...P }),
+        /* @__PURE__ */ l("div", { className: u(e.container, { [e["container--menu-open"]]: t }), children: [
+          o && /* @__PURE__ */ n(Q, { ...o }),
+          /* @__PURE__ */ l("div", { className: k, children: [
+            a && /* @__PURE__ */ n("img", { className: e.main__logos, src: a.src, alt: a.alt, style: a.style }),
+            /* @__PURE__ */ l("main", { className: u(e.main__content, x), id: _, tabIndex: -1, children: [
+              f && /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(G, { className: e.main__breadcrumbs, ...f }) }),
+              R
             ] })
           ] })
         ] }),
-        f && /* @__PURE__ */ o(J, { ...f })
+        p && /* @__PURE__ */ n(J, { ...p })
       ] }) })
     }
   );