@adam-milo/ui 1.0.94 → 1.0.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index100.cjs +1 -1
- package/dist/index100.js +1 -5
- package/dist/index101.cjs +1 -1
- package/dist/index101.js +1 -1
- package/dist/index102.cjs +1 -1
- package/dist/index102.js +3 -1
- package/dist/index103.cjs +1 -1
- package/dist/index103.js +2 -3
- package/dist/index104.cjs +1 -1
- package/dist/index104.js +1 -2
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +1 -1
- package/dist/index106.cjs +1 -1
- package/dist/index106.js +1 -1
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +1 -1
- package/dist/index108.cjs +1 -1
- package/dist/index108.js +1 -1
- package/dist/index109.cjs +1 -1
- package/dist/index109.js +1 -1
- package/dist/index110.cjs +1 -1
- package/dist/index110.js +1 -1
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +1 -1
- package/dist/index112.cjs +1 -1
- package/dist/index112.js +5 -1
- package/dist/index113.cjs +1 -1
- package/dist/index113.js +1 -1
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +1 -1
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +1 -1
- package/dist/index116.cjs +1 -1
- package/dist/index116.js +1 -1
- package/dist/index118.cjs +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.cjs +1 -1
- package/dist/index119.js +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +9 -7
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +1 -1
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +1 -1
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +1 -1
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +1 -1
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +2 -0
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts +10 -0
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index39.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as
|
|
2
|
-
/* @__PURE__ */e("table",{ref:
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
/* @__PURE__ */e("tbody",{"data-cy":`${
|
|
5
|
-
/* @__PURE__ */
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
/* @__PURE__ */
|
|
1
|
+
import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as c,useEffect as l,useCallback as s}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as n}from"./index55.js";import{Checkbox as o}from"./index11.js";import{emptyStateWrapperStyles as h,emptyStateIconStyles as m,emptyStateTextStyles as $,loadingRowStyles as y,skeletonCellStyles as p,headerBarStyles as g,scrollContainerStyles as f,wrapperBorderBreakStyles as b,thBorderBreakStyles as N,checkboxCellStyles as k,thStyles as v,stickyTheadStyles as w,theadBorderBreakStyles as u,theadStyles as x,tdBorderBreakStyles as S,tdStyles as L,trStripedEvenStyles as j,trHoverableStyles as E,trBorderBreakStyles as M,trStripedStyles as C,tableBaseStyles as I,footerBarStyles as R,wrapperStyles as T}from"./index83.js";const B=["60%","75%","45%","55%","70%","50%"],H=d(({columns:d,data:H,striped:A=!1,hoverable:D=!1,headerLeft:K,headerRight:O,borderBreak:q=!1,onLoadMore:z,isLoadingMore:F=!1,hasMore:G=!1,loadingIndicator:J,skeletonRows:P=3,maxHeight:Q,emptyStateText:U,selectable:V=!1,rowKey:W="id",selectedRows:X,onSelectionChange:Y,footerBar:Z,className:_,"data-cy":ee,"data-testid":ae,...te},de)=>{const re=ee||"datatable",ce=ae||"datatable",le=K||O,se=r(null),ie=r(null),[ne,oe]=c(!1);l(()=>{const e=ie.current;if(!e||!Q)return;const a=()=>oe(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[Q]);const he=X??/* @__PURE__ */new Set,me=H.map(e=>String(e[W]??"")),$e=V&&H.length>0&&me.every(e=>he.has(e)),ye=V&&H.length>0&&me.some(e=>he.has(e)),pe=s(()=>{if(Y)if($e){const e=new Set(he);me.forEach(a=>e.delete(a)),Y(e)}else{const e=new Set(he);me.forEach(a=>e.add(a)),Y(e)}},[$e,me,he,Y]),ge=s(e=>{if(!Y)return;const a=new Set(he);a.has(e)?a.delete(e):a.add(e),Y(a)},[he,Y]),fe=V?d.length+1:d.length,be=s(e=>{const[a]=e;a.isIntersecting&&G&&!F&&z&&z()},[G,F,z]);l(()=>{const e=se.current;if(!e||!z)return;const a=new IntersectionObserver(be,{root:Q?ie.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[be,z,Q]);const Ne=/* @__PURE__ */e(a,{children:[
|
|
2
|
+
/* @__PURE__ */e("table",{ref:de,className:n(I,_),"data-cy":re,"data-testid":ce,...te,children:[
|
|
3
|
+
/* @__PURE__ */t("thead",{className:n(x,q&&u,Q&&w,Q&&ne&&"!bg-white"),"data-cy":`${re}-head`,"data-testid":`${ce}-head`,children:/* @__PURE__ */e("tr",{children:[V&&/* @__PURE__ */t("th",{className:n(k,q&&N),"data-cy":`${re}-header-checkbox`,"data-testid":`${ce}-header-checkbox`,children:/* @__PURE__ */t(o,{checked:$e,indeterminate:ye&&!$e,onChange:pe,"aria-label":"Select all rows","data-cy":`${re}-select-all`,"data-testid":`${ce}-select-all`})}),d.map(e=>/* @__PURE__ */t("th",{className:n(v,q&&N),"data-cy":`${re}-header-${e.key}`,"data-testid":`${ce}-header-${e.key}`,children:e.header},e.key))]})}),
|
|
4
|
+
/* @__PURE__ */e("tbody",{"data-cy":`${re}-body`,"data-testid":`${ce}-body`,children:[0!==H.length||F?H.map((a,r)=>/* @__PURE__ */e("tr",{className:n(C,q&&M,D&&E,A&&!q&&j),"data-cy":`${re}-row-${r}`,"data-testid":`${ce}-row-${r}`,children:[V&&/* @__PURE__ */t("td",{className:n(k,q&&S),"data-cy":`${re}-cell-${r}-checkbox`,"data-testid":`${ce}-cell-${r}-checkbox`,children:/* @__PURE__ */t(o,{checked:he.has(String(a[W]??"")),onChange:()=>ge(String(a[W]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${re}-select-${r}`,"data-testid":`${ce}-select-${r}`})}),d.map(e=>/* @__PURE__ */t("td",{className:n(L,q&&S),"data-cy":`${re}-cell-${r}-${e.key}`,"data-testid":`${ce}-cell-${r}-${e.key}`,children:e.render?e.render(a[e.key],a,r):String(a[e.key]??"")},e.key))]},r)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:fe,className:"p-0","data-cy":`${re}-empty`,"data-testid":`${ce}-empty`,children:/* @__PURE__ */e("div",{className:h,children:[
|
|
5
|
+
/* @__PURE__ */t("div",{className:m,"data-cy":`${re}-empty-icon`,"data-testid":`${ce}-empty-icon`,children:/* @__PURE__ */t(i,{width:"100%",height:"100%"})}),U&&/* @__PURE__ */t("p",{className:$,"data-cy":`${re}-empty-text`,"data-testid":`${ce}-empty-text`,children:U})]})})}),F&&(J?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:fe,className:y,"data-cy":`${re}-loading`,"data-testid":`${ce}-loading`,children:J})}):Array.from({length:P}).map((e,a)=>/* @__PURE__ */t("tr",{className:n(C,q&&M),"data-cy":`${re}-skeleton-${a}`,"data-testid":`${ce}-skeleton-${a}`,children:d.map((e,d)=>/* @__PURE__ */t("td",{className:n(L,q&&S),children:/* @__PURE__ */t("div",{className:p,style:{width:B[(a+d)%B.length]}})},e.key))},`skeleton-${a}`)))]})]}),z&&/* @__PURE__ */t("div",{ref:se,className:"h-4","data-cy":`${re}-sentinel`,"data-testid":`${ce}-sentinel`,"aria-hidden":"true"})]}),ke=/* @__PURE__ */e("div",{className:n(T,q&&"overflow-hidden rounded-2xl"),"data-cy":`${re}-wrapper`,"data-testid":`${ce}-wrapper`,children:[le&&/* @__PURE__ */e("div",{className:g,"data-cy":`${re}-header-bar`,"data-testid":`${ce}-header-bar`,children:[
|
|
6
|
+
/* @__PURE__ */t("div",{"data-cy":`${re}-header-left`,"data-testid":`${ce}-header-left`,children:K}),
|
|
7
|
+
/* @__PURE__ */t("div",{"data-cy":`${re}-header-right`,"data-testid":`${ce}-header-right`,children:O})]}),Q?/* @__PURE__ */t("div",{ref:ie,className:f,style:{maxHeight:Q},children:Ne}):Ne]}),ve=Z?/* @__PURE__ */t("div",{className:R,"data-cy":`${re}-footer-bar`,"data-testid":`${ce}-footer-bar`,children:Z}):null;/* @__PURE__ */
|
|
8
|
+
return e(a,q?{children:[
|
|
9
|
+
/* @__PURE__ */t("div",{className:b,children:ke}),ve]}:{children:[ke,ve]})});H.displayName="DataTable";export{H as DataTable};
|
package/dist/index71.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index112.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",tabIndex:-1,className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
|
package/dist/index71.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./
|
|
1
|
+
import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index112.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[x,w]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||w(t)},[]),b=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),T=o(()=>{w(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!x||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,w(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[x]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:x,onOpenChange:N,children:[
|
|
2
2
|
/* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",tabIndex:-1,className:p,"aria-label":"More information",onPointerDown:b,onClick:T,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
|
|
3
3
|
/* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
|
|
4
4
|
/* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
|
package/dist/index76.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-1 gap-1 rounded-xl bg-[var(--color-bg-secondary)] border border-[#F7F9FB]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 border-b-4 border-b-transparent bg-transparent cursor-pointer select-none -mb-px","transition-[color,border-color] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:border-b-[var(--color-clickable)]","hover:text-[var(--color-clickable)]"].join(" "),i=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),l=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.625rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" ");exports.contentStyles="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded",exports.listFullWidthStyles="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",exports.listMobileStyles=o,exports.listStyles=e,exports.listTableStyles=t,exports.triggerMobileStyles=l,exports.triggerStyles=r,exports.triggerTableStyles=i;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-1 gap-1 rounded-xl bg-[var(--color-bg-secondary)] border border-[#F7F9FB]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 border-solid border-b-4 border-b-transparent bg-transparent cursor-pointer select-none -mb-px","transition-[color,border-color] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:border-b-[var(--color-clickable)]","hover:text-[var(--color-clickable)]"].join(" "),i=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),l=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.625rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" ");exports.contentStyles="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded",exports.listFullWidthStyles="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",exports.listMobileStyles=o,exports.listStyles=e,exports.listTableStyles=t,exports.triggerMobileStyles=l,exports.triggerStyles=r,exports.triggerTableStyles=i;
|
package/dist/index76.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-1 gap-1 rounded-xl bg-[var(--color-bg-secondary)] border border-[#F7F9FB]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",a=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 border-b-4 border-b-transparent bg-transparent cursor-pointer select-none -mb-px","transition-[color,border-color] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:border-b-[var(--color-clickable)]","hover:text-[var(--color-clickable)]"].join(" "),i=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),l=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.625rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" "),s="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded";export{s as contentStyles,r as listFullWidthStyles,t as listMobileStyles,e as listStyles,o as listTableStyles,l as triggerMobileStyles,a as triggerStyles,i as triggerTableStyles};
|
|
1
|
+
const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-1 gap-1 rounded-xl bg-[var(--color-bg-secondary)] border border-[#F7F9FB]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",a=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 border-solid border-b-4 border-b-transparent bg-transparent cursor-pointer select-none -mb-px","transition-[color,border-color] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:border-b-[var(--color-clickable)]","hover:text-[var(--color-clickable)]"].join(" "),i=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),l=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.625rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" "),s="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded";export{s as contentStyles,r as listFullWidthStyles,t as listMobileStyles,e as listStyles,o as listTableStyles,l as triggerMobileStyles,a as triggerStyles,i as triggerTableStyles};
|
package/dist/index80.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index101.cjs"),n=require("./index102.cjs"),o=require("./index103.cjs"),s=require("./index104.cjs"),i=require("./index105.cjs"),a=require("./index106.cjs"),c=require("./index107.cjs"),u=require("./index108.cjs"),d=require("./index109.cjs"),l=require("./index110.cjs"),p=require("./index111.cjs"),f=require("./index112.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index100.cjs"),n=require("./index101.cjs"),o=require("./index102.cjs"),s=require("./index103.cjs"),i=require("./index104.cjs"),a=require("./index105.cjs"),c=require("./index106.cjs"),u=require("./index107.cjs"),d=require("./index108.cjs"),l=require("./index109.cjs"),p=require("./index110.cjs"),f=require("./index111.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
|
package/dist/index80.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./
|
|
1
|
+
import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index100.js";import{useComposedRefs as n}from"./index101.js";import{createCollection as o}from"./index102.js";import{createContextScope as s}from"./index103.js";import{Branch as i,Root as a}from"./index104.js";import{Portal as c}from"./index105.js";import{Presence as d}from"./index106.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index107.js";import{useCallbackRef as p}from"./index108.js";import{useControllableState as f}from"./index109.js";import{useLayoutEffect as m}from"./index110.js";import{VisuallyHidden as w}from"./index111.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
|
|
2
2
|
/* @__PURE__ */v(h.Slot,{scope:o,children:/* @__PURE__ */v(u.ol,{tabIndex:-1,...c,ref:T})}),g&&/* @__PURE__ */v(k,{ref:m,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"backwards"}))}})]})});F.displayName=D;var N="ToastFocusProxy",k=e.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=R(N,r);/* @__PURE__ */
|
|
3
3
|
return v(w,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});k.displayName=N;var A="Toast",I=e.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[c,u]=f({prop:o,defaultProp:s??!0,onChange:i,caller:A});/* @__PURE__ */
|
|
4
4
|
return v(d,{present:n||c,children:/* @__PURE__ */v(j,{open:c,...a,ref:t,onClose:()=>u(!1),onPause:p(e.onPause),onResume:p(e.onResume),onSwipeStart:r(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),u(!1)})})})});I.displayName=A;var[M,K]=C(A,{onClose(){}}),j=e.forwardRef((o,s)=>{const{__scopeToast:i,type:c="foreground",duration:d,open:l,onClose:f,onEscapeKeyDown:m,onPause:w,onResume:E,onSwipeStart:x,onSwipeMove:g,onSwipeCancel:C,onSwipeEnd:b,...P}=o,D=R(A,i),[L,F]=e.useState(null),N=n(s,e=>F(e)),k=e.useRef(null),I=e.useRef(null),K=d||D.duration,j=e.useRef(0),V=e.useRef(K),$=e.useRef(0),{onToastAdd:U,onToastRemove:X}=D,q=p(()=>{const e=L?.contains(document.activeElement);e&&D.viewport?.focus(),f()}),H=e.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout($.current),j.current=/* @__PURE__ */(new Date).getTime(),$.current=window.setTimeout(q,e))},[q]);e.useEffect(()=>{const e=D.viewport;if(e){const t=()=>{H(V.current),E?.()},r=()=>{const e=/* @__PURE__ */(new Date).getTime()-j.current;V.current=V.current-e,window.clearTimeout($.current),w?.()};return e.addEventListener(S,r),e.addEventListener(_,t),()=>{e.removeEventListener(S,r),e.removeEventListener(_,t)}}},[D.viewport,K,w,E,H]),e.useEffect(()=>{l&&!D.isClosePausedRef.current&&H(K)},[l,K,D.isClosePausedRef,H]),e.useEffect(()=>(U(),()=>X()),[U,X]);const z=e.useMemo(()=>L?W(L):null,[L]);return D.viewport?/* @__PURE__ */y(T,{children:[z&&/* @__PURE__ */v(O,{__scopeToast:i,role:"status","aria-live":"foreground"===c?"assertive":"polite",children:z}),
|
package/dist/index83.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.emptyStateIconStyles="w-[11.875rem] h-[11.875rem] text-[#8C8C9C]",exports.emptyStateTextStyles="text-base font-normal text-[#8C8C9C] text-center max-w-[20rem]",exports.emptyStateWrapperStyles="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",exports.headerBarStyles="flex items-center justify-between p-6 max-sm:p-4",exports.loadingRowStyles="py-4 text-center",exports.scrollContainerStyles="overflow-y-auto datatable-scrollbar",exports.skeletonCellStyles="h-3 rounded-md bg-[var(--color-border)] animate-pulse",exports.stickyTheadStyles="sticky top-0 z-[5] !border-b-0 after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[rgba(0,165,187,0.25)]",exports.tableBaseStyles="w-full border-collapse text-sm leading-normal text-[var(--color-text)]",exports.tdBorderBreakStyles="px-6 py-2.5 text-[1.125rem] font-normal text-[var(--color-text)]",exports.tdStyles="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",exports.thBorderBreakStyles="px-6 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[#2E3947]",exports.thStyles="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",exports.theadBorderBreakStyles="!bg-transparent border-b border-[rgba(0,165,187,0.25)]",exports.theadStyles="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",exports.trBorderBreakStyles="border-0 even:bg-transparent hover:bg-white",exports.trHoverableStyles="hover:bg-[var(--color-bg)]",exports.trStripedEvenStyles="even:bg-[var(--color-bg)]",exports.trStripedStyles="border-b border-[var(--color-border)]",exports.wrapperBorderBreakStyles="card-border-break rounded-2xl bg-[rgba(255,255,255,0.43)]",exports.wrapperStyles="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[rgba(0,165,187,0.15)]","shadow-[0_4px_24px_0_rgba(0,0,0,0.08)]"].join(" ");exports.checkboxCellStyles="w-12 px-4 py-2.5 max-sm:px-2 max-sm:w-8",exports.emptyStateIconStyles="w-[11.875rem] h-[11.875rem] text-[#8C8C9C]",exports.emptyStateTextStyles="text-base font-normal text-[#8C8C9C] text-center max-w-[20rem]",exports.emptyStateWrapperStyles="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",exports.footerBarStyles=e,exports.headerBarStyles="flex items-center justify-between p-6 max-sm:p-4",exports.loadingRowStyles="py-4 text-center",exports.scrollContainerStyles="overflow-y-auto datatable-scrollbar",exports.skeletonCellStyles="h-3 rounded-md bg-[var(--color-border)] animate-pulse",exports.stickyTheadStyles="sticky top-0 z-[5] !border-b-0 after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[rgba(0,165,187,0.25)]",exports.tableBaseStyles="w-full border-collapse text-sm leading-normal text-[var(--color-text)]",exports.tdBorderBreakStyles="px-6 py-2.5 text-[1.125rem] font-normal text-[var(--color-text)]",exports.tdStyles="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",exports.thBorderBreakStyles="px-6 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[#2E3947]",exports.thStyles="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",exports.theadBorderBreakStyles="!bg-transparent border-b border-[rgba(0,165,187,0.25)]",exports.theadStyles="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",exports.trBorderBreakStyles="border-0 even:bg-transparent hover:bg-white",exports.trHoverableStyles="hover:bg-[var(--color-bg)]",exports.trStripedEvenStyles="even:bg-[var(--color-bg)]",exports.trStripedStyles="border-b border-[var(--color-border)]",exports.wrapperBorderBreakStyles="card-border-break rounded-2xl bg-[rgba(255,255,255,0.43)]",exports.wrapperStyles="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]";
|
package/dist/index83.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const r="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]",e="card-border-break rounded-2xl bg-[rgba(255,255,255,0.43)]",t="w-full border-collapse text-sm leading-normal text-[var(--color-text)]",o="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",a="!bg-transparent border-b border-[rgba(0,165,187,0.25)]",
|
|
1
|
+
const r="w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]",e="card-border-break rounded-2xl bg-[rgba(255,255,255,0.43)]",t="w-full border-collapse text-sm leading-normal text-[var(--color-text)]",o="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",a="!bg-transparent border-b border-[rgba(0,165,187,0.25)]",x="px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",b="px-6 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[#2E3947]",l="border-b border-[var(--color-border)]",m="border-0 even:bg-transparent hover:bg-white",s="hover:bg-[var(--color-bg)]",p="even:bg-[var(--color-bg)]",d="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",c="px-6 py-2.5 text-[1.125rem] font-normal text-[var(--color-text)]",n="flex flex-col items-center justify-center gap-4 py-16 px-6 max-sm:py-10",f="w-[11.875rem] h-[11.875rem] text-[#8C8C9C]",g="text-base font-normal text-[#8C8C9C] text-center max-w-[20rem]",i="flex items-center justify-between p-6 max-sm:p-4",w="py-4 text-center",v="h-3 rounded-md bg-[var(--color-border)] animate-pulse",y="overflow-y-auto datatable-scrollbar",h="sticky top-0 z-[5] !border-b-0 after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[rgba(0,165,187,0.25)]",u="w-12 px-4 py-2.5 max-sm:px-2 max-sm:w-8",C=["fixed bottom-8 left-1/2 -translate-x-1/2 z-50","flex items-center justify-between","w-[46.875rem] max-w-[calc(100%-2rem)]","py-4 ps-8 pe-4","bg-white rounded-2xl","border border-solid border-[rgba(0,165,187,0.15)]","shadow-[0_4px_24px_0_rgba(0,0,0,0.08)]"].join(" ");export{u as checkboxCellStyles,f as emptyStateIconStyles,g as emptyStateTextStyles,n as emptyStateWrapperStyles,C as footerBarStyles,i as headerBarStyles,w as loadingRowStyles,y as scrollContainerStyles,v as skeletonCellStyles,h as stickyTheadStyles,t as tableBaseStyles,c as tdBorderBreakStyles,d as tdStyles,b as thBorderBreakStyles,x as thStyles,a as theadBorderBreakStyles,o as theadStyles,m as trBorderBreakStyles,s as trHoverableStyles,p as trStripedEvenStyles,l as trStripedStyles,e as wrapperBorderBreakStyles,r as wrapperStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA6BxD,eAAO,MAAM,SAAS,6GAwUrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -20,4 +20,6 @@ export declare const loadingRowStyles = "py-4 text-center";
|
|
|
20
20
|
export declare const skeletonCellStyles = "h-3 rounded-md bg-[var(--color-border)] animate-pulse";
|
|
21
21
|
export declare const scrollContainerStyles = "overflow-y-auto datatable-scrollbar";
|
|
22
22
|
export declare const stickyTheadStyles = "sticky top-0 z-[5] !border-b-0 after:absolute after:left-0 after:right-0 after:bottom-0 after:h-px after:bg-[rgba(0,165,187,0.25)]";
|
|
23
|
+
export declare const checkboxCellStyles = "w-12 px-4 py-2.5 max-sm:px-2 max-sm:w-8";
|
|
24
|
+
export declare const footerBarStyles: string;
|
|
23
25
|
//# sourceMappingURL=DataTable.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,qJAC0H,CAAC;AAErJ,eAAO,MAAM,wBAAwB,8DAA8D,CAAC;AAEpG,eAAO,MAAM,eAAe,2EAC8C,CAAC;AAE3E,eAAO,MAAM,WAAW,yEAAyE,CAAC;AAClG,eAAO,MAAM,sBAAsB,2DAA2D,CAAC;AAE/F,eAAO,MAAM,QAAQ,8GACwF,CAAC;AAE9G,eAAO,MAAM,mBAAmB,4EAC2C,CAAC;AAE5E,eAAO,MAAM,eAAe,0CAA0C,CAAC;AACvE,eAAO,MAAM,mBAAmB,gDAAgD,CAAC;AACjF,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAC9D,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,eAAO,MAAM,QAAQ,8EAA8E,CAAC;AAEpG,eAAO,MAAM,mBAAmB,qEACoC,CAAC;AAErE,eAAO,MAAM,eAAe,0EAC6C,CAAC;AAE1E,eAAO,MAAM,uBAAuB,4EACuC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,+CAA+C,CAAC;AAEjF,eAAO,MAAM,oBAAoB,mEACiC,CAAC;AAEnE,eAAO,MAAM,eAAe,qDAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,0DAA0D,CAAC;AAE1F,eAAO,MAAM,qBAAqB,wCAAwC,CAAC;AAE3E,eAAO,MAAM,iBAAiB,uIACwG,CAAC"}
|
|
1
|
+
{"version":3,"file":"DataTable.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,qJAC0H,CAAC;AAErJ,eAAO,MAAM,wBAAwB,8DAA8D,CAAC;AAEpG,eAAO,MAAM,eAAe,2EAC8C,CAAC;AAE3E,eAAO,MAAM,WAAW,yEAAyE,CAAC;AAClG,eAAO,MAAM,sBAAsB,2DAA2D,CAAC;AAE/F,eAAO,MAAM,QAAQ,8GACwF,CAAC;AAE9G,eAAO,MAAM,mBAAmB,4EAC2C,CAAC;AAE5E,eAAO,MAAM,eAAe,0CAA0C,CAAC;AACvE,eAAO,MAAM,mBAAmB,gDAAgD,CAAC;AACjF,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAC9D,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,eAAO,MAAM,QAAQ,8EAA8E,CAAC;AAEpG,eAAO,MAAM,mBAAmB,qEACoC,CAAC;AAErE,eAAO,MAAM,eAAe,0EAC6C,CAAC;AAE1E,eAAO,MAAM,uBAAuB,4EACuC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,+CAA+C,CAAC;AAEjF,eAAO,MAAM,oBAAoB,mEACiC,CAAC;AAEnE,eAAO,MAAM,eAAe,qDAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,0DAA0D,CAAC;AAE1F,eAAO,MAAM,qBAAqB,wCAAwC,CAAC;AAE3E,eAAO,MAAM,iBAAiB,uIACwG,CAAC;AAEvI,eAAO,MAAM,kBAAkB,4CAA4C,CAAC;AAE5E,eAAO,MAAM,eAAe,QAQjB,CAAC"}
|
|
@@ -32,6 +32,16 @@ export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
|
32
32
|
maxHeight?: string;
|
|
33
33
|
/** Custom text for empty state (shown when data is empty) */
|
|
34
34
|
emptyStateText?: string;
|
|
35
|
+
/** Enables row selection with checkboxes. Requires `rowKey` to identify rows. */
|
|
36
|
+
selectable?: boolean;
|
|
37
|
+
/** Unique key field in each data row used to track selection (e.g. 'id') */
|
|
38
|
+
rowKey?: string;
|
|
39
|
+
/** Set of selected row keys — controlled from outside */
|
|
40
|
+
selectedRows?: Set<string | number>;
|
|
41
|
+
/** Called when selection changes — receives the updated Set of selected keys */
|
|
42
|
+
onSelectionChange?: (selected: Set<string | number>) => void;
|
|
43
|
+
/** Content rendered as a sticky footer bar (e.g. selection actions) */
|
|
44
|
+
footerBar?: ReactNode;
|
|
35
45
|
'data-cy'?: string;
|
|
36
46
|
'data-testid'?: string;
|
|
37
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACxF;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
1
|
+
{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACxF;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACpC,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7D,uEAAuE;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|