@reapit/elements 5.0.0-beta.67 → 5.0.0-beta.68

package/dist/js/drawer-GNG7AmHl.js

@@ -1,197 +0,0 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { s as t } from "./index-AHmiDD3r.js";
-import { createContext as A, useContext as v, useCallback as D, useRef as x, useLayoutEffect as C, useState as B, useId as O } from "react";
-import "./button-base-BxF98pDk.js";
-import { B as T } from "./button-DYIdjjTt.js";
-import { CloseIcon as F } from "./icons/close.js";
-const N = /* @__PURE__ */ t("article")({
-  name: "ElDrawerBody",
-  class: "el-drawer-body",
-  propsAsIs: !1
-});
-function m({ children: e, ...r }) {
-  return /* @__PURE__ */ s(N, { ...r, children: e });
-}
-m.displayName = "Drawer.Body";
-const u = A(null);
-function E() {
-  const e = v(u);
-  if (!e)
-    throw new Error("DrawerContext not defined: useDrawerContext can only be used in a child of DrawerContext");
-  return e;
-}
-const R = /* @__PURE__ */ t("footer")({
-  name: "ElDrawerFooter",
-  class: "el-drawer-footer",
-  propsAsIs: !1
-});
-function h({ children: e, ...r }) {
-  return /* @__PURE__ */ s(R, { ...r, children: e });
-}
-h.displayName = "Drawer.Footer";
-function H() {
-  return /* @__PURE__ */ s("form", { children: /* @__PURE__ */ s(
-    T,
-    {
-      autoFocus: !0,
-      "aria-label": "Close",
-      formMethod: "dialog",
-      iconLeft: /* @__PURE__ */ s(F, { "aria-hidden": !0 }),
-      size: "large",
-      type: "submit",
-      variant: "tertiary"
-    }
-  ) });
-}
-H.displayName = "Drawer.HeaderCloseButton";
-const ee = "drawer-header", S = /* @__PURE__ */ t("header")({
-  name: "ElDrawerHeader",
-  class: "el-drawer-header",
-  propsAsIs: !1
-}), _ = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderTabsContainer",
-  class: "el-drawer-header-tabs-container",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderContentContainer",
-  class: "el-drawer-header-content-container",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderTitleContainer",
-  class: "el-drawer-header-title-container",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderAction",
-  class: "el-drawer-header-action",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderOverline",
-  class: "el-drawer-header-overline",
-  propsAsIs: !1
-}), k = /* @__PURE__ */ t("h2")({
-  name: "ElDrawerHeaderTitle",
-  class: "el-drawer-header-title",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ t("div")({
-  name: "ElDrawerHeaderSupplementaryInfo",
-  class: "el-drawer-header-supplementary-info",
-  propsAsIs: !1
-});
-function i({ action: e, overline: r, children: a, supplementaryInfo: o, tabs: n, ...d }) {
-  const { titleId: c } = E() ?? {};
-  return /* @__PURE__ */ s(S, { ...d, children: /* @__PURE__ */ f(M, { children: [
-    /* @__PURE__ */ f(P, { children: [
-      e && /* @__PURE__ */ s(j, { children: e }),
-      r && /* @__PURE__ */ s(q, { children: r }),
-      /* @__PURE__ */ s(k, { id: c, children: a }),
-      o && /* @__PURE__ */ s(W, { children: o })
-    ] }),
-    n && /* @__PURE__ */ s(_, { children: n })
-  ] }) });
-}
-i.displayName = "Drawer.Header";
-i.CloseButton = H;
-const z = /* @__PURE__ */ t("dialog")({
-  name: "ElDrawer",
-  class: "el-drawer",
-  propsAsIs: !1
-});
-function L(e) {
-  return e.closest("dialog");
-}
-function G(e, r) {
-  return D(
-    (a) => {
-      a.stopPropagation(), e === "none" && a.target === a.currentTarget ? a.preventDefault() : r?.(a);
-    },
-    [e, r]
-  );
-}
-function J(e) {
-  const r = x(null);
-  return C(
-    function() {
-      !r.current || e === void 0 || (e ? r.current.showModal() : r.current.close());
-    },
-    [e]
-  ), r;
-}
-function K(e) {
-  const [r, a] = B(!1);
-  return C(() => {
-    if (!e.current) return;
-    const o = e.current;
-    a(o.open);
-    const n = new MutationObserver(() => {
-      a(o.open);
-    });
-    return n.observe(o, {
-      attributeFilter: ["open"]
-    }), () => n.disconnect();
-  }, [e, a]), r;
-}
-function Q(e) {
-  return D(
-    (r) => {
-      r.stopPropagation(), e?.(r);
-    },
-    [e]
-  );
-}
-function l({
-  "aria-label": e,
-  "aria-labelledby": r,
-  children: a,
-  closedBy: o = "closerequest",
-  isOpen: n,
-  onCancel: d,
-  onClose: c,
-  ...b
-}) {
-  const p = J(n), g = K(p), w = O(), y = G(o, d), I = Q(c);
-  return /* @__PURE__ */ s(
-    z,
-    {
-      ...b,
-      "aria-label": e,
-      "aria-labelledby": e ? void 0 : r ?? w,
-      ref: p,
-      onCancel: y,
-      onClose: I,
-      children: /* @__PURE__ */ s(u.Provider, { value: { titleId: w }, children: g && a })
-    }
-  );
-}
-l.Body = m;
-l.Footer = h;
-l.Header = i;
-l.HeaderCloseButton = i.CloseButton;
-l.Context = u;
-l.useContext = E;
-l.getClosestDialogElement = L;
-export {
-  m as D,
-  N as E,
-  u as a,
-  l as b,
-  h as c,
-  R as d,
-  H as e,
-  i as f,
-  ee as g,
-  S as h,
-  _ as i,
-  M as j,
-  P as k,
-  j as l,
-  q as m,
-  k as n,
-  W as o,
-  z as p,
-  L as q,
-  G as r,
-  J as s,
-  K as t,
-  E as u,
-  Q as v
-};

package/dist/js/listbox-BGrp52Hs.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),te=require("./divider-D6g_RP0X.cjs"),a=require("react"),ne=require("./index-BAGJrh44.cjs"),oe=require("./handle-arrow-navigation-CKkGc2A5.cjs"),I=require("./use-mutation-observer-BBugqUeF.cjs"),h=a.createContext(null);function w(){const e=a.useContext(h);if(!e)throw new Error("useListboxContext must be used within a Listbox");return e}class b extends Error{constructor(t){super(t),this.name="ListboxError",Error.captureStackTrace&&Error.captureStackTrace(this,b)}}function p(e){let t;if(typeof e=="string"){const n=document.getElementById(e);if(!n)throw new b(`Listbox with id "${e}" does not exist in the document`);t=n}else t=e;const o=t.firstElementChild;if(!(o instanceof HTMLSelectElement)){const n=typeof e=="string"?`Listbox with id "${e}"`:"Listbox element";throw new b(`${n} does not contain a select element as its first child. Found: ${o?.constructor.name??"null"}`)}return o}function se(e,t){const o=Array.from(e.options).find(n=>n.value===t);if(!(o instanceof HTMLOptionElement)){const n=Array.from(e.options).map(s=>s.value).join(", ");throw new b(`Option with value "${t}" does not exist in select element. Available values: [${n}]`)}return o}function V(e){const t=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(t)}function q(e){const t=p(e),o=t.selectedOptions.length>0;for(const n of Array.from(t.selectedOptions))n.selected=!1;o&&V(t)}function v(e){const t=e instanceof HTMLSelectElement?e:p(e),o=Array.from(t.selectedOptions).map(n=>n.value).filter(n=>n!=="");return t.multiple?o:o[0]??""}const m='button[role="option"]',y=`${m}:is([aria-checked="true"], [aria-selected="true"])`;function F(e){return Array.from(e.querySelectorAll(y)).filter(t=>t instanceof HTMLButtonElement&&t.value!=="")}function R(e,t,o){const n=p(e),s=se(n,t),i=s.selected;s.selected=o(s.selected,n),i!==s.selected&&V(n)}function j(e){return`${e}-select`}const L=a.createContext(null);function O(){const e=a.useContext(L);if(!e)throw new Error("useListboxRenderContext must be used within a Listbox");return e}const ie={auto:(e,t)=>t.multiple?!e:!0,toggle:e=>!e,select:()=>!0};function re(e){return e==="auto"||e==="toggle"||e==="select"}function ce(e){const{listboxId:t,selectAction:o}=e.currentTarget.dataset,n=e.currentTarget.value;!t||typeof n!="string"||re(o)&&R(t,n,ie[o])}function A({as:e,children:t,disabled:o,onClick:n,value:s,...i}){const l=e||"button",c=w(),f=O(),d=c.selectValue.includes(s)||s===""&&c.selectValue.length===0;if(f==="native")return d?null:u.jsx("option",{value:s,children:t});const x=S=>{n?.(S),ce(S)};return u.jsx(l,{...i,"aria-checked":c.multiple?d:void 0,"aria-selected":c.multiple?void 0:d,"data-listbox-id":c.listboxId,"data-select-action":c.selectAction,disabled:c.disabled||o,onClick:x,role:"option",tabIndex:-1,type:"button",value:s,children:t})}A.displayName="Listbox.Option";function M({as:e,children:t,label:o,...n}){return O()==="native"?u.jsx("optgroup",{label:o,children:t}):u.jsx(e,{...n,label:o,role:"group",children:t})}M.displayName="Listbox.Optgroup";const le=ne.styled_default("select")({name:"ElListboxSelect",class:"el-listbox-select",propsAsIs:!1}),B=a.forwardRef(function({children:t,onChange:o,placeholder:n="Select an option",multiple:s,value:i,...l},c){return u.jsxs(le,{...l,hidden:!0,multiple:s,onChange:o,onInput:o,ref:c,value:s?i:i[0]??"",children:[!s&&u.jsx("option",{value:"",children:n}),i.map(f=>u.jsx("option",{value:f,children:f},f)),u.jsx(L.Provider,{value:"native",children:t})]})});function ae(e){const t=e.currentTarget,o=p(t);t.contains(e.relatedTarget)||(t.tabIndex=0,e.isTrusted&&o.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,cancelable:!0,relatedTarget:e.relatedTarget})))}function g(e){return e instanceof HTMLButtonElement}function ue(e){return e instanceof HTMLElement&&e.matches(":focus-visible")}function de(e){const t=e.currentTarget,o=p(t),n=t.dataset.selectionFollowsFocus==="true",{relatedTarget:s,target:i}=e,l=ue(i),c=!t.contains(s),f=t.contains(s)&&g(i)&&g(s);if(l&&f&&n){i.click();return}if(c&&(e.isTrusted&&o.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,cancelable:!0,relatedTarget:e.relatedTarget})),l)){t.tabIndex=-1;const d=t.querySelector(y);if(g(d)){d.focus();return}const x=t.querySelector(m);g(x)&&(x.focus(),n&&x.click())}}function N({onKeyDown:e}){return{onBlur:s=>{ae(s)},onFocus:s=>{de(s)},onKeyDown:s=>{e?.(s),oe.handleArrowNavigation(s,{selectors:m})}}}function $(e,t){const o=a.useRef(t);a.useEffect(function(){o.current=t},[t]);const n=a.useCallback(()=>{const s=document.getElementById(e);if(s){const i=v(e),l=F(s);o.current(l,i)}},[e]);a.useEffect(function(){n()},[]),I.useMutationObserver(e,n,fe),I.useMutationObserver(j(e),n,xe)}const fe={attributeFilter:["aria-checked","aria-selected"],subtree:!0},xe={childList:!0};function D({defaultValue:e,multiple:t,onChange:o,value:n}){const[s,i]=a.useState(()=>T(n??e??[])),l=T(n??s);return[t?l:l.slice(0,1),d=>{o?.(d),i(T(v(d.currentTarget)))}]}function T(e){return typeof e=="string"?[e]:e}function H(e){return a.useState(e)}function r({"aria-disabled":e=!1,"aria-multiselectable":t=!1,"aria-orientation":o="vertical","aria-required":n=!1,as:s,children:i,className:l,defaultValue:c,id:f,name:d,onBlur:x,onChange:S,onFocus:P,onKeyDown:_,placeholder:K,selectAction:k="auto",selectRef:z,selectionFollowsFocus:G=!t,style:J,value:Q,...U}){const W=s??"div",X=a.useId(),E=f??X,[C,Y]=D({defaultValue:c,multiple:t,onChange:S,value:Q}),Z=N({onKeyDown:_}),ee=a.useMemo(()=>({disabled:e,listboxId:E,multiple:t,selectAction:k,selectValue:C}),[e,E,t,k,C]);return u.jsx(W,{...U,...Z,"aria-disabled":e,"aria-multiselectable":t,"aria-orientation":o,"aria-required":n,"data-selection-follows-focus":G,className:l,id:E,role:"listbox",style:J,tabIndex:0,children:u.jsxs(h.Provider,{value:ee,children:[u.jsx(B,{disabled:e,id:j(E),multiple:t,name:d,onBlur:x,onChange:Y,onFocus:P,placeholder:K,ref:z,required:n,value:C,children:i}),u.jsx(L.Provider,{value:"custom",children:i})]})})}r.Divider=te.Divider;r.Option=A;r.Optgroup=M;r.Select=B;r.useSelectionObserver=$;r.useState=H;r.Context=h;r.RenderContext=L;r.useContext=w;r.useRenderContext=O;r.clearValue=q;r.getSelectedOptions=F;r.getValue=v;r.setOptionSelectedState=R;exports.Listbox=r;exports.ListboxContext=h;exports.ListboxOptgroup=M;exports.ListboxOption=A;exports.ListboxRenderContext=L;exports.OPTION_SELECTOR=m;exports.SELECTED_OPTION_SELECTOR=y;exports.clearListboxValue=q;exports.getListboxSelectId=j;exports.getListboxSelectedOptions=F;exports.getListboxValue=v;exports.setListboxOptionSelectedState=R;exports.useFocusManagement=N;exports.useListboxContext=w;exports.useListboxRenderContext=O;exports.useListboxSelectState=D;exports.useListboxSelectionObserver=$;exports.useListboxState=H;

