@adam-milo/ui 1.0.104 → 1.0.105

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/index11.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index67.cjs"),s=r.forwardRef(({label:s,error:d,helperText:c,indeterminate:i=!1,className:l,id:n,required:o,disabled:u,checked:p,"data-cy":b,"data-testid":y,...h},x)=>{const m=r.useId(),k=n||m,S=`${k}-error`,$=`${k}-helper`,f=b||"checkbox",j=y||"checkbox",N=r.useRef(null),q=r.useCallback(e=>{N.current=e,x&&("function"==typeof x?x(e):"current"in x&&(x.current=e))},[x]);r.useEffect(()=>{N.current&&(N.current.indeterminate=i)},[i]);const v=s&&o&&!s.includes("*")?`${s} *`:s;return e.jsxs("div",{className:a.cn(t.wrapperStyles,u&&t.wrapperDisabledStyles),"data-cy":`${f}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:t.containerStyles,children:[e.jsx("input",{ref:q,id:k,type:"checkbox",checked:p,className:a.cn(t.inputBaseStyles,d&&t.inputErrorStyles,"checkbox-checkmark",l),"aria-invalid":d?"true":"false","aria-required":o?"true":void 0,"aria-describedby":d?S:c?$:void 0,"data-cy":f,"data-testid":j,"data-indeterminate":i?"true":void 0,disabled:u,required:o,...h}),s&&e.jsx("label",{htmlFor:k,className:a.cn(t.labelStyles,u&&t.labelDisabledStyles),"data-cy":`${f}-label`,"data-testid":`${j}-label`,children:v})]}),d&&e.jsx("span",{id:S,className:t.errorMsgStyles,role:"alert","data-cy":`${f}-error`,"data-testid":`${j}-error`,children:d}),c&&!d&&e.jsx("span",{id:$,className:t.helperMsgStyles,"data-cy":`${f}-helper`,"data-testid":`${j}-helper`,children:c})]})});s.displayName="Checkbox",exports.Checkbox=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index67.cjs"),s=r.forwardRef(({label:s,error:c,helperText:d,indeterminate:i=!1,className:l,id:n,required:o,disabled:u,checked:p,"data-cy":y,"data-testid":b,...h},x)=>{const m=r.useId(),k=n||m,f=`${k}-error`,S=`${k}-helper`,$=y||"checkbox",j=b||"checkbox",v=r.useRef(null),N=r.useCallback(e=>{v.current=e,x&&("function"==typeof x?x(e):"current"in x&&(x.current=e))},[x]);r.useEffect(()=>{v.current&&(v.current.indeterminate=i)},[i]);const q=s&&o&&!s.includes("*")?`${s} *`:s;return e.jsxs("div",{className:a.cn(t.wrapperStyles,u&&t.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:t.containerStyles,children:[e.jsx("input",{ref:N,id:k,type:"checkbox",checked:p,className:a.cn(t.inputBaseStyles,c&&t.inputErrorStyles,"checkbox-checkmark",l),"aria-invalid":c?"true":"false","aria-required":o?"true":void 0,"aria-describedby":c?f:d?S:void 0,"data-cy":$,"data-testid":j,"data-indeterminate":i?"true":void 0,disabled:u,required:o,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),v.current?.click()),h.onKeyDown?.(e)},...h}),s&&e.jsx("label",{htmlFor:k,className:a.cn(t.labelStyles,u&&t.labelDisabledStyles),"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),c&&e.jsx("span",{id:f,className:t.errorMsgStyles,role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:c}),d&&!c&&e.jsx("span",{id:S,className:t.helperMsgStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});s.displayName="Checkbox",exports.Checkbox=s;
package/dist/index11.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as t,useRef as d,useCallback as i,useEffect as c}from"react";import{cn as l}from"./index57.js";import{containerStyles as s,errorMsgStyles as n,helperMsgStyles as o,inputErrorStyles as m,inputBaseStyles as p,labelDisabledStyles as h,labelStyles as u,wrapperDisabledStyles as b,wrapperStyles as $}from"./index67.js";const x=a(({label:a,error:x,helperText:y,indeterminate:k=!1,className:f,id:N,required:v,disabled:j,checked:q,"data-cy":w,"data-testid":C,...F},T)=>{const g=t(),z=N||g,A=`${z}-error`,B=`${z}-helper`,D=w||"checkbox",E=C||"checkbox",G=d(null),H=i(e=>{G.current=e,T&&("function"==typeof T?T(e):"current"in T&&(T.current=e))},[T]);c(()=>{G.current&&(G.current.indeterminate=k)},[k]);const I=a&&v&&!a.includes("*")?`${a} *`:a;/* @__PURE__ */
2
- return e("div",{className:l($,j&&b),"data-cy":`${D}-wrapper`,"data-testid":`${E}-wrapper`,children:[
3
- /* @__PURE__ */e("div",{className:s,children:[
4
- /* @__PURE__ */r("input",{ref:H,id:z,type:"checkbox",checked:q,className:l(p,x&&m,"checkbox-checkmark",f),"aria-invalid":x?"true":"false","aria-required":v?"true":void 0,"aria-describedby":x?A:y?B:void 0,"data-cy":D,"data-testid":E,"data-indeterminate":k?"true":void 0,disabled:j,required:v,...F}),a&&/* @__PURE__ */r("label",{htmlFor:z,className:l(u,j&&h),"data-cy":`${D}-label`,"data-testid":`${E}-label`,children:I})]}),x&&/* @__PURE__ */r("span",{id:A,className:n,role:"alert","data-cy":`${D}-error`,"data-testid":`${E}-error`,children:x}),y&&!x&&/* @__PURE__ */r("span",{id:B,className:o,"data-cy":`${D}-helper`,"data-testid":`${E}-helper`,children:y})]})});x.displayName="Checkbox";export{x as Checkbox};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as t,useRef as d,useCallback as i,useEffect as c}from"react";import{cn as n}from"./index57.js";import{containerStyles as l,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as m,inputBaseStyles as p,labelDisabledStyles as u,labelStyles as h,wrapperDisabledStyles as b,wrapperStyles as y}from"./index67.js";const k=a(({label:a,error:k,helperText:$,indeterminate:x=!1,className:f,id:N,required:v,disabled:w,checked:j,"data-cy":q,"data-testid":D,...K},C)=>{const E=t(),F=N||E,T=`${F}-error`,g=`${F}-helper`,z=q||"checkbox",A=D||"checkbox",B=d(null),G=i(e=>{B.current=e,C&&("function"==typeof C?C(e):"current"in C&&(C.current=e))},[C]);c(()=>{B.current&&(B.current.indeterminate=x)},[x]);const H=a&&v&&!a.includes("*")?`${a} *`:a;/* @__PURE__ */
2
+ return e("div",{className:n(y,w&&b),"data-cy":`${z}-wrapper`,"data-testid":`${A}-wrapper`,children:[
3
+ /* @__PURE__ */e("div",{className:l,children:[
4
+ /* @__PURE__ */r("input",{ref:G,id:F,type:"checkbox",checked:j,className:n(p,k&&m,"checkbox-checkmark",f),"aria-invalid":k?"true":"false","aria-required":v?"true":void 0,"aria-describedby":k?T:$?g:void 0,"data-cy":z,"data-testid":A,"data-indeterminate":x?"true":void 0,disabled:w,required:v,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),B.current?.click()),K.onKeyDown?.(e)},...K}),a&&/* @__PURE__ */r("label",{htmlFor:F,className:n(h,w&&u),"data-cy":`${z}-label`,"data-testid":`${A}-label`,children:H})]}),k&&/* @__PURE__ */r("span",{id:T,className:s,role:"alert","data-cy":`${z}-error`,"data-testid":`${A}-error`,children:k}),$&&!k&&/* @__PURE__ */r("span",{id:g,className:o,"data-cy":`${z}-helper`,"data-testid":`${A}-helper`,children:$})]})});k.displayName="Checkbox";export{k as Checkbox};
package/dist/index39.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index57.cjs"),r=require("./index11.cjs"),l=require("./index86.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:S,isLoadingMore:m=!1,hasMore:b=!1,loadingIndicator:$,skeletonRows:k=3,maxHeight:p,emptyStateText:u,selectable:j=!1,rowKey:g="id",selectedRows:B,onSelectionChange:f,onRowClick:v,footerBar:w,className:N,"data-cy":C,"data-testid":E,...R},I)=>{const L=C||"datatable",T=E||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[D,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!p)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[p]);const K=B??new Set,O=n.map(e=>String(e[g]??"")),A=j&&n.length>0&&O.every(e=>K.has(e)),P=j&&n.length>0&&O.some(e=>K.has(e)),W=t.useCallback(()=>{if(f)if(A){const e=new Set(K);O.forEach(t=>e.delete(t)),f(e)}else{const e=new Set(K);O.forEach(t=>e.add(t)),f(e)}},[A,O,K,f]),z=t.useCallback(e=>{if(!f)return;const t=new Set(K);t.has(e)?t.delete(e):t.add(e),f(t)},[K,f]),G=j?c.length+1:c.length,J=t.useCallback(e=>{const[t]=e;t.isIntersecting&&b&&!m&&S&&S()},[b,m,S]);t.useEffect(()=>{const e=F.current;if(!e||!S)return;const t=new IntersectionObserver(J,{root:p?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[J,S,p]);const Q=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:I,className:s.cn(l.tableBaseStyles,N),"aria-busy":m||void 0,"data-cy":L,"data-testid":T,...R,children:[e.jsx("thead",{className:s.cn(l.theadStyles,x&&l.theadBorderBreakStyles,p&&l.stickyTheadStyles,p&&D&&l.stickyTheadScrolledStyles),"data-cy":`${L}-head`,"data-testid":`${T}-head`,children:e.jsxs("tr",{children:[j&&e.jsx("th",{scope:"col",className:s.cn(l.checkboxCellStyles,x&&l.thBorderBreakStyles),"data-cy":`${L}-header-checkbox`,"data-testid":`${T}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:A,indeterminate:P&&!A,onChange:W,"aria-label":"Select all rows","data-cy":`${L}-select-all`,"data-testid":`${T}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:s.cn(l.thStyles,x&&l.thBorderBreakStyles),"data-cy":`${L}-header-${t.key}`,"data-testid":`${T}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${L}-body`,"data-testid":`${T}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!x&&l.trStripedEvenStyles,v&&l.trClickableStyles,v&&x&&l.trClickableBorderBreakFocusStyles),tabIndex:v?0:void 0,style:v?{outline:"none",boxShadow:"none"}:void 0,onClick:v?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||v(t,a)}:void 0,onKeyDown:v?e=>{if("Enter"===e.key||" "===e.key){e.preventDefault();if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;v(t,a)}}:void 0,"data-cy":`${L}-row-${a}`,"data-testid":`${T}-row-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),"data-cy":`${L}-cell-${a}-checkbox`,"data-testid":`${T}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:K.has(String(t[g]??"")),onChange:()=>z(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${L}-select-${a}`,"data-testid":`${T}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),"data-cy":`${L}-cell-${a}-${r.key}`,"data-testid":`${T}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:"p-0","data-cy":`${L}-empty`,"data-testid":`${T}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${L}-empty-icon`,"data-testid":`${T}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),u&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${L}-empty-text`,"data-testid":`${T}-empty-text`,children:u})]})})}),m&&($?e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:l.loadingRowStyles,"data-cy":`${L}-loading`,"data-testid":`${T}-loading`,children:$})}):Array.from({length:k}).map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles),"data-cy":`${L}-skeleton-${a}`,"data-testid":`${T}-skeleton-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),c.map((t,r)=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+r)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${L}-sentinel`,"data-testid":`${T}-sentinel`,"aria-hidden":"true"})]}),U=e.jsxs("div",{className:s.cn(l.wrapperStyles,x&&(b?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${L}-wrapper`,"data-testid":`${T}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${L}-header-bar`,"data-testid":`${T}-header-bar`,children:[e.jsx("div",{"data-cy":`${L}-header-left`,"data-testid":`${T}-header-left`,children:h}),e.jsx("div",{"data-cy":`${L}-header-right`,"data-testid":`${T}-header-right`,children:y})]}),p?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:p,outline:"none"},children:Q}):Q]}),V=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${L}-footer-bar`,"data-testid":`${T}-footer-bar`,children:w}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.cn(l.wrapperBorderBreakStyles,b?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:U}),V]}):e.jsxs(e.Fragment,{children:[U,V]})});c.displayName="DataTable",exports.DataTable=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index57.cjs"),r=require("./index11.cjs"),l=require("./index86.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:S,isLoadingMore:m=!1,hasMore:b=!1,loadingIndicator:u,skeletonRows:$=3,maxHeight:k,emptyStateText:p,selectable:j=!1,rowKey:g="id",selectedRows:f,onSelectionChange:B,onRowClick:v,footerBar:w,className:N,"data-cy":C,"data-testid":T,...E},R)=>{const I=C||"datatable",L=T||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[D,A]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!k)return;const t=()=>A(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[k]);const H=f??new Set,K=n.map(e=>String(e[g]??"")),O=j&&n.length>0&&K.every(e=>H.has(e)),P=j&&n.length>0&&K.some(e=>H.has(e)),W=t.useCallback(()=>{if(B)if(O){const e=new Set(H);K.forEach(t=>e.delete(t)),B(e)}else{const e=new Set(H);K.forEach(t=>e.add(t)),B(e)}},[O,K,H,B]),z=t.useCallback(e=>{if(!B)return;const t=new Set(H);t.has(e)?t.delete(e):t.add(e),B(t)},[H,B]),G=j?c.length+1:c.length,J=t.useCallback(e=>{const[t]=e;t.isIntersecting&&b&&!m&&S&&S()},[b,m,S]);t.useEffect(()=>{const e=F.current;if(!e||!S)return;const t=new IntersectionObserver(J,{root:k?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[J,S,k]);const Q=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:R,className:s.cn(l.tableBaseStyles,N),"aria-busy":m||void 0,"data-cy":I,"data-testid":L,...E,children:[e.jsx("thead",{className:s.cn(l.theadStyles,x&&l.theadBorderBreakStyles,k&&l.stickyTheadStyles,k&&D&&l.stickyTheadScrolledStyles),"data-cy":`${I}-head`,"data-testid":`${L}-head`,children:e.jsxs("tr",{children:[j&&e.jsx("th",{scope:"col",className:s.cn(l.checkboxCellStyles,x&&l.thBorderBreakStyles),"data-cy":`${I}-header-checkbox`,"data-testid":`${L}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:O,indeterminate:P&&!O,onChange:W,"aria-label":"Select all rows","data-cy":`${I}-select-all`,"data-testid":`${L}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:s.cn(l.thStyles,x&&l.thBorderBreakStyles),"data-cy":`${I}-header-${t.key}`,"data-testid":`${L}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${I}-body`,"data-testid":`${L}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!x&&l.trStripedEvenStyles,v&&l.trClickableStyles,v&&x&&l.trClickableBorderBreakFocusStyles),tabIndex:v?0:void 0,style:v?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:v?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||v(t,a)}:void 0,onKeyDown:v?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),v(t,a)}}:void 0,"data-cy":`${I}-row-${a}`,"data-testid":`${L}-row-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),"data-cy":`${I}-cell-${a}-checkbox`,"data-testid":`${L}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:H.has(String(t[g]??"")),onChange:()=>z(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${I}-select-${a}`,"data-testid":`${L}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),"data-cy":`${I}-cell-${a}-${r.key}`,"data-testid":`${L}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:"p-0","data-cy":`${I}-empty`,"data-testid":`${L}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${I}-empty-icon`,"data-testid":`${L}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),p&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${I}-empty-text`,"data-testid":`${L}-empty-text`,children:p})]})})}),m&&(u?e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:l.loadingRowStyles,"data-cy":`${I}-loading`,"data-testid":`${L}-loading`,children:u})}):Array.from({length:$}).map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles),"data-cy":`${I}-skeleton-${a}`,"data-testid":`${L}-skeleton-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),c.map((t,r)=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+r)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${I}-sentinel`,"data-testid":`${L}-sentinel`,"aria-hidden":"true"})]}),U=e.jsxs("div",{className:s.cn(l.wrapperStyles,x&&(b?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${I}-wrapper`,"data-testid":`${L}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${I}-header-bar`,"data-testid":`${L}-header-bar`,children:[e.jsx("div",{"data-cy":`${I}-header-left`,"data-testid":`${L}-header-left`,children:h}),e.jsx("div",{"data-cy":`${I}-header-right`,"data-testid":`${L}-header-right`,children:y})]}),k?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:k,outline:"none"},children:Q}):Q]}),V=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${I}-footer-bar`,"data-testid":`${L}-footer-bar`,children:w}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.cn(l.wrapperBorderBreakStyles,b?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:U}),V]}):e.jsxs(e.Fragment,{children:[U,V]})});c.displayName="DataTable",exports.DataTable=c;
package/dist/index39.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as n}from"react";import{CustomEmptyBoxIcon as s}from"@adam-milo/icons";import{cn as i}from"./index57.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as p,skeletonCellStyles as b,headerBarStyles as g,scrollContainerStyles as u,thBorderBreakStyles as v,checkboxCellStyles as f,thStyles as N,stickyTheadScrolledStyles as k,stickyTheadStyles as x,theadBorderBreakStyles as w,theadStyles as S,tdBorderBreakStyles as I,tdStyles as C,trClickableBorderBreakFocusStyles as E,trClickableStyles as L,trStripedEvenStyles as j,trHoverableStyles as M,trBorderBreakStyles as R,trStripedStyles as D,tableBaseStyles as T,footerBarStyles as B,wrapperStyles as H,wrapperBorderBreakFlatBottomStyles as K,wrapperBorderBreakRoundedStyles as A,wrapperBorderBreakStyles as O}from"./index86.js";const q=["60%","75%","45%","55%","70%","50%"],z=d(({columns:d,data:z,striped:F=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:_,selectable:ee=!1,rowKey:ae="id",selectedRows:te,onSelectionChange:de,onRowClick:re,footerBar:le,className:ce,"data-cy":ne,"data-testid":se,...ie},oe)=>{const he=ne||"datatable",me=se||"datatable",$e=J||P,ye=r(null),pe=r(null),[be,ge]=l(!1);c(()=>{const e=pe.current;if(!e||!Z)return;const a=()=>ge(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[Z]);const ue=te??/* @__PURE__ */new Set,ve=z.map(e=>String(e[ae]??"")),fe=ee&&z.length>0&&ve.every(e=>ue.has(e)),Ne=ee&&z.length>0&&ve.some(e=>ue.has(e)),ke=n(()=>{if(de)if(fe){const e=new Set(ue);ve.forEach(a=>e.delete(a)),de(e)}else{const e=new Set(ue);ve.forEach(a=>e.add(a)),de(e)}},[fe,ve,ue,de]),xe=n(e=>{if(!de)return;const a=new Set(ue);a.has(e)?a.delete(e):a.add(e),de(a)},[ue,de]),we=ee?d.length+1:d.length,Se=n(e=>{const[a]=e;a.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);c(()=>{const e=ye.current;if(!e||!U)return;const a=new IntersectionObserver(Se,{root:Z?pe.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[Se,U,Z]);const Ie=/* @__PURE__ */e(a,{children:[
2
- /* @__PURE__ */e("table",{ref:oe,className:i(T,ce),"aria-busy":V||void 0,"data-cy":he,"data-testid":me,...ie,children:[
3
- /* @__PURE__ */t("thead",{className:i(S,Q&&w,Z&&x,Z&&be&&k),"data-cy":`${he}-head`,"data-testid":`${me}-head`,children:/* @__PURE__ */e("tr",{children:[ee&&/* @__PURE__ */t("th",{scope:"col",className:i(f,Q&&v),"data-cy":`${he}-header-checkbox`,"data-testid":`${me}-header-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:fe,indeterminate:Ne&&!fe,onChange:ke,"aria-label":"Select all rows","data-cy":`${he}-select-all`,"data-testid":`${me}-select-all`})})}),d.map(e=>/* @__PURE__ */t("th",{scope:"col",className:i(N,Q&&v),"data-cy":`${he}-header-${e.key}`,"data-testid":`${me}-header-${e.key}`,children:e.header},e.key))]})}),
4
- /* @__PURE__ */e("tbody",{"data-cy":`${he}-body`,"data-testid":`${me}-body`,children:[0!==z.length||V?z.map((a,r)=>/* @__PURE__ */e("tr",{className:i(D,Q&&R,G&&M,F&&!Q&&j,re&&L,re&&Q&&E),tabIndex:re?0:void 0,style:re?{outline:"none",boxShadow:"none"}:void 0,onClick:re?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||re(a,r)}:void 0,onKeyDown:re?e=>{if("Enter"===e.key||" "===e.key){e.preventDefault();if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;re(a,r)}}:void 0,"data-cy":`${he}-row-${r}`,"data-testid":`${me}-row-${r}`,children:[ee&&/* @__PURE__ */t("td",{className:i(f,Q&&I),"data-cy":`${he}-cell-${r}-checkbox`,"data-testid":`${me}-cell-${r}-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:ue.has(String(a[ae]??"")),onChange:()=>xe(String(a[ae]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${he}-select-${r}`,"data-testid":`${me}-select-${r}`})})}),d.map(e=>/* @__PURE__ */t("td",{className:i(C,Q&&I),"data-cy":`${he}-cell-${r}-${e.key}`,"data-testid":`${me}-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:we,className:"p-0","data-cy":`${he}-empty`,"data-testid":`${me}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
- /* @__PURE__ */t("div",{className:$,"aria-hidden":"true","data-cy":`${he}-empty-icon`,"data-testid":`${me}-empty-icon`,children:/* @__PURE__ */t(s,{width:"100%",height:"100%"})}),_&&/* @__PURE__ */t("p",{className:y,"data-cy":`${he}-empty-text`,"data-testid":`${me}-empty-text`,children:_})]})})}),V&&(X?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:we,className:p,"data-cy":`${he}-loading`,"data-testid":`${me}-loading`,children:X})}):Array.from({length:Y}).map((a,r)=>/* @__PURE__ */e("tr",{className:i(D,Q&&R),"data-cy":`${he}-skeleton-${r}`,"data-testid":`${me}-skeleton-${r}`,children:[ee&&/* @__PURE__ */t("td",{className:i(f,Q&&I),children:/* @__PURE__ */t("div",{className:h,children:/* @__PURE__ */t("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),d.map((e,a)=>/* @__PURE__ */t("td",{className:i(C,Q&&I),children:/* @__PURE__ */t("div",{className:b,style:{width:q[(r+a)%q.length]}})},e.key))]},`skeleton-${r}`)))]})]}),U&&/* @__PURE__ */t("div",{ref:ye,className:"h-4","data-cy":`${he}-sentinel`,"data-testid":`${me}-sentinel`,"aria-hidden":"true"})]}),Ce=/* @__PURE__ */e("div",{className:i(H,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${he}-wrapper`,"data-testid":`${me}-wrapper`,children:[$e&&/* @__PURE__ */e("div",{className:g,"data-cy":`${he}-header-bar`,"data-testid":`${me}-header-bar`,children:[
6
- /* @__PURE__ */t("div",{"data-cy":`${he}-header-left`,"data-testid":`${me}-header-left`,children:J}),
7
- /* @__PURE__ */t("div",{"data-cy":`${he}-header-right`,"data-testid":`${me}-header-right`,children:P})]}),Z?/* @__PURE__ */t("div",{ref:pe,className:u,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Ie}):Ie]}),Ee=le?/* @__PURE__ */t("div",{className:B,"data-cy":`${he}-footer-bar`,"data-testid":`${me}-footer-bar`,children:le}):null;/* @__PURE__ */
8
- return e(a,Q?{children:[
9
- /* @__PURE__ */t("div",{className:i(O,W?K:A),children:Ce}),Ee]}:{children:[Ce,Ee]})});z.displayName="DataTable";export{z as DataTable};
1
+ import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as n}from"react";import{CustomEmptyBoxIcon as s}from"@adam-milo/icons";import{cn as i}from"./index57.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as b,skeletonCellStyles as p,headerBarStyles as u,scrollContainerStyles as g,thBorderBreakStyles as f,checkboxCellStyles as v,thStyles as N,stickyTheadScrolledStyles as k,stickyTheadStyles as x,theadBorderBreakStyles as w,theadStyles as S,tdBorderBreakStyles as I,tdStyles as C,trClickableBorderBreakFocusStyles as E,trClickableStyles as L,trStripedEvenStyles as T,trHoverableStyles as j,trBorderBreakStyles as M,trStripedStyles as R,tableBaseStyles as A,footerBarStyles as B,wrapperStyles as D,wrapperBorderBreakFlatBottomStyles as H,wrapperBorderBreakRoundedStyles as K,wrapperBorderBreakStyles as F}from"./index86.js";const O=["60%","75%","45%","55%","70%","50%"],q=d(({columns:d,data:q,striped:z=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:_,selectable:ee=!1,rowKey:te="id",selectedRows:ae,onSelectionChange:de,onRowClick:re,footerBar:le,className:ce,"data-cy":ne,"data-testid":se,...ie},oe)=>{const he=ne||"datatable",me=se||"datatable",$e=J||P,ye=r(null),be=r(null),[pe,ue]=l(!1);c(()=>{const e=be.current;if(!e||!Z)return;const t=()=>ue(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[Z]);const ge=ae??/* @__PURE__ */new Set,fe=q.map(e=>String(e[te]??"")),ve=ee&&q.length>0&&fe.every(e=>ge.has(e)),Ne=ee&&q.length>0&&fe.some(e=>ge.has(e)),ke=n(()=>{if(de)if(ve){const e=new Set(ge);fe.forEach(t=>e.delete(t)),de(e)}else{const e=new Set(ge);fe.forEach(t=>e.add(t)),de(e)}},[ve,fe,ge,de]),xe=n(e=>{if(!de)return;const t=new Set(ge);t.has(e)?t.delete(e):t.add(e),de(t)},[ge,de]),we=ee?d.length+1:d.length,Se=n(e=>{const[t]=e;t.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);c(()=>{const e=ye.current;if(!e||!U)return;const t=new IntersectionObserver(Se,{root:Z?be.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[Se,U,Z]);const Ie=/* @__PURE__ */e(t,{children:[
2
+ /* @__PURE__ */e("table",{ref:oe,className:i(A,ce),"aria-busy":V||void 0,"data-cy":he,"data-testid":me,...ie,children:[
3
+ /* @__PURE__ */a("thead",{className:i(S,Q&&w,Z&&x,Z&&pe&&k),"data-cy":`${he}-head`,"data-testid":`${me}-head`,children:/* @__PURE__ */e("tr",{children:[ee&&/* @__PURE__ */a("th",{scope:"col",className:i(v,Q&&f),"data-cy":`${he}-header-checkbox`,"data-testid":`${me}-header-checkbox`,children:/* @__PURE__ */a("label",{className:h,children:/* @__PURE__ */a(o,{checked:ve,indeterminate:Ne&&!ve,onChange:ke,"aria-label":"Select all rows","data-cy":`${he}-select-all`,"data-testid":`${me}-select-all`})})}),d.map(e=>/* @__PURE__ */a("th",{scope:"col",className:i(N,Q&&f),"data-cy":`${he}-header-${e.key}`,"data-testid":`${me}-header-${e.key}`,children:e.header},e.key))]})}),
4
+ /* @__PURE__ */e("tbody",{"data-cy":`${he}-body`,"data-testid":`${me}-body`,children:[0!==q.length||V?q.map((t,r)=>/* @__PURE__ */e("tr",{className:i(R,Q&&M,G&&j,z&&!Q&&T,re&&L,re&&Q&&E),tabIndex:re?0:void 0,style:re?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:re?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||re(t,r)}:void 0,onKeyDown:re?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),re(t,r)}}:void 0,"data-cy":`${he}-row-${r}`,"data-testid":`${me}-row-${r}`,children:[ee&&/* @__PURE__ */a("td",{className:i(v,Q&&I),"data-cy":`${he}-cell-${r}-checkbox`,"data-testid":`${me}-cell-${r}-checkbox`,children:/* @__PURE__ */a("label",{className:h,children:/* @__PURE__ */a(o,{checked:ge.has(String(t[te]??"")),onChange:()=>xe(String(t[te]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${he}-select-${r}`,"data-testid":`${me}-select-${r}`})})}),d.map(e=>/* @__PURE__ */a("td",{className:i(C,Q&&I),"data-cy":`${he}-cell-${r}-${e.key}`,"data-testid":`${me}-cell-${r}-${e.key}`,children:e.render?e.render(t[e.key],t,r):String(t[e.key]??"")},e.key))]},r)):/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:we,className:"p-0","data-cy":`${he}-empty`,"data-testid":`${me}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
+ /* @__PURE__ */a("div",{className:$,"aria-hidden":"true","data-cy":`${he}-empty-icon`,"data-testid":`${me}-empty-icon`,children:/* @__PURE__ */a(s,{width:"100%",height:"100%"})}),_&&/* @__PURE__ */a("p",{className:y,"data-cy":`${he}-empty-text`,"data-testid":`${me}-empty-text`,children:_})]})})}),V&&(X?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:we,className:b,"data-cy":`${he}-loading`,"data-testid":`${me}-loading`,children:X})}):Array.from({length:Y}).map((t,r)=>/* @__PURE__ */e("tr",{className:i(R,Q&&M),"data-cy":`${he}-skeleton-${r}`,"data-testid":`${me}-skeleton-${r}`,children:[ee&&/* @__PURE__ */a("td",{className:i(v,Q&&I),children:/* @__PURE__ */a("div",{className:h,children:/* @__PURE__ */a("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),d.map((e,t)=>/* @__PURE__ */a("td",{className:i(C,Q&&I),children:/* @__PURE__ */a("div",{className:p,style:{width:O[(r+t)%O.length]}})},e.key))]},`skeleton-${r}`)))]})]}),U&&/* @__PURE__ */a("div",{ref:ye,className:"h-4","data-cy":`${he}-sentinel`,"data-testid":`${me}-sentinel`,"aria-hidden":"true"})]}),Ce=/* @__PURE__ */e("div",{className:i(D,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${he}-wrapper`,"data-testid":`${me}-wrapper`,children:[$e&&/* @__PURE__ */e("div",{className:u,"data-cy":`${he}-header-bar`,"data-testid":`${me}-header-bar`,children:[
6
+ /* @__PURE__ */a("div",{"data-cy":`${he}-header-left`,"data-testid":`${me}-header-left`,children:J}),
7
+ /* @__PURE__ */a("div",{"data-cy":`${he}-header-right`,"data-testid":`${me}-header-right`,children:P})]}),Z?/* @__PURE__ */a("div",{ref:be,className:g,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Ie}):Ie]}),Ee=le?/* @__PURE__ */a("div",{className:B,"data-cy":`${he}-footer-bar`,"data-testid":`${me}-footer-bar`,children:le}):null;/* @__PURE__ */
8
+ return e(t,Q?{children:[
9
+ /* @__PURE__ */a("div",{className:i(F,W?H:K),children:Ce}),Ee]}:{children:[Ce,Ee]})});q.displayName="DataTable";export{q as DataTable};
@@ -1 +1 @@
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;AAmCxD,eAAO,MAAM,SAAS,6GAqYrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
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;AAmCxD,eAAO,MAAM,SAAS,6GAuYrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD,eAAO,MAAM,QAAQ,4GAmHpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD,eAAO,MAAM,QAAQ,4GA0HpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adam-milo/ui",
3
- "version": "1.0.104",
3
+ "version": "1.0.105",
4
4
  "type": "module",
5
5
  "description": "Adam Milo Design System - UI Component Library",
6
6
  "keywords": [