@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

package/_virtual/RawDraftContentState.es.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/external/draft-js/lib/getRangeBoundingClientRect.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./getRangeClientRects.cjs.js");var R=v.getRangeClientRects_1;function f(r){var t=R(r),e=0,n=0,g=0,a=0;if(t.length){if(t.length>1&&t[0].width===0){var o=t[1];e=o.top,n=o.right,g=o.bottom,a=o.left}else{var h=t[0];e=h.top,n=h.right,g=h.bottom,a=h.left}for(var l=1;l<t.length;l++){var i=t[l];i.height!==0&&i.width!==0&&(e=Math.min(e,i.top),n=Math.max(n,i.right),g=Math.max(g,i.bottom),a=Math.min(a,i.left))}}return{top:e,right:n,bottom:g,left:a,width:n-a,height:g-e}}var m=f;exports.getRangeBoundingClientRect_1=m;

package/external/draft-js/lib/getRangeBoundingClientRect.es.js

@@ -1,30 +0,0 @@
-import { g as f } from "./getRangeClientRects.es.js";
-var m = f;
-function v(r) {
-  var t = m(r), a = 0, g = 0, o = 0, e = 0;
-  if (t.length) {
-    if (t.length > 1 && t[0].width === 0) {
-      var h = t[1];
-      a = h.top, g = h.right, o = h.bottom, e = h.left;
-    } else {
-      var i = t[0];
-      a = i.top, g = i.right, o = i.bottom, e = i.left;
-    }
-    for (var l = 1; l < t.length; l++) {
-      var n = t[l];
-      n.height !== 0 && n.width !== 0 && (a = Math.min(a, n.top), g = Math.max(g, n.right), o = Math.max(o, n.bottom), e = Math.min(e, n.left));
-    }
-  }
-  return {
-    top: a,
-    right: g,
-    bottom: o,
-    left: e,
-    width: g - e,
-    height: o - a
-  };
-}
-var p = v;
-export {
-  p as g
-};

package/external/draft-js/lib/getVisibleSelectionRect.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./getRangeBoundingClientRect.cjs.js");var u=c.getRangeBoundingClientRect_1;function a(n){var t=n.getSelection();if(!t.rangeCount)return null;var i=t.getRangeAt(0),e=u(i),g=e.top,o=e.right,r=e.bottom,l=e.left;return g===0&&o===0&&r===0&&l===0?null:e}var R=a;exports.getVisibleSelectionRect_1=R;

package/external/draft-js/lib/getVisibleSelectionRect.es.js

