@reapit/elements 5.0.0-beta.6 → 5.0.0-beta.60

package/dist/js/modal-DKlfnpvX.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as f, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as g, useId as b, createRef as h, useEffect as n } from "react";
+import { c as l } from "./index-BsMVp4qF.js";
+import { s as d } from "./index-YtxCR-9e.js";
+import { e as u } from "./deprecated-states-CuyVqPko.js";
+const p = /* @__PURE__ */ d("div")({
+  name: "ElModalBg",
+  class: "el-modal-bg",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ d("div")({
+  name: "ElModal",
+  class: "el-modal",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ d("div")({
+  name: "ElModalHeader",
+  class: "el-modal-header",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ d("div")({
+  name: "ElModalBody",
+  class: "el-modal-body",
+  propsAsIs: !1
+}), N = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(p, { className: l(a), ...s, children: e }), A = g(
+  ({ className: a, children: e, ...s }, r) => /* @__PURE__ */ o(B, { className: l(a), ...s, ref: r, children: e })
+), k = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(I, { className: l(a), ...s, children: e }), x = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(p, { className: l(a), ...s, children: e }), j = (a, e) => () => {
+  e && a.current && a.current.focus();
+}, U = ({ isOpen: a, onModalClose: e, title: s, className: r, children: M, ...t }) => {
+  const m = t.id || b(), c = h();
+  n(() => {
+    const i = (v) => {
+      v.key === "Escape" && e();
+    };
+    return document.addEventListener("keyup", i, !1), () => {
+      document.removeEventListener("keyup", i, !1);
+    };
+  }, [e]);
+  const E = l(r, u);
+  return n(j(c, a), [c, a]), n(() => {
+    console.warn("Modal component will be removed in future major version. Use `Dialog` component instead");
+  }, []), a ? /* @__PURE__ */ f(y, { children: [
+    /* @__PURE__ */ o(N, { className: u, onClick: e }),
+    /* @__PURE__ */ f(
+      A,
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-describedby": m,
+        className: E,
+        ref: c,
+        autoFocus: !0,
+        ...t,
+        children: [
+          s && /* @__PURE__ */ o(k, { children: s }),
+          /* @__PURE__ */ o(x, { id: m, children: M })
+        ]
+      }
+    )
+  ] }) : null;
+};
+export {
+  p as E,
+  N as M,
+  B as a,
+  I as b,
+  R as c,
+  A as d,
+  k as e,
+  x as f,
+  U as g,
+  j as h
+};

package/dist/js/multi-select-CDuuYtH-.js

@@ -0,0 +1,144 @@
+import { jsxs as h, jsx as n, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as y, useState as m, useEffect as S } from "react";
+import { c as d } from "./index-BsMVp4qF.js";
+import { s as o } from "./index-YtxCR-9e.js";
+import { u as k } from "./random-id-Dlehz5dT.js";
+import { D as x } from "./icon-component-BjtO14Ws.js";
+import { c as w } from "./deprecated-spacing-CGGxnk0m.js";
+import { h as f } from "./handle-keyboard-event-DUi59qMJ.js";
+const C = "el-has-grey-chips", O = /* @__PURE__ */ o("input")({
+  name: "ElMultiSelectCheckbox",
+  class: "el-multi-select-checkbox",
+  propsAsIs: !1
+}), D = /* @__PURE__ */ o("label")({
+  name: "ElMultiSelectLabel",
+  class: "el-multi-select-label",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ o("div")({
+  name: "ElMultiSelect",
+  class: "el-multi-select",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ o("div")({
+  name: "ElMultiSelectSelected",
+  class: "el-multi-select-selected",
+  propsAsIs: !1
+}), j = /* @__PURE__ */ o("div")({
+  name: "ElMultiSelectUnSelected",
+  class: "el-multi-select-un-selected",
+  propsAsIs: !1
+}), K = /* @__PURE__ */ o("input")({
+  name: "ElMultiSelectInput",
+  class: "el-multi-select-input",
+  propsAsIs: !1
+}), P = /* @__PURE__ */ o("div")({
+  name: "ElMultiSelectInputWrapper",
+  class: "el-multi-select-input-wrapper",
+  propsAsIs: !1
+}), U = (t, l, e) => {
+  const s = Object.getOwnPropertyDescriptor(t, "value")?.set, c = Object.getPrototypeOf(t), r = Object.getOwnPropertyDescriptor(c, "value")?.set;
+  s && s !== r ? r?.call(t, l) : (s?.call(t, l), e && e(l));
+}, J = (t, l, e) => () => {
+  const s = document.getElementById(t);
+  if (s) {
+    U(s, l, e);
+    const c = new Event("change", { bubbles: !0 });
+    s.dispatchEvent(c);
+  }
+}, R = (t, l, e, s) => () => {
+  e && JSON.stringify(e) !== JSON.stringify(s) && (t(e), l(e));
+}, b = (t, l, e) => (s) => {
+  const r = s.target.checked ? [...l, t] : l.filter((u) => u !== t);
+  e(r);
+}, E = (t, l, e, s) => () => {
+  const c = s ? l.filter((r) => r !== t) : [...l, t];
+  e(c);
+}, M = ({
+  className: t,
+  children: l,
+  onKeyDown: e,
+  tabIndex: s,
+  id: c,
+  ...r
+}) => {
+  const u = k(c);
+  return /* @__PURE__ */ h(I, { children: [
+    /* @__PURE__ */ n(O, { id: c ?? u, type: "checkbox", "aria-hidden": !0, ...r }),
+    /* @__PURE__ */ n(
+      D,
+      {
+        htmlFor: c ?? u,
+        role: "option",
+        tabIndex: s,
+        className: d(t),
+        onKeyDown: e,
+        children: l
+      }
+    )
+  ] });
+}, Q = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(N, { className: d(t), ...e, children: l }), W = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(A, { className: d(t), ...e, children: l }), _ = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(j, { className: d(t), ...e, children: l }), T = y(
+  ({ className: t, options: l, defaultValues: e, noneSelectedLabel: s, id: c, ...r }, u) => {
+    const [i, p] = m(e ?? []), [v, g] = m(e ?? []);
+    return S(J(c, i), [i]), S(
+      R(p, g, e, v),
+      [e]
+    ), /* @__PURE__ */ h(P, { children: [
+      /* @__PURE__ */ n(K, { id: c, ...r, ref: u }),
+      /* @__PURE__ */ n(W, { className: t, role: "listbox", "aria-label": "Multi selected options", children: i.length ? l.map((a) => i.includes(a.value) ? /* @__PURE__ */ n(
+        M,
+        {
+          id: `multi-select-chip-${a.value}`,
+          role: "option",
+          tabIndex: 0,
+          "aria-checked": !0,
+          onChange: b(a.value, i, p),
+          onKeyDown: f(
+            "Enter",
+            E(a.value, i, p, !0)
+          ),
+          defaultChecked: !0,
+          children: a.name
+        },
+        a.value
+      ) : null) : /* @__PURE__ */ h(I, { children: [
+        /* @__PURE__ */ n(x, { className: w, icon: "task", intent: "default" }),
+        /* @__PURE__ */ n("p", { children: s || "Please select from the options below" })
+      ] }) }),
+      i.length < l.length && /* @__PURE__ */ n(_, { className: t, role: "listbox", "aria-label": "Multi unselected options", children: l.map((a) => i.includes(a.value) ? null : /* @__PURE__ */ n(
+        M,
+        {
+          role: "option",
+          tabIndex: 0,
+          "aria-checked": !1,
+          className: C,
+          onChange: b(a.value, i, p),
+          onKeyDown: f(
+            "Enter",
+            E(a.value, i, p, !1)
+          ),
+          defaultChecked: !1,
+          children: a.name
+        },
+        a.value
+      )) })
+    ] });
+  }
+);
+export {
+  O as E,
+  M,
+  R as a,
+  b,
+  E as c,
+  Q as d,
+  W as e,
+  _ as f,
+  T as g,
+  J as h,
+  C as i,
+  D as j,
+  N as k,
+  A as l,
+  j as m,
+  K as n,
+  P as o
+};

package/dist/js/multi-select-CXFZEyBX.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),p=require("react"),S=require("./index-8ctufnBx.cjs"),r=require("./index-Dmlb2--K.cjs"),D=require("./random-id-DZgLyZZR.cjs"),q=require("./icon-component-BI1VsBsU.cjs"),A=require("./deprecated-spacing-7wANCtsp.cjs"),E=require("./handle-keyboard-event-BR3CNLf8.cjs"),x="el-has-grey-chips",m=r.styled_default("input")({name:"ElMultiSelectCheckbox",class:"el-multi-select-checkbox",propsAsIs:!1}),b=r.styled_default("label")({name:"ElMultiSelectLabel",class:"el-multi-select-label",propsAsIs:!1}),y=r.styled_default("div")({name:"ElMultiSelect",class:"el-multi-select",propsAsIs:!1}),I=r.styled_default("div")({name:"ElMultiSelectSelected",class:"el-multi-select-selected",propsAsIs:!1}),v=r.styled_default("div")({name:"ElMultiSelectUnSelected",class:"el-multi-select-un-selected",propsAsIs:!1}),j=r.styled_default("input")({name:"ElMultiSelectInput",class:"el-multi-select-input",propsAsIs:!1}),g=r.styled_default("div")({name:"ElMultiSelectInputWrapper",class:"el-multi-select-input-wrapper",propsAsIs:!1}),K=(t,l,e)=>{const s=Object.getOwnPropertyDescriptor(t,"value")?.set,n=Object.getPrototypeOf(t),u=Object.getOwnPropertyDescriptor(n,"value")?.set;s&&s!==u?u?.call(t,l):(s?.call(t,l),e&&e(l))},C=(t,l,e)=>()=>{const s=document.getElementById(t);if(s){K(s,l,e);const n=new Event("change",{bubbles:!0});s.dispatchEvent(n)}},k=(t,l,e,s)=>()=>{e&&JSON.stringify(e)!==JSON.stringify(s)&&(t(e),l(e))},h=(t,l,e)=>s=>{const u=s.target.checked?[...l,t]:l.filter(d=>d!==t);e(u)},f=(t,l,e,s)=>()=>{const n=s?l.filter(u=>u!==t):[...l,t];e(n)},M=({className:t,children:l,onKeyDown:e,tabIndex:s,id:n,...u})=>{const d=D.useId(n);return c.jsxs(c.Fragment,{children:[c.jsx(m,{id:n??d,type:"checkbox","aria-hidden":!0,...u}),c.jsx(b,{htmlFor:n??d,role:"option",tabIndex:s,className:S.cx_default(t),onKeyDown:e,children:l})]})},R=({className:t,children:l,...e})=>c.jsx(y,{className:S.cx_default(t),...e,children:l}),O=({className:t,children:l,...e})=>c.jsx(I,{className:S.cx_default(t),...e,children:l}),_=({className:t,children:l,...e})=>c.jsx(v,{className:S.cx_default(t),...e,children:l}),U=p.forwardRef(({className:t,options:l,defaultValues:e,noneSelectedLabel:s,id:n,...u},d)=>{const[i,o]=p.useState(e??[]),[w,N]=p.useState(e??[]);return p.useEffect(C(n,i),[i]),p.useEffect(k(o,N,e,w),[e]),c.jsxs(g,{children:[c.jsx(j,{id:n,...u,ref:d}),c.jsx(O,{className:t,role:"listbox","aria-label":"Multi selected options",children:i.length?l.map(a=>i.includes(a.value)?c.jsx(M,{id:`multi-select-chip-${a.value}`,role:"option",tabIndex:0,"aria-checked":!0,onChange:h(a.value,i,o),onKeyDown:E.handleKeyboardEvent("Enter",f(a.value,i,o,!0)),defaultChecked:!0,children:a.name},a.value):null):c.jsxs(c.Fragment,{children:[c.jsx(q.DeprecatedIcon,{className:A.elMl2,icon:"task",intent:"default"}),c.jsx("p",{children:s||"Please select from the options below"})]})}),i.length<l.length&&c.jsx(_,{className:t,role:"listbox","aria-label":"Multi unselected options",children:l.map(a=>i.includes(a.value)?null:c.jsx(M,{role:"option",tabIndex:0,"aria-checked":!1,className:x,onChange:h(a.value,i,o),onKeyDown:E.handleKeyboardEvent("Enter",f(a.value,i,o,!1)),defaultChecked:!1,children:a.name},a.value))})]})});exports.ElMultiSelect=y;exports.ElMultiSelectCheckbox=m;exports.ElMultiSelectInput=j;exports.ElMultiSelectInputWrapper=g;exports.ElMultiSelectLabel=b;exports.ElMultiSelectSelected=I;exports.ElMultiSelectUnSelected=v;exports.MultiSelect=R;exports.MultiSelectChip=M;exports.MultiSelectInput=U;exports.MultiSelectSelected=O;exports.MultiSelectUnSelected=_;exports.elHasGreyChips=x;exports.handleResetDefaultValues=k;exports.handleSelectedKeyboardOptions=f;exports.handleSelectedOptions=h;exports.handleSetNativeInput=C;

package/dist/js/nav-responsive-BypeC3Av.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("./index-8ctufnBx.cjs"),D=require("react"),pe=require("./index-Bma4JBK9.cjs"),I=require("./icon-component-BI1VsBsU.cjs"),u=require("./index-Dmlb2--K.cjs"),j=require("./deprecated-spacing-7wANCtsp.cjs"),ve=require("./random-id-DZgLyZZR.cjs"),ie=require("./avatar-BDIBV19T.cjs"),ue=require("./typography-NK1dy3i7.cjs"),k=require("./deprecated-states-WNjTkCrU.cjs"),p=require("./handle-keyboard-event-BR3CNLf8.cjs"),W=u.styled_default("div")({name:"ElDeprecatedNavBg",class:"el-deprecated-nav-bg",propsAsIs:!1}),_=u.styled_default("div")({name:"ElDeprecatedNavControlsBg",class:"el-deprecated-nav-controls-bg",propsAsIs:!1}),P=u.styled_default("nav")({name:"ElDeprecatedNavContainer",class:"el-deprecated-nav-container",propsAsIs:!1}),F=u.styled_default("div")({name:"ElDeprecatedNavSubContainer",class:"el-deprecated-nav-sub-container",propsAsIs:!1}),T="el-deprecated-nav-item-secondary",$=u.styled_default("a")({name:"ElDeprecatedNavItem",class:"el-deprecated-nav-item",propsAsIs:!1}),M="el-deprecated-nav-item-active",U="el-deprecated-nav-item-expanded",Ne="el-deprecated-nav-item-icon",L=u.styled_default("a")({name:"ElDeprecatedNavSubItem",class:"el-deprecated-nav-sub-item",propsAsIs:!1}),Q="el-deprecated-nav-sub-item-expanded",X="el-deprecated-nav-sub-item-active",Y="el-deprecated-nav-item-hide-desktop",z="el-deprecated-nav-is-hidden",R=u.styled_default("div")({name:"ElDeprecatedNavMenu",class:"el-deprecated-nav-menu",propsAsIs:!1}),E=u.styled_default("div")({name:"ElDeprecatedNavMenuOption",class:"el-deprecated-nav-menu-option",propsAsIs:!1}),q=u.styled_default("div")({name:"ElDeprecatedNavMenuOptionDivider",class:"el-deprecated-nav-menu-option-divider",propsAsIs:!1}),G=u.styled_default("div")({name:"ElDeprecatedNavResponsiveAvatarWrap",class:"el-deprecated-nav-responsive-avatar-wrap",propsAsIs:!1}),J="el-app-switcher-open",V=u.styled_default("div")({name:"ElNavResponsiveAppSwitcherWrap",class:"el-nav-responsive-app-switcher-wrap",propsAsIs:!1}),Z=u.styled_default("div")({name:"ElNavResponsiveAppSwitcherIconWrap",class:"el-nav-responsive-app-switcher-icon-wrap",propsAsIs:!1}),he="el-new-top-bar-app-switcher",C=({isSecondary:a,children:t,className:s,...n})=>{const l=i.cx_default(a&&T,s);return e.jsx($,{className:l,...n,children:t})},ee=({children:a,...t})=>e.jsx(P,{...t,children:a}),ae=({children:a,...t})=>e.jsx(L,{...t,children:a}),te=({children:a,...t})=>e.jsx(F,{...t,children:a}),B=D.createContext({}),{Provider:De}=B,xe=({children:a})=>{const[t,s]=D.useState({navItemIndex:null,navMenuOpen:!1,navSubMenuIndex:null,navSubItemIndex:null});return e.jsx(De,{value:{navState:t,setNavState:s},children:a})},ne=(a=null,t=null)=>{const{navState:s,setNavState:n}=D.useContext(B);return D.useEffect(()=>{n(r=>({...r,navItemIndex:a,navSubMenuIndex:t}))},[]),{navState:s,setNavState:r=>d=>{d?.preventDefault(),d?.stopPropagation(),n(c=>({...c,...r})),r.callback&&r.callback()}}},N=(a,t)=>s=>{s?.preventDefault(),s?.stopPropagation(),a(n=>!n),t&&t()},b=a=>t=>{t?.preventDefault(),t?.stopPropagation(),a(s=>!s)},K=({options:a,isHidden:t,text:s})=>{const[n,l]=D.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(_,{className:i.cx_default(n&&k.elIsActive),onClick:b(l),onKeyDown:p.handleKeyboardEvent("Enter",b(l))}),e.jsxs(G,{onClick:N(l),onKeyDown:p.handleKeyboardEvent("Enter",N(l)),className:i.cx_default(t&&z),role:"button",tabIndex:0,children:[e.jsx(ie.DeprecatedAvatar,{className:i.cx_default(j.elMr2),type:"profile",children:s}),!!a.length&&e.jsxs(e.Fragment,{children:[e.jsx(I.DeprecatedIcon,{intent:"default",icon:n?"chevronUp":"chevronDown"}),n&&e.jsx(R,{children:a.map(({callback:r,text:d},c)=>e.jsxs(D.Fragment,{children:[!!c&&c===a.length-1&&e.jsx(q,{}),e.jsx(E,{onClick:N(l,r),onKeyDown:p.handleKeyboardEvent("Enter",N(l,r)),role:"button",tabIndex:0,children:d})]},c))})]})]})]})},se=({options:a,className:t})=>{const[s,n]=D.useState(!1),l=()=>{window.location.href.includes(".dev.")||window.location.href.includes("localhost")?window.location.href="https://marketplace.dev.paas.reapit.cloud/installed":window.location.href="https://marketplace.reapit.cloud/installed"};return e.jsxs(e.Fragment,{children:[e.jsx(_,{className:i.cx_default(s&&k.elIsActive),onClick:b(n),onKeyDown:p.handleKeyboardEvent("Enter",b(n))}),e.jsxs(V,{onClick:N(n),onKeyDown:p.handleKeyboardEvent("Enter",N(n)),role:"button",tabIndex:0,className:t,children:[e.jsx(Z,{className:i.cx_default(s&&J),children:e.jsx(I.DeprecatedIcon,{intent:"default",icon:"appSwitcher"})}),s&&e.jsxs(R,{children:[e.jsx(E,{children:e.jsx(ue.Text2XS,{hasUpperCasedText:!0,hasDisabledText:!0,hasBoldText:!0,children:"Your Apps"})}),a.map(({callback:r,text:d,iconUrl:c},A)=>e.jsxs(E,{onClick:N(n,r),onKeyDown:p.handleKeyboardEvent("Enter",N(n,r)),role:"button",tabIndex:0,children:[c&&typeof c=="string"?e.jsx("img",{src:c,alt:`Product icon with url ${c}`}):c,d]},A)),e.jsx(q,{}),e.jsx(E,{onClick:N(n,l),onKeyDown:p.handleKeyboardEvent("Enter",N(n,l)),role:"button",tabIndex:0,children:"My Installed Apps"})]})]})]})},me=({options:a,className:t,defaultNavIndex:s,defaultNavSubIndex:n,appSwitcherOptions:l,avatarOptions:r,brandOptions:d,avatarText:c="",...A})=>{const{navState:re,setNavState:h}=ne(s,n),{isMobile:S}=pe.useMediaQuery(),{navItemIndex:x,navSubItemIndex:m,navMenuOpen:o}=re;return e.jsxs(e.Fragment,{children:[e.jsx(W,{className:i.cx_default(S&&o&&k.elIsActive),onClick:h({navMenuOpen:!o}),onKeyDown:p.handleKeyboardEvent("Enter",h({navMenuOpen:!o}))}),e.jsxs(ee,{className:i.cx_default(t),...A,children:[a.map(({href:O,callback:f,text:ce,subItems:g,itemIndex:v},le)=>{const y=g&&g.length>0;return le?e.jsxs(D.Fragment,{children:[e.jsxs(C,{className:i.cx_default(x===v&&M,o&&U),href:O,role:"button",tabIndex:0,onClick:h(y?{navItemIndex:v,navSubItemIndex:x===v&&m?m:0,callback:f}:{navItemIndex:v,callback:f,navMenuOpen:!o}),onKeyDown:p.handleKeyboardEvent("Enter",h(y?{navItemIndex:v,navSubItemIndex:x===v&&m?m:0,callback:f}:{navItemIndex:v,callback:f,navMenuOpen:!o})),children:[ce,y&&S&&e.jsx(I.DeprecatedIcon,{className:j.elMlAuto,intent:"default",icon:o&&x===v?"chevronUp":"chevronDown"})]}),y&&e.jsx(te,{children:g.map(({callback:H,text:de,href:oe,itemIndex:w})=>e.jsx(ae,{className:i.cx_default(m===w&&X,o&&x===v&&Q),href:oe,onClick:h({navSubItemIndex:w,callback:H,navMenuOpen:!o}),onKeyDown:p.handleKeyboardEvent("Enter",h({navSubItemIndex:w,callback:H,navMenuOpen:!o})),children:e.jsx("span",{children:de})},w))},ve.generateRandomId())]},v):e.jsxs(C,{className:i.cx_default(x===v&&M),href:O,children:[l&&e.jsx(se,{options:l}),d?.logoUrl?e.jsx("img",{src:d.logoUrl,alt:`Brand icon with url ${d.logoUrl}`,style:{maxHeight:"var(--nav-brand-height)"},onClick:d?.callback,onKeyDown:p.handleKeyboardEvent("Enter",d?.callback),role:"button",tabIndex:0}):e.jsx(I.DeprecatedIcon,{onClick:d?.callback,onKeyDown:p.handleKeyboardEvent("Enter",d?.callback),style:{maxHeight:"var(--nav-brand-height)"},width:"100px",icon:"reapitLogo",role:"button",tabIndex:0}),e.jsx(I.DeprecatedIcon,{className:i.cx_default(j.elMlAuto,j.elMr4,Y),icon:"more",intent:o?"primary":"default",onClick:h({navMenuOpen:!o}),onKeyDown:p.handleKeyboardEvent("Enter",h({navMenuOpen:!o})),role:"button",tabIndex:0}),(r||c)&&e.jsx(K,{isHidden:!S,options:r??[],text:c})]},v)}),(r||c)&&e.jsx(K,{isHidden:S,options:r??[],text:c})]})]})};exports.DeprecatedNav=ee;exports.DeprecatedNavItem=C;exports.DeprecatedNavResponsive=me;exports.DeprecatedNavResponsiveAvatar=K;exports.DeprecatedNavSubNav=te;exports.DeprecatedNavSubNavItem=ae;exports.ElDeprecatedNavBg=W;exports.ElDeprecatedNavContainer=P;exports.ElDeprecatedNavControlsBg=_;exports.ElDeprecatedNavItem=$;exports.ElDeprecatedNavMenu=R;exports.ElDeprecatedNavMenuOption=E;exports.ElDeprecatedNavMenuOptionDivider=q;exports.ElDeprecatedNavResponsiveAvatarWrap=G;exports.ElDeprecatedNavSubContainer=F;exports.ElDeprecatedNavSubItem=L;exports.ElNavResponsiveAppSwitcherIconWrap=Z;exports.ElNavResponsiveAppSwitcherWrap=V;exports.NavResponsiveAppSwitcher=se;exports.NavStateContext=B;exports.NavStateProvider=xe;exports.clickNavEventHandler=b;exports.elAppSwitcherOpen=J;exports.elDeprecatedNavIsHidden=z;exports.elDeprecatedNavItemActive=M;exports.elDeprecatedNavItemExpanded=U;exports.elDeprecatedNavItemHideDesktop=Y;exports.elDeprecatedNavItemIcon=Ne;exports.elDeprecatedNavItemSecondary=T;exports.elDeprecatedNavSubItemActive=X;exports.elDeprecatedNavSubItemExpanded=Q;exports.elNewTopBarAppSwitcher=he;exports.handleToggleMenu=N;exports.useNavState=ne;

package/dist/js/nav-responsive-mQ8ZX0aN.js

@@ -0,0 +1,392 @@
+import { jsx as e, jsxs as i, Fragment as g } from "react/jsx-runtime";
+import { c as u } from "./index-BsMVp4qF.js";
+import { createContext as L, useState as M, useContext as Q, useEffect as X, Fragment as W } from "react";
+import { u as Y } from "./index-DyXmRNJt.js";
+import { D as f } from "./icon-component-BjtO14Ws.js";
+import { s as m } from "./index-YtxCR-9e.js";
+import { e as J, j as R, a as V } from "./deprecated-spacing-CGGxnk0m.js";
+import { g as Z } from "./random-id-Dlehz5dT.js";
+import { D as ee } from "./avatar-BS4mzT58.js";
+import { F as ae } from "./typography-BLQ8bTfm.js";
+import { e as k } from "./deprecated-states-CuyVqPko.js";
+import { h as d } from "./handle-keyboard-event-DUi59qMJ.js";
+const ne = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavBg",
+  class: "el-deprecated-nav-bg",
+  propsAsIs: !1
+}), F = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavControlsBg",
+  class: "el-deprecated-nav-controls-bg",
+  propsAsIs: !1
+}), te = /* @__PURE__ */ m("nav")({
+  name: "ElDeprecatedNavContainer",
+  class: "el-deprecated-nav-container",
+  propsAsIs: !1
+}), se = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavSubContainer",
+  class: "el-deprecated-nav-sub-container",
+  propsAsIs: !1
+}), oe = "el-deprecated-nav-item-secondary", re = /* @__PURE__ */ m("a")({
+  name: "ElDeprecatedNavItem",
+  class: "el-deprecated-nav-item",
+  propsAsIs: !1
+}), O = "el-deprecated-nav-item-active", ce = "el-deprecated-nav-item-expanded", He = "el-deprecated-nav-item-icon", le = /* @__PURE__ */ m("a")({
+  name: "ElDeprecatedNavSubItem",
+  class: "el-deprecated-nav-sub-item",
+  propsAsIs: !1
+}), pe = "el-deprecated-nav-sub-item-expanded", de = "el-deprecated-nav-sub-item-active", ie = "el-deprecated-nav-item-hide-desktop", ve = "el-deprecated-nav-is-hidden", j = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavMenu",
+  class: "el-deprecated-nav-menu",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavMenuOption",
+  class: "el-deprecated-nav-menu-option",
+  propsAsIs: !1
+}), T = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavMenuOptionDivider",
+  class: "el-deprecated-nav-menu-option-divider",
+  propsAsIs: !1
+}), ue = /* @__PURE__ */ m("div")({
+  name: "ElDeprecatedNavResponsiveAvatarWrap",
+  class: "el-deprecated-nav-responsive-avatar-wrap",
+  propsAsIs: !1
+}), me = "el-app-switcher-open", he = /* @__PURE__ */ m("div")({
+  name: "ElNavResponsiveAppSwitcherWrap",
+  class: "el-nav-responsive-app-switcher-wrap",
+  propsAsIs: !1
+}), Ne = /* @__PURE__ */ m("div")({
+  name: "ElNavResponsiveAppSwitcherIconWrap",
+  class: "el-nav-responsive-app-switcher-icon-wrap",
+  propsAsIs: !1
+}), Pe = "el-new-top-bar-app-switcher", H = ({ isSecondary: a, children: n, className: s, ...t }) => {
+  const c = u(a && oe, s);
+  return /* @__PURE__ */ e(re, { className: c, ...t, children: n });
+}, De = ({ children: a, ...n }) => /* @__PURE__ */ e(te, { ...n, children: a }), Ie = ({ children: a, ...n }) => /* @__PURE__ */ e(le, { ...n, children: a }), fe = ({ children: a, ...n }) => /* @__PURE__ */ e(se, { ...n, children: a }), $ = L({}), { Provider: be } = $, We = ({ children: a }) => {
+  const [n, s] = M({
+    navItemIndex: null,
+    navMenuOpen: !1,
+    navSubMenuIndex: null,
+    navSubItemIndex: null
+  });
+  return /* @__PURE__ */ e(
+    be,
+    {
+      value: {
+        navState: n,
+        setNavState: s
+      },
+      children: a
+    }
+  );
+}, we = (a = null, n = null) => {
+  const { navState: s, setNavState: t } = Q($);
+  return X(() => {
+    t((o) => ({
+      ...o,
+      navItemIndex: a,
+      navSubMenuIndex: n
+    }));
+  }, []), {
+    navState: s,
+    setNavState: (o) => (l) => {
+      l?.preventDefault(), l?.stopPropagation(), t((r) => ({
+        ...r,
+        ...o
+      })), o.callback && o.callback();
+    }
+  };
+}, N = (a, n) => (s) => {
+  s?.preventDefault(), s?.stopPropagation(), a((t) => !t), n && n();
+}, x = (a) => (n) => {
+  n?.preventDefault(), n?.stopPropagation(), a((s) => !s);
+}, P = ({ options: a, isHidden: n, text: s }) => {
+  const [t, c] = M(!1);
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(
+      F,
+      {
+        className: u(t && k),
+        onClick: x(c),
+        onKeyDown: d("Enter", x(c))
+      }
+    ),
+    /* @__PURE__ */ i(
+      ue,
+      {
+        onClick: N(c),
+        onKeyDown: d("Enter", N(c)),
+        className: u(n && ve),
+        role: "button",
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ e(ee, { className: u(J), type: "profile", children: s }),
+          !!a.length && /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(f, { intent: "default", icon: t ? "chevronUp" : "chevronDown" }),
+            t && /* @__PURE__ */ e(j, { children: a.map(({ callback: o, text: l }, r) => /* @__PURE__ */ i(W, { children: [
+              !!r && r === a.length - 1 && /* @__PURE__ */ e(T, {}),
+              /* @__PURE__ */ e(
+                A,
+                {
+                  onClick: N(c, o),
+                  onKeyDown: d("Enter", N(c, o)),
+                  role: "button",
+                  tabIndex: 0,
+                  children: l
+                }
+              )
+            ] }, r)) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, Ee = ({ options: a, className: n }) => {
+  const [s, t] = M(!1), c = () => {
+    window.location.href.includes(".dev.") || window.location.href.includes("localhost") ? window.location.href = "https://marketplace.dev.paas.reapit.cloud/installed" : window.location.href = "https://marketplace.reapit.cloud/installed";
+  };
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(
+      F,
+      {
+        className: u(s && k),
+        onClick: x(t),
+        onKeyDown: d("Enter", x(t))
+      }
+    ),
+    /* @__PURE__ */ i(
+      he,
+      {
+        onClick: N(t),
+        onKeyDown: d("Enter", N(t)),
+        role: "button",
+        tabIndex: 0,
+        className: n,
+        children: [
+          /* @__PURE__ */ e(Ne, { className: u(s && me), children: /* @__PURE__ */ e(f, { intent: "default", icon: "appSwitcher" }) }),
+          s && /* @__PURE__ */ i(j, { children: [
+            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(ae, { hasUpperCasedText: !0, hasDisabledText: !0, hasBoldText: !0, children: "Your Apps" }) }),
+            a.map(({ callback: o, text: l, iconUrl: r }, y) => /* @__PURE__ */ i(
+              A,
+              {
+                onClick: N(t, o),
+                onKeyDown: d("Enter", N(t, o)),
+                role: "button",
+                tabIndex: 0,
+                children: [
+                  r && typeof r == "string" ? /* @__PURE__ */ e("img", { src: r, alt: `Product icon with url ${r}` }) : r,
+                  l
+                ]
+              },
+              y
+            )),
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ e(
+              A,
+              {
+                onClick: N(t, c),
+                onKeyDown: d("Enter", N(t, c)),
+                role: "button",
+                tabIndex: 0,
+                children: "My Installed Apps"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}, Fe = ({
+  options: a,
+  className: n,
+  defaultNavIndex: s,
+  defaultNavSubIndex: t,
+  appSwitcherOptions: c,
+  avatarOptions: o,
+  brandOptions: l,
+  avatarText: r = "",
+  ...y
+}) => {
+  const { navState: U, setNavState: h } = we(s, t), { isMobile: b } = Y(), { navItemIndex: D, navSubItemIndex: I, navMenuOpen: p } = U;
+  return /* @__PURE__ */ i(g, { children: [
+    /* @__PURE__ */ e(
+      ne,
+      {
+        className: u(b && p && k),
+        onClick: h({
+          navMenuOpen: !p
+        }),
+        onKeyDown: d(
+          "Enter",
+          h({
+            navMenuOpen: !p
+          })
+        )
+      }
+    ),
+    /* @__PURE__ */ i(De, { className: u(n), ...y, children: [
+      a.map(({ href: K, callback: w, text: _, subItems: C, itemIndex: v }, q) => {
+        const E = C && C.length > 0;
+        return q ? /* @__PURE__ */ i(W, { children: [
+          /* @__PURE__ */ i(
+            H,
+            {
+              className: u(
+                D === v && O,
+                p && ce
+              ),
+              href: K,
+              role: "button",
+              tabIndex: 0,
+              onClick: h(E ? {
+                navItemIndex: v,
+                navSubItemIndex: D === v && I ? I : 0,
+                callback: w
+              } : { navItemIndex: v, callback: w, navMenuOpen: !p }),
+              onKeyDown: d(
+                "Enter",
+                h(E ? {
+                  navItemIndex: v,
+                  navSubItemIndex: D === v && I ? I : 0,
+                  callback: w
+                } : { navItemIndex: v, callback: w, navMenuOpen: !p })
+              ),
+              children: [
+                _,
+                E && b && /* @__PURE__ */ e(
+                  f,
+                  {
+                    className: R,
+                    intent: "default",
+                    icon: p && D === v ? "chevronUp" : "chevronDown"
+                  }
+                )
+              ]
+            }
+          ),
+          E && /* @__PURE__ */ e(fe, { children: C.map(
+            ({
+              callback: B,
+              text: z,
+              href: G,
+              itemIndex: S
+            }) => /* @__PURE__ */ e(
+              Ie,
+              {
+                className: u(
+                  I === S && de,
+                  p && D === v && pe
+                ),
+                href: G,
+                onClick: h({
+                  navSubItemIndex: S,
+                  callback: B,
+                  navMenuOpen: !p
+                }),
+                onKeyDown: d(
+                  "Enter",
+                  h({
+                    navSubItemIndex: S,
+                    callback: B,
+                    navMenuOpen: !p
+                  })
+                ),
+                children: /* @__PURE__ */ e("span", { children: z })
+              },
+              S
+            )
+          ) }, Z())
+        ] }, v) : /* @__PURE__ */ i(
+          H,
+          {
+            className: u(D === v && O),
+            href: K,
+            children: [
+              c && /* @__PURE__ */ e(Ee, { options: c }),
+              l?.logoUrl ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: l.logoUrl,
+                  alt: `Brand icon with url ${l.logoUrl}`,
+                  style: { maxHeight: "var(--nav-brand-height)" },
+                  onClick: l?.callback,
+                  onKeyDown: d("Enter", l?.callback),
+                  role: "button",
+                  tabIndex: 0
+                }
+              ) : /* @__PURE__ */ e(
+                f,
+                {
+                  onClick: l?.callback,
+                  onKeyDown: d("Enter", l?.callback),
+                  style: { maxHeight: "var(--nav-brand-height)" },
+                  width: "100px",
+                  icon: "reapitLogo",
+                  role: "button",
+                  tabIndex: 0
+                }
+              ),
+              /* @__PURE__ */ e(
+                f,
+                {
+                  className: u(R, V, ie),
+                  icon: "more",
+                  intent: p ? "primary" : "default",
+                  onClick: h({
+                    navMenuOpen: !p
+                  }),
+                  onKeyDown: d(
+                    "Enter",
+                    h({
+                      navMenuOpen: !p
+                    })
+                  ),
+                  role: "button",
+                  tabIndex: 0
+                }
+              ),
+              (o || r) && /* @__PURE__ */ e(P, { isHidden: !b, options: o ?? [], text: r })
+            ]
+          },
+          v
+        );
+      }),
+      (o || r) && /* @__PURE__ */ e(P, { isHidden: b, options: o ?? [], text: r })
+    ] })
+  ] });
+};
+export {
+  P as A,
+  Fe as B,
+  $ as C,
+  H as D,
+  ne as E,
+  We as F,
+  we as G,
+  Ee as N,
+  F as a,
+  te as b,
+  se as c,
+  re as d,
+  oe as e,
+  O as f,
+  ce as g,
+  He as h,
+  le as i,
+  pe as j,
+  de as k,
+  ie as l,
+  ve as m,
+  j as n,
+  A as o,
+  T as p,
+  ue as q,
+  me as r,
+  he as s,
+  Ne as t,
+  Pe as u,
+  De as v,
+  Ie as w,
+  fe as x,
+  N as y,
+  x as z
+};