@reapit/elements 5.0.0-beta.39 → 5.0.0-beta.40

package/dist/js/{table-toolbar-oTwWnSVI.js → table-toolbar-CWzuWN-q.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as p, Fragment as u } from "react/jsx-runtime";
 import { s } from "./index-YtxCR-9e.js";
 import { createContext as f, useContext as w, useState as A } from "react";
-import { C as I } from "./checkbox-CS-7yT6x.js";
+import { C as I } from "./checkbox-BFYth-66.js";
 const x = /* @__PURE__ */ s("table")({
   name: "ElTable",
   class: "el-table",

package/dist/js/{table-toolbar-aAusD1Vl.cjs → table-toolbar-DBaOi2aA.cjs}

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),E=require("react"),q=require("./checkbox-DUImw1xA.cjs"),p=a.styled_default("table")({name:"ElTable",class:"el-table",propsAsIs:!1}),F=({children:e,...t})=>l.jsx(p,{...t,children:e}),f=a.styled_default("tbody")({name:"ElTableBody",class:"el-table-body",propsAsIs:!1}),P=({children:e,...t})=>l.jsx(f,{...t,children:e}),C=a.styled_default("td")({name:"ElTableCell",class:"el-table-cell",propsAsIs:!1}),h=a.styled_default("div")({name:"ElAvatarContent",class:"el-avatar-content",propsAsIs:!1}),m=a.styled_default("div")({name:"ElCellContent",class:"el-cell-content",propsAsIs:!1}),w=a.styled_default("div")({name:"ElMediaItemContent",class:"el-media-item-content",propsAsIs:!1}),y=a.styled_default("div")({name:"ElDoubleLineContent",class:"el-double-line-content",propsAsIs:!1}),A=a.styled_default("div")({name:"ElFirstLine",class:"el-first-line",propsAsIs:!1}),j=a.styled_default("div")({name:"ElSecondLine",class:"el-second-line",propsAsIs:!1}),x=a.styled_default("div")({name:"ElTableCellContent",class:"el-table-cell-content",propsAsIs:!1}),z=({mediaItem:e,firstLine:t,secondLine:s,alignment:n="left",width:o="auto",maxWidth:c="100%",minWidth:r="auto",style:i,...d})=>{const b=l.jsxs(l.Fragment,{children:[l.jsx(A,{children:t}),l.jsx(j,{children:s})]});return l.jsx(C,{...d,style:{"--tablecell-max-width":c,"--tablecell-min-width":r,"--tablecell-width":o,...i},children:l.jsx(x,{"data-alignment":n,children:e?l.jsxs(h,{children:[l.jsx(w,{children:e}),l.jsx(y,{children:b})]}):l.jsx(m,{children:b})})})},M=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(C,{...r,style:{"--tablecell-max-width":n,"--tablecell-min-width":o,"--tablecell-width":s,...c},children:l.jsx(x,{"data-alignment":t,children:e})}),I=a.styled_default("div")({name:"ElTableContainer",class:"el-table-container",propsAsIs:!1}),$=({children:e,...t})=>l.jsx(I,{...t,children:e}),v=a.styled_default("thead")({name:"ElTableHead",class:"el-table-head",propsAsIs:!1}),G=({children:e,isSticky:t,...s})=>l.jsx(v,{...s,"data-position":t?"sticky":"relative",children:e}),S=a.styled_default("th")({name:"ElTableHeaderCell",class:"el-table-header-cell",propsAsIs:!1}),_=a.styled_default("div")({name:"ElTableHeaderCellContent",class:"el-table-header-cell-content",propsAsIs:!1}),J=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(S,{...r,"data-alignment":t,style:{"--tablecell-header-max-width":n,"--tablecell-header-min-width":o,"--tablecell-header-width":s,...c},children:l.jsx(_,{"data-alignment":t,children:e})}),R=E.createContext(null),K=({rows:e,idKey:t,children:s})=>{const n={rows:e,idKey:t};return l.jsx(R.Provider,{value:n,children:s})},N=()=>{const e=E.useContext(R);if(!e)throw new Error("useTableContext must be used within a TableProvider");return e},H=a.styled_default("tr")({name:"ElTableRow",class:"el-table-row",propsAsIs:!1}),O=({children:e,isSelected:t,...s})=>l.jsx(H,{...s,"data-is-selected":t,children:e}),Q=({id:e,isSelectAll:t=!1,onChange:s,checked:n,isIndeterminate:o=!1,...c})=>{const r=i=>{s(i.target.checked)};return l.jsx(q.Checkbox,{...c,isIndeterminate:o,checked:n,onChange:r,"aria-label":t?"Select all rows":`Select row ${e}`})},U=({rows:e,idKey:t})=>{const[s,n]=E.useState(new Set),o=s.size>0&&s.size<e.length;return{selectedRows:s,handleRowSelect:d=>{n(b=>{const T=new Set(b);return T.has(d)?T.delete(d):T.add(d),T})},handleSelectAll:d=>{n(d?new Set(e.map(b=>b[t])):new Set)},isRowSelected:d=>s.has(d),isIndeterminate:o}},u=a.styled_default("span")({name:"ElTableTextIcon",class:"el-table-text-icon",propsAsIs:!1}),L=a.styled_default("span")({name:"ElTableTextContent",class:"el-table-text-content",propsAsIs:!1}),g=a.styled_default("div")({name:"ElTableText",class:"el-table-text",propsAsIs:!1}),V=({children:e,variant:t,size:s,iconLeft:n,iconRight:o,...c})=>l.jsxs(g,{"data-variant":t,"data-size":s,...c,children:[n&&l.jsx(u,{children:n}),e&&l.jsx(L,{children:e}),o&&l.jsx(u,{children:o})]}),D=a.styled_default("div")({name:"ElTableToolbar",class:"el-table-toolbar",propsAsIs:!1}),B=a.styled_default("div")({name:"ElTableToolbarDescription",class:"el-table-toolbar-description",propsAsIs:!1}),k=a.styled_default("div")({name:"ElTableToolbarActions",class:"el-table-toolbar-actions",propsAsIs:!1}),W=({description:e,actions:t})=>l.jsxs(D,{children:[l.jsx(B,{children:e}),l.jsx(k,{children:t})]});exports.DoubleLineCell=z;exports.ElAvatarContent=h;exports.ElCellContent=m;exports.ElDoubleLineContent=y;exports.ElFirstLine=A;exports.ElMediaItemContent=w;exports.ElSecondLine=j;exports.ElTable=p;exports.ElTableBody=f;exports.ElTableCell=C;exports.ElTableCellContent=x;exports.ElTableContainer=I;exports.ElTableHead=v;exports.ElTableHeaderCell=S;exports.ElTableHeaderCellContent=_;exports.ElTableRow=H;exports.ElTableText=g;exports.ElTableTextContent=L;exports.ElTableTextIcon=u;exports.ElTableToolbar=D;exports.ElTableToolbarActions=k;exports.ElTableToolbarDescription=B;exports.SingleLineCell=M;exports.Table=F;exports.TableBody=P;exports.TableContainer=$;exports.TableHead=G;exports.TableHeaderCell=J;exports.TableProvider=K;exports.TableRow=O;exports.TableRowSelection=Q;exports.TableText=V;exports.TableToolbar=W;exports.useRowSelection=U;exports.useTableContext=N;
+"use strict";const l=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),E=require("react"),q=require("./checkbox-C3Yq8lEo.cjs"),p=a.styled_default("table")({name:"ElTable",class:"el-table",propsAsIs:!1}),F=({children:e,...t})=>l.jsx(p,{...t,children:e}),f=a.styled_default("tbody")({name:"ElTableBody",class:"el-table-body",propsAsIs:!1}),P=({children:e,...t})=>l.jsx(f,{...t,children:e}),C=a.styled_default("td")({name:"ElTableCell",class:"el-table-cell",propsAsIs:!1}),h=a.styled_default("div")({name:"ElAvatarContent",class:"el-avatar-content",propsAsIs:!1}),m=a.styled_default("div")({name:"ElCellContent",class:"el-cell-content",propsAsIs:!1}),w=a.styled_default("div")({name:"ElMediaItemContent",class:"el-media-item-content",propsAsIs:!1}),y=a.styled_default("div")({name:"ElDoubleLineContent",class:"el-double-line-content",propsAsIs:!1}),A=a.styled_default("div")({name:"ElFirstLine",class:"el-first-line",propsAsIs:!1}),j=a.styled_default("div")({name:"ElSecondLine",class:"el-second-line",propsAsIs:!1}),x=a.styled_default("div")({name:"ElTableCellContent",class:"el-table-cell-content",propsAsIs:!1}),z=({mediaItem:e,firstLine:t,secondLine:s,alignment:n="left",width:o="auto",maxWidth:c="100%",minWidth:r="auto",style:i,...d})=>{const b=l.jsxs(l.Fragment,{children:[l.jsx(A,{children:t}),l.jsx(j,{children:s})]});return l.jsx(C,{...d,style:{"--tablecell-max-width":c,"--tablecell-min-width":r,"--tablecell-width":o,...i},children:l.jsx(x,{"data-alignment":n,children:e?l.jsxs(h,{children:[l.jsx(w,{children:e}),l.jsx(y,{children:b})]}):l.jsx(m,{children:b})})})},M=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(C,{...r,style:{"--tablecell-max-width":n,"--tablecell-min-width":o,"--tablecell-width":s,...c},children:l.jsx(x,{"data-alignment":t,children:e})}),I=a.styled_default("div")({name:"ElTableContainer",class:"el-table-container",propsAsIs:!1}),$=({children:e,...t})=>l.jsx(I,{...t,children:e}),v=a.styled_default("thead")({name:"ElTableHead",class:"el-table-head",propsAsIs:!1}),G=({children:e,isSticky:t,...s})=>l.jsx(v,{...s,"data-position":t?"sticky":"relative",children:e}),S=a.styled_default("th")({name:"ElTableHeaderCell",class:"el-table-header-cell",propsAsIs:!1}),_=a.styled_default("div")({name:"ElTableHeaderCellContent",class:"el-table-header-cell-content",propsAsIs:!1}),J=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(S,{...r,"data-alignment":t,style:{"--tablecell-header-max-width":n,"--tablecell-header-min-width":o,"--tablecell-header-width":s,...c},children:l.jsx(_,{"data-alignment":t,children:e})}),R=E.createContext(null),K=({rows:e,idKey:t,children:s})=>{const n={rows:e,idKey:t};return l.jsx(R.Provider,{value:n,children:s})},N=()=>{const e=E.useContext(R);if(!e)throw new Error("useTableContext must be used within a TableProvider");return e},H=a.styled_default("tr")({name:"ElTableRow",class:"el-table-row",propsAsIs:!1}),O=({children:e,isSelected:t,...s})=>l.jsx(H,{...s,"data-is-selected":t,children:e}),Q=({id:e,isSelectAll:t=!1,onChange:s,checked:n,isIndeterminate:o=!1,...c})=>{const r=i=>{s(i.target.checked)};return l.jsx(q.Checkbox,{...c,isIndeterminate:o,checked:n,onChange:r,"aria-label":t?"Select all rows":`Select row ${e}`})},U=({rows:e,idKey:t})=>{const[s,n]=E.useState(new Set),o=s.size>0&&s.size<e.length;return{selectedRows:s,handleRowSelect:d=>{n(b=>{const T=new Set(b);return T.has(d)?T.delete(d):T.add(d),T})},handleSelectAll:d=>{n(d?new Set(e.map(b=>b[t])):new Set)},isRowSelected:d=>s.has(d),isIndeterminate:o}},u=a.styled_default("span")({name:"ElTableTextIcon",class:"el-table-text-icon",propsAsIs:!1}),L=a.styled_default("span")({name:"ElTableTextContent",class:"el-table-text-content",propsAsIs:!1}),g=a.styled_default("div")({name:"ElTableText",class:"el-table-text",propsAsIs:!1}),V=({children:e,variant:t,size:s,iconLeft:n,iconRight:o,...c})=>l.jsxs(g,{"data-variant":t,"data-size":s,...c,children:[n&&l.jsx(u,{children:n}),e&&l.jsx(L,{children:e}),o&&l.jsx(u,{children:o})]}),D=a.styled_default("div")({name:"ElTableToolbar",class:"el-table-toolbar",propsAsIs:!1}),B=a.styled_default("div")({name:"ElTableToolbarDescription",class:"el-table-toolbar-description",propsAsIs:!1}),k=a.styled_default("div")({name:"ElTableToolbarActions",class:"el-table-toolbar-actions",propsAsIs:!1}),W=({description:e,actions:t})=>l.jsxs(D,{children:[l.jsx(B,{children:e}),l.jsx(k,{children:t})]});exports.DoubleLineCell=z;exports.ElAvatarContent=h;exports.ElCellContent=m;exports.ElDoubleLineContent=y;exports.ElFirstLine=A;exports.ElMediaItemContent=w;exports.ElSecondLine=j;exports.ElTable=p;exports.ElTableBody=f;exports.ElTableCell=C;exports.ElTableCellContent=x;exports.ElTableContainer=I;exports.ElTableHead=v;exports.ElTableHeaderCell=S;exports.ElTableHeaderCellContent=_;exports.ElTableRow=H;exports.ElTableText=g;exports.ElTableTextContent=L;exports.ElTableTextIcon=u;exports.ElTableToolbar=D;exports.ElTableToolbarActions=k;exports.ElTableToolbarDescription=B;exports.SingleLineCell=M;exports.Table=F;exports.TableBody=P;exports.TableContainer=$;exports.TableHead=G;exports.TableHeaderCell=J;exports.TableProvider=K;exports.TableRow=O;exports.TableRowSelection=Q;exports.TableText=V;exports.TableToolbar=W;exports.useRowSelection=U;exports.useTableContext=N;