@@ -1,13 +0,0 @@
-import { g as a } from "./getRangeBoundingClientRect.es.js";
-var c = a;
-function u(n) {
-  var e = n.getSelection();
-  if (!e.rangeCount)
-    return null;
-  var i = e.getRangeAt(0), t = c(i), r = t.top, g = t.right, o = t.bottom, l = t.left;
-  return r === 0 && g === 0 && o === 0 && l === 0 ? null : t;
-}
-var f = u;
-export {
-  f as g
-};

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),H=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),d=require("../../../../base/icon/icon.cjs.js"),f=require("../../../../buttons/button/button.cjs.js"),n=require("../../sidenav.module.scss.cjs.js"),q=require("../sidenav-item/sidenav-item.cjs.js"),U=require("../../../../../providers/label-provider/use-labels.cjs.js"),D=({navItems:h,ariaLabel:y,linkAs:v,isOpen:M,onClose:r,showOverlay:w=!0,id:B,className:G})=>{var k,g,p,I,S,C,L;const{getLabel:b}=U.useLabels(),[s,c]=m.useState([{items:h}]);m.useEffect(()=>{c([{items:h}])},[h]);const a=s[s.length-1],P=s.length===1,x=e=>{var _;const i=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!i){r();return}const u=((_=e.subItemGroups)==null?void 0:_.flatMap(E=>E.subItems))||e.subItems||[];c([...s,{items:u,parent:e,renderParentLink:o}])},R=()=>{c(s.slice(0,-1))},T=()=>{c([s[0]])},z=((g=(k=a.parent)==null?void 0:k.subItems)==null?void 0:g.length)??((I=(p=a.parent)==null?void 0:p.subItemGroups)==null?void 0:I.length),F=s.length>1&&!(a.renderParentLink&&z),N=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?t.jsx(q.SideNavItem,{...e,as:v,level:i,onItemClick:r,className:l.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>x(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):O(e,i),O=(e,i)=>{const o=!!(e.href||e.to),u=!!(e.subItems||e.subItemGroups);return o?t.jsx(q.SideNavItem,{...e,as:v,level:i,icon:void 0,onItemClick:r,className:l.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"]),children:t.jsxs(f.Button,{noStyle:!0,onClick:()=>u?x(e):r(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),u?t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},j=t.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],G),"aria-label":y,id:B,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[s.length>1&&t.jsxs(f.Button,{noStyle:!0,onClick:T,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:b("sidenav.backToMainMenu")})]}),s.length>2&&t.jsxs(f.Button,{noStyle:!0,onClick:R,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((C=(S=s[s.length-1])==null?void 0:S.parent)==null?void 0:C.children)+" "+b("sidenav.backtoMenu")})]})]})}),F&&t.jsx("div",{className:l.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(L=a.parent)==null?void 0:L.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:l.default(n.default["tedi-sidenav__collapse"]),children:N(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>t.jsx(m.Fragment,{children:N(e,s.length)},e.id||i))]})]});return M?w?t.jsx(H.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:n.default["tedi-sidenav__overlay"],children:j}):j:null};exports.SideNavMobile=D;

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-import { SideNavItemProps } from '../sidenav-item/sidenav-item';
-type SideNavMobileProps<C extends React.ElementType = 'a'> = {
-    navItems: SideNavItemProps<C>[];
-    ariaLabel: string;
-    linkAs?: C;
-    isOpen: boolean;
-    onClose: () => void;
-    showOverlay?: boolean;
-    id?: string;
-    className?: string;
-};
-export declare const SideNavMobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: SideNavMobileProps<C>) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),b=require("../../../../../../../external/classnames/index.cjs.js"),_=require("../../../../buttons/button/button.cjs.js"),y=require("../../../../buttons/floating-button/floating-button.cjs.js"),o=require("./sidenav-toggle.module.scss.cjs.js"),m=require("../../../../../providers/label-provider/use-labels.cjs.js"),i=({menuOpen:l,toggleMenu:s,referenceRef:n,getReferenceProps:a=()=>({}),variant:e="mobile",className:c})=>{const{getLabel:d}=m.useLabels(),u=d("header.toggle",l),r=b.default(o.default["tedi-sidenav-toggle"],{[o.default["tedi-sidenav-toggle--open"]]:l,[o.default[`tedi-sidenav-toggle--${e}`]]:!0},c),g=e==="collapse"?y.FloatingButton:_.Button,f=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s(!l))};return p.jsx(g,{...a(),ref:n,icon:{name:e==="collapse"?l?"right_panel_open":"left_panel_open":l?"close":"menu",className:o.default["tedi-sidenav-toggle__icon"],size:e==="collapse"?18:24},visualType:e==="collapse"?"secondary":"primary",className:r,onClick:()=>s(!l),onKeyDown:f,position:e==="collapse"?"absolute":"static",size:e==="collapse"?"small":"",children:u})};exports.SidenavToggle=i;exports.default=i;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-import { UnknownType } from '../../../../../types/commonTypes';
-export type SidenavToggleVariant = 'mobile' | 'collapse';
-export type SidenavToggleProps = {
-    /**
-     * Is the menu open (for mobile) or expanded (for collapse)
-     */
-    menuOpen: boolean;
-    /**
-     * Toggle open/collapse state
-     */
-    toggleMenu: (open: boolean) => void;
-    /**
-     * Optional ref to attach to button (for floating UI etc.)
-     */
-    referenceRef?: React.Ref<UnknownType>;
-    /**
-     * Optional props passed from floating UI
-     */
-    getReferenceProps?: () => UnknownType;
-    /**
-     * Variant of toggle (mobile overlay or collapse control)
-     */
-    variant?: SidenavToggleVariant;
-    /**
-     * Add custom class to override styles
-     */
-    className?: string;
-};
-export declare const SidenavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, className, }: SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default SidenavToggle;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.es.js

@@ -1,48 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import f from "../../../../../../../external/classnames/index.es.js";
-import { Button as y } from "../../../../buttons/button/button.es.js";
-import { FloatingButton as _ } from "../../../../buttons/floating-button/floating-button.es.js";
-import l from "./sidenav-toggle.module.scss.es.js";
-import { useLabels as b } from "../../../../../providers/label-provider/use-labels.es.js";
-const L = ({
-  menuOpen: o,
-  toggleMenu: t,
-  referenceRef: i,
-  getReferenceProps: a = () => ({}),
-  variant: e = "mobile",
-  className: c
-}) => {
-  const { getLabel: r } = b(), n = r("header.toggle", o), p = f(
-    l["tedi-sidenav-toggle"],
-    {
-      [l["tedi-sidenav-toggle--open"]]: o,
-      [l[`tedi-sidenav-toggle--${e}`]]: !0
-    },
-    c
-  ), m = e === "collapse" ? _ : y, g = (s) => {
-    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t(!o));
-  };
-  return /* @__PURE__ */ d(
-    m,
-    {
-      ...a(),
-      ref: i,
-      icon: {
-        name: e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu",
-        className: l["tedi-sidenav-toggle__icon"],
-        size: e === "collapse" ? 18 : 24
-      },
-      visualType: e === "collapse" ? "secondary" : "primary",
-      className: p,
-      onClick: () => t(!o),
-      onKeyDown: g,
-      position: e === "collapse" ? "absolute" : "static",
-      size: e === "collapse" ? "small" : "",
-      children: n
-    }
-  );
-};
-export {
-  L as SidenavToggle,
-  L as default
-};

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.module.scss.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav-toggle":"tedi-sidenav-toggle-5aa60f9e","tedi-sidenav-toggle__icon":"tedi-sidenav-toggle__icon-a52afb07","tedi-sidenav-toggle--collapse":"tedi-sidenav-toggle--collapse-3b54974c"};exports.default=e;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.module.scss.es.js

@@ -1,8 +0,0 @@
-const e = {
-  "tedi-sidenav-toggle": "tedi-sidenav-toggle-5aa60f9e",
-  "tedi-sidenav-toggle__icon": "tedi-sidenav-toggle__icon-a52afb07",
-  "tedi-sidenav-toggle--collapse": "tedi-sidenav-toggle--collapse-3b54974c"
-};
-export {
-  e as default
-};