package/dist/js/popover-CA0t-z5e.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),I=require("./anchor-positioning-CmSZkNof.cjs"),b=require("./index-8ctufnBx.cjs");function i({id:e,popoverTarget:o,popoverTargetAction:r}){return{id:e,popovertarget:o,popovertargetaction:r}}const p="el-popover";function y(e){return e.closest("[popover]")}function t({alignSelf:e,anchorId:o,borderRadius:r,children:c,className:g,bottom:v,elevation:l="none",gap:a,id:n,justifySelf:u,left:P,maxHeight:d,maxWidth:m,minWidth:h,placement:x,positionTryFallbacks:f,popover:E="auto",right:j,style:q,top:T,...C}){return s.jsxs("div",{...C,className:b.cx_default(p,g),"data-elevation":l,id:n,popover:E,style:{...q,"--popover-border-radius":r,"--popover-max-height":d},children:[s.jsx(I.AnchorPositioning,{anchorElementId:o,alignSelf:e,bottom:v,gap:a,justifySelf:u,left:P,maxWidth:m,minWidth:h,placement:x,positionedElementId:n,positionTryFallbacks:f,right:j,top:T}),c]})}t.getTriggerProps=i;t.getClosestPopoverElement=y;exports.Popover=t;exports.elPopover=p;exports.getPopoverTriggerProps=i;