package/dist/js/tooltip-BszFuzzR.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("react/jsx-runtime"),m=require("./popover-DBEXxy0O.cjs"),v=require("react");function c({id:o,tooltipId:e,tooltipPurpose:r}){return r==="describe"?{"aria-describedby":e,id:o}:{"aria-labelledby":e,id:o}}function u(o){if(!o)return!0;const e=document.getElementById(o);return e?e.scrollWidth>e.clientWidth:!0}const p="el-tooltip";function a({tooltipId:o,triggerId:e,truncationTargetId:r}){v.useEffect(function(){if(!u(r))return;const t=document.getElementById(o),n=document.getElementById(e),i=new AbortController,l=i.signal;return t instanceof HTMLElement&&n instanceof HTMLElement&&(n.addEventListener("focus",()=>t.showPopover(),{signal:l}),n.addEventListener("blur",()=>t.hidePopover(),{signal:l}),n.addEventListener("mouseenter",()=>t.showPopover(),{signal:l}),n.addEventListener("mouseleave",()=>{n.matches(":focus-visible")||t.hidePopover()},{signal:l})),()=>{i.abort()}},[e,o])}function d({children:o,id:e,maxWidth:r="--size-100",placement:s="top",triggerId:t,truncationTargetId:n,...i}){return a({tooltipId:e,triggerId:t,truncationTargetId:n}),f.jsx(m.Popover,{...i,anchorId:t,className:p,elevation:"none",gap:"var(--spacing-1)",id:e,maxWidth:`var(${r})`,placement:s,positionTryFallbacks:"flip-block, flip-inline",popover:"hint",role:"tooltip",children:o})}d.getTriggerProps=c;exports.Tooltip=d;exports.elTooltip=p;exports.getTooltipTriggerProps=c;exports.isTooltipNeeded=u;exports.useTooltipController=a;

package/dist/js/tooltip-Dn4EQFOW.js

@@ -0,0 +1,76 @@
+import { jsx as a } from "react/jsx-runtime";
+import { P as c } from "./popover-CpXCYh5W.js";
+import { useEffect as u } from "react";
+function p({
+  id: o,
+  tooltipId: e,
+  tooltipPurpose: r
+}) {
+  return r === "describe" ? {
+    "aria-describedby": e,
+    id: o
+  } : {
+    "aria-labelledby": e,
+    id: o
+  };
+}
+function f(o) {
+  if (!o) return !0;
+  const e = document.getElementById(o);
+  return e ? e.scrollWidth > e.clientWidth : !0;
+}
+const m = "el-tooltip";
+function d({ tooltipId: o, triggerId: e, truncationTargetId: r }) {
+  u(
+    function() {
+      if (!f(r))
+        return;
+      const t = document.getElementById(o), n = document.getElementById(e), i = new AbortController(), s = i.signal;
+      return t instanceof HTMLElement && n instanceof HTMLElement && (n.addEventListener("focus", () => t.showPopover(), { signal: s }), n.addEventListener("blur", () => t.hidePopover(), { signal: s }), n.addEventListener("mouseenter", () => t.showPopover(), { signal: s }), n.addEventListener(
+        "mouseleave",
+        () => {
+          n.matches(":focus-visible") || t.hidePopover();
+        },
+        { signal: s }
+      )), () => {
+        i.abort();
+      };
+    },
+    [e, o]
+  );
+}
+function v({
+  children: o,
+  id: e,
+  maxWidth: r = "--size-100",
+  placement: l = "top",
+  triggerId: t,
+  truncationTargetId: n,
+  ...i
+}) {
+  return d({ tooltipId: e, triggerId: t, truncationTargetId: n }), /* @__PURE__ */ a(
+    c,
+    {
+      ...i,
+      anchorId: t,
+      className: m,
+      elevation: "none",
+      gap: "var(--spacing-1)",
+      id: e,
+      maxWidth: `var(${r})`,
+      placement: l,
+      positionTryFallbacks: "flip-block, flip-inline",
+      popover: "hint",
+      role: "tooltip",
+      children: o
+    }
+  );
+}
+v.getTriggerProps = p;
+export {
+  v as T,
+  m as e,
+  p as g,
+  f as i,
+  d as u
+};