@adam-milo/ui 1.0.85 → 1.0.93

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.
Files changed (112) hide show
  1. package/dist/index100.cjs +1 -1
  2. package/dist/index100.js +5 -1
  3. package/dist/index101.cjs +1 -1
  4. package/dist/index101.js +1 -1
  5. package/dist/index102.cjs +1 -1
  6. package/dist/index102.js +1 -3
  7. package/dist/index103.cjs +1 -1
  8. package/dist/index103.js +3 -2
  9. package/dist/index104.cjs +1 -1
  10. package/dist/index104.js +2 -1
  11. package/dist/index105.cjs +1 -1
  12. package/dist/index105.js +1 -1
  13. package/dist/index106.cjs +1 -1
  14. package/dist/index106.js +1 -1
  15. package/dist/index107.cjs +1 -1
  16. package/dist/index107.js +1 -1
  17. package/dist/index108.cjs +1 -1
  18. package/dist/index108.js +1 -1
  19. package/dist/index109.cjs +1 -1
  20. package/dist/index109.js +1 -1
  21. package/dist/index110.cjs +1 -1
  22. package/dist/index110.js +1 -1
  23. package/dist/index111.cjs +1 -1
  24. package/dist/index111.js +1 -1
  25. package/dist/index112.cjs +1 -1
  26. package/dist/index112.js +1 -5
  27. package/dist/index113.cjs +1 -1
  28. package/dist/index113.js +1 -1
  29. package/dist/index114.cjs +1 -1
  30. package/dist/index114.js +1 -1
  31. package/dist/index115.cjs +1 -1
  32. package/dist/index115.js +1 -1
  33. package/dist/index116.cjs +1 -1
  34. package/dist/index116.js +1 -1
  35. package/dist/index118.cjs +1 -1
  36. package/dist/index118.js +1 -1
  37. package/dist/index119.cjs +1 -1
  38. package/dist/index119.js +1 -1
  39. package/dist/index19.cjs +1 -1
  40. package/dist/index19.js +2 -2
  41. package/dist/index20.cjs +1 -1
  42. package/dist/index20.js +2 -2
  43. package/dist/index32.cjs +1 -1
  44. package/dist/index32.js +2 -2
  45. package/dist/index33.cjs +1 -1
  46. package/dist/index33.js +4 -4
  47. package/dist/index39.cjs +1 -1
  48. package/dist/index39.js +6 -4
  49. package/dist/index62.cjs +1 -1
  50. package/dist/index62.js +5 -5
  51. package/dist/index71.cjs +1 -1
  52. package/dist/index71.js +1 -1
  53. package/dist/index75.cjs +1 -1
  54. package/dist/index75.js +1 -1
  55. package/dist/index76.cjs +1 -1
  56. package/dist/index76.js +1 -1
  57. package/dist/index80.cjs +1 -1
  58. package/dist/index80.js +1 -1
  59. package/dist/index83.cjs +1 -1
  60. package/dist/index83.js +1 -1
  61. package/dist/index99.cjs +1 -1
  62. package/dist/index99.js +1 -1
  63. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  64. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +10 -0
  65. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
  66. package/dist/src/components/data-display/datatable/DataTable.types.d.ts +21 -1
  67. package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -1
  68. package/dist/src/components/forms/controlled/FormField.component.d.ts.map +1 -1
  69. package/dist/src/components/forms/controlled/FormField.types.d.ts +2 -1
  70. package/dist/src/components/forms/controlled/FormField.types.d.ts.map +1 -1
  71. package/dist/src/components/forms/controlled/alphanumeric-input/ControlledAlphanumericInput.types.d.ts +2 -1
  72. package/dist/src/components/forms/controlled/alphanumeric-input/ControlledAlphanumericInput.types.d.ts.map +1 -1
  73. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts +2 -1
  74. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts.map +1 -1
  75. package/dist/src/components/forms/controlled/checkbox/ControlledCheckbox.types.d.ts +2 -1
  76. package/dist/src/components/forms/controlled/checkbox/ControlledCheckbox.types.d.ts.map +1 -1
  77. package/dist/src/components/forms/controlled/email-input/ControlledEmailInput.types.d.ts +2 -1
  78. package/dist/src/components/forms/controlled/email-input/ControlledEmailInput.types.d.ts.map +1 -1
  79. package/dist/src/components/forms/controlled/form/Form.component.d.ts.map +1 -1
  80. package/dist/src/components/forms/controlled/numeric-input/ControlledNumericInput.types.d.ts +2 -1
  81. package/dist/src/components/forms/controlled/numeric-input/ControlledNumericInput.types.d.ts.map +1 -1
  82. package/dist/src/components/forms/controlled/otp-input/ControlledOTPInput.types.d.ts +2 -1
  83. package/dist/src/components/forms/controlled/otp-input/ControlledOTPInput.types.d.ts.map +1 -1
  84. package/dist/src/components/forms/controlled/password-input/ControlledPasswordInput.types.d.ts +2 -1
  85. package/dist/src/components/forms/controlled/password-input/ControlledPasswordInput.types.d.ts.map +1 -1
  86. package/dist/src/components/forms/controlled/phone-input/ControlledPhoneInput.types.d.ts +2 -1
  87. package/dist/src/components/forms/controlled/phone-input/ControlledPhoneInput.types.d.ts.map +1 -1
  88. package/dist/src/components/forms/controlled/radio/ControlledRadio.types.d.ts +2 -1
  89. package/dist/src/components/forms/controlled/radio/ControlledRadio.types.d.ts.map +1 -1
  90. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +2 -1
  91. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
  92. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts +1 -1
  93. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts.map +1 -1
  94. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts +8 -1
  95. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts.map +1 -1
  96. package/dist/src/components/forms/controlled/toggle/ControlledToggle.types.d.ts +2 -1
  97. package/dist/src/components/forms/controlled/toggle/ControlledToggle.types.d.ts.map +1 -1
  98. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
  99. package/dist/src/components/forms/input/Input.styles.d.ts +2 -0
  100. package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -1
  101. package/dist/src/components/forms/input/Input.types.d.ts +3 -1
  102. package/dist/src/components/forms/input/Input.types.d.ts.map +1 -1
  103. package/dist/src/components/navigation/tabs/Tabs.component.d.ts +1 -1
  104. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
  105. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +4 -0
  106. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -1
  107. package/dist/src/components/navigation/tabs/Tabs.types.d.ts +5 -0
  108. package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -1
  109. package/dist/src/index.d.ts +1 -0
  110. package/dist/src/index.d.ts.map +1 -1
  111. package/dist/styles.css +1 -1
  112. package/package.json +1 -1
package/dist/index32.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Textarea as o}from"./index17.js";function a({control:a,name:r,rules:l,label:d,tooltip:i,placeholder:n,fullWidth:s=!1,required:u,disabled:m,helperText:c,autoResize:h,minRows:x,maxRows:p,rows:w,showCharCount:C,maxLength:b,validate:f,customHeader:R,customFooterActions:g,borderVariant:v,"data-cy":y,"data-testid":j}){/* @__PURE__ */
2
- return e(t,{control:a,name:r,rules:l,"data-cy":y,"data-testid":j,children:({value:t,onChange:a,onBlur:r,error:l})=>/* @__PURE__ */e(o,{value:t??"",onChange:e=>a(e.target.value),onBlur:r,label:d,tooltip:i,placeholder:n,fullWidth:s,required:u,disabled:m,error:l,helperText:c,autoResize:h,minRows:x,maxRows:p,rows:w,showCharCount:C,maxLength:b,validate:f,customHeader:R,customFooterActions:g,borderVariant:v,"data-cy":y??"controlled-textarea","data-testid":j??"controlled-textarea"})})}a.displayName="ControlledTextarea";export{a as ControlledTextarea};
1
+ import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Textarea as o}from"./index17.js";function a({control:a,name:r,rules:l,label:d,tooltip:i,placeholder:n,fullWidth:s=!1,required:u,disabled:m,helperText:h,autoResize:c,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,"data-cy":j,"data-testid":T}){/* @__PURE__ */
2
+ return e(t,{control:a,name:r,rules:l,"data-cy":j,"data-testid":T,children:({value:t,onChange:a,onBlur:r,error:l})=>/* @__PURE__ */e(o,{value:t??"",onChange:e=>a(e.target.value),onBlur:r,label:d,tooltip:i,placeholder:n,fullWidth:s,required:u,disabled:m,error:l,helperText:h,autoResize:c,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,"data-cy":j??"controlled-textarea","data-testid":T??"controlled-textarea"})})}a.displayName="ControlledTextarea";export{a as ControlledTextarea};
package/dist/index33.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index55.cjs"),r=require("./index76.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),c=n.Root,l=e.forwardRef(({className:e,fullWidth:a=!1,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||"tabs-list",u=c||"tabs-list";return t.jsx(n.List,{ref:d,className:s.cn(r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":o,"data-testid":u,"data-full-width":a,...l})});l.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:s.cn(r.triggerStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});d.displayName=n.Trigger.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-content-${a}`:"tabs-content"),u=c||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:d,className:s.cn(r.contentStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});o.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=o,exports.TabsList=l,exports.TabsTrigger=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index55.cjs"),r=require("./index76.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const l=i(a),n=l.Root,c=e.forwardRef(({className:e,fullWidth:a=!1,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||"tabs-list",u=c||"tabs-list";return t.jsx(l.List,{ref:d,className:s.cn("table"===i?r.listTableStyles:"mobile"===i?r.listMobileStyles:r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":b,"data-testid":u,"data-full-width":a,"data-variant":i,...o})});c.displayName=l.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(l.Trigger,{ref:d,className:s.cn("table"===i?r.triggerTableStyles:"mobile"===i?r.triggerMobileStyles:r.triggerStyles,e),value:a,"data-cy":b,"data-testid":u,...o})});o.displayName=l.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":n,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),b=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(l.Content,{ref:o,className:s.cn(r.contentStyles,e),value:a,"data-cy":d,"data-testid":b,...c})});d.displayName=l.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
package/dist/index33.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as s from"@radix-ui/react-tabs";import{cn as e}from"./index55.js";import{listFullWidthStyles as r,listStyles as i,triggerStyles as d,contentStyles as c}from"./index76.js";const o=s.Root,n=a(({className:a,fullWidth:d=!1,"data-cy":c,"data-testid":o,...n},m)=>{const l=c||"tabs-list",g=o||"tabs-list";/* @__PURE__ */
2
- return t(s.List,{ref:m,className:e(i,d&&r,a),"data-cy":l,"data-testid":g,"data-full-width":d,...n})});n.displayName=s.List.displayName;const m=a(({className:a,value:r,"data-cy":i,"data-testid":c,...o},n)=>{const m=i||(r?`tabs-trigger-${r}`:"tabs-trigger"),l=c||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
- return t(s.Trigger,{ref:n,className:e(d,a),value:r,"data-cy":m,"data-testid":l,...o})});m.displayName=s.Trigger.displayName;const l=a(({className:a,value:r,"data-cy":i,"data-testid":d,...o},n)=>{const m=i||(r?`tabs-content-${r}`:"tabs-content"),l=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
4
- return t(s.Content,{ref:n,className:e(c,a),value:r,"data-cy":m,"data-testid":l,...o})});l.displayName=s.Content.displayName;export{o as Tabs,l as TabsContent,n as TabsList,m as TabsTrigger};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as e from"@radix-ui/react-tabs";import{cn as s}from"./index55.js";import{listFullWidthStyles as r,listTableStyles as i,listMobileStyles as d,listStyles as l,triggerTableStyles as n,triggerMobileStyles as o,triggerStyles as c,contentStyles as m}from"./index76.js";const b=e.Root,u=a(({className:a,fullWidth:n=!1,variant:o="default","data-cy":c,"data-testid":m,...b},u)=>{const f=c||"tabs-list",g=m||"tabs-list";/* @__PURE__ */
2
+ return t(e.List,{ref:u,className:s("table"===o?i:"mobile"===o?d:l,n&&r,a),"data-cy":f,"data-testid":g,"data-full-width":n,"data-variant":o,...b})});u.displayName=e.List.displayName;const f=a(({className:a,value:r,variant:i="default","data-cy":d,"data-testid":l,...m},b)=>{const u=d||(r?`tabs-trigger-${r}`:"tabs-trigger"),f=l||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
+ return t(e.Trigger,{ref:b,className:s("table"===i?n:"mobile"===i?o:c,a),value:r,"data-cy":u,"data-testid":f,...m})});f.displayName=e.Trigger.displayName;const g=a(({className:a,value:r,"data-cy":i,"data-testid":d,...l},n)=>{const o=i||(r?`tabs-content-${r}`:"tabs-content"),c=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
4
+ return t(e.Content,{ref:n,className:s(m,a),value:r,"data-cy":o,"data-testid":c,...l})});g.displayName=e.Content.displayName;export{b as Tabs,g as TabsContent,u as TabsList,f as TabsTrigger};
package/dist/index39.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index55.cjs"),d=require("./index83.cjs"),s=a.forwardRef(({columns:a,data:s,striped:r=!1,hoverable:l=!1,className:c,"data-cy":i,"data-testid":y,...n},h)=>{const $=i||"datatable",p=y||"datatable";return e.jsx("div",{className:d.wrapperStyles,"data-cy":`${$}-wrapper`,"data-testid":`${p}-wrapper`,children:e.jsxs("table",{ref:h,className:t.cn(d.tableBaseStyles,c),"data-cy":$,"data-testid":p,...n,children:[e.jsx("thead",{className:d.theadStyles,"data-cy":`${$}-head`,"data-testid":`${p}-head`,children:e.jsx("tr",{children:a.map(a=>e.jsx("th",{className:d.thStyles,"data-cy":`${$}-header-${a.key}`,"data-testid":`${p}-header-${a.key}`,children:a.header},a.key))})}),e.jsx("tbody",{"data-cy":`${$}-body`,"data-testid":`${p}-body`,children:0===s.length?e.jsx("tr",{children:e.jsx("td",{colSpan:a.length,className:d.emptyCellStyles,"data-cy":`${$}-empty`,"data-testid":`${p}-empty`,children:"No data available"})}):s.map((s,c)=>e.jsx("tr",{className:t.cn(d.trStripedStyles,l&&d.trHoverableStyles,r&&d.trStripedEvenStyles),"data-cy":`${$}-row-${c}`,"data-testid":`${p}-row-${c}`,children:a.map(a=>e.jsx("td",{className:d.tdStyles,"data-cy":`${$}-cell-${c}-${a.key}`,"data-testid":`${p}-cell-${c}-${a.key}`,children:String(s[a.key]??"")},a.key))},c))})]})})});s.displayName="DataTable",exports.DataTable=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),r=require("./index83.cjs"),s=["60%","75%","45%","55%","70%","50%"],d=t.forwardRef(({columns:d,data:l,striped:n=!1,hoverable:c=!1,headerLeft:i,headerRight:o,borderBreak:h=!1,onLoadMore:y,isLoadingMore:$=!1,hasMore:m=!1,loadingIndicator:S,skeletonRows:x=3,maxHeight:p,className:u,"data-cy":j,"data-testid":k,...g},b)=>{const v=j||"datatable",f=k||"datatable",N=i||o,B=t.useRef(null),w=t.useRef(null),[R,E]=t.useState(!1);t.useEffect(()=>{const e=w.current;if(!e||!p)return;const t=()=>E(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[p]);const L=t.useCallback(e=>{const[t]=e;t.isIntersecting&&m&&!$&&y&&y()},[m,$,y]);t.useEffect(()=>{const e=B.current;if(!e||!y)return;const t=new IntersectionObserver(L,{root:p?w.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[L,y,p]);const M=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:b,className:a.cn(r.tableBaseStyles,u),"data-cy":v,"data-testid":f,...g,children:[e.jsx("thead",{className:a.cn(r.theadStyles,h&&r.theadBorderBreakStyles,p&&r.stickyTheadStyles,p&&R&&"!bg-white"),"data-cy":`${v}-head`,"data-testid":`${f}-head`,children:e.jsx("tr",{children:d.map(t=>e.jsx("th",{className:a.cn(r.thStyles,h&&r.thBorderBreakStyles),"data-cy":`${v}-header-${t.key}`,"data-testid":`${f}-header-${t.key}`,children:t.header},t.key))})}),e.jsxs("tbody",{"data-cy":`${v}-body`,"data-testid":`${f}-body`,children:[0!==l.length||$?l.map((t,s)=>e.jsx("tr",{className:a.cn(r.trStripedStyles,h&&r.trBorderBreakStyles,c&&r.trHoverableStyles,n&&!h&&r.trStripedEvenStyles),"data-cy":`${v}-row-${s}`,"data-testid":`${f}-row-${s}`,children:d.map(d=>e.jsx("td",{className:a.cn(r.tdStyles,h&&r.tdBorderBreakStyles),"data-cy":`${v}-cell-${s}-${d.key}`,"data-testid":`${f}-cell-${s}-${d.key}`,children:d.render?d.render(t[d.key],t,s):String(t[d.key]??"")},d.key))},s)):e.jsx("tr",{children:e.jsx("td",{colSpan:d.length,className:r.emptyCellStyles,"data-cy":`${v}-empty`,"data-testid":`${f}-empty`,children:"No data available"})}),$&&(S?e.jsx("tr",{children:e.jsx("td",{colSpan:d.length,className:r.loadingRowStyles,"data-cy":`${v}-loading`,"data-testid":`${f}-loading`,children:S})}):Array.from({length:x}).map((t,l)=>e.jsx("tr",{className:a.cn(r.trStripedStyles,h&&r.trBorderBreakStyles),"data-cy":`${v}-skeleton-${l}`,"data-testid":`${f}-skeleton-${l}`,children:d.map((t,d)=>e.jsx("td",{className:a.cn(r.tdStyles,h&&r.tdBorderBreakStyles),children:e.jsx("div",{className:r.skeletonCellStyles,style:{width:s[(l+d)%s.length]}})},t.key))},`skeleton-${l}`)))]})]}),y&&e.jsx("div",{ref:B,className:"h-4","data-cy":`${v}-sentinel`,"data-testid":`${f}-sentinel`,"aria-hidden":"true"})]}),T=e.jsxs("div",{className:a.cn(r.wrapperStyles,h&&"overflow-hidden rounded-2xl"),"data-cy":`${v}-wrapper`,"data-testid":`${f}-wrapper`,children:[N&&e.jsxs("div",{className:r.headerBarStyles,"data-cy":`${v}-header-bar`,"data-testid":`${f}-header-bar`,children:[e.jsx("div",{"data-cy":`${v}-header-left`,"data-testid":`${f}-header-left`,children:i}),e.jsx("div",{"data-cy":`${v}-header-right`,"data-testid":`${f}-header-right`,children:o})]}),p?e.jsx("div",{ref:w,className:r.scrollContainerStyles,style:{maxHeight:p},children:M}):M]});return h?e.jsx("div",{className:r.wrapperBorderBreakStyles,children:T}):T});d.displayName="DataTable",exports.DataTable=d;
package/dist/index39.js CHANGED
@@ -1,4 +1,6 @@
1
- import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index55.js";import{wrapperStyles as r,theadStyles as c,thStyles as l,emptyCellStyles as s,tdStyles as i,trStripedEvenStyles as m,trHoverableStyles as y,trStripedStyles as $,tableBaseStyles as n}from"./index83.js";const h=e(({columns:e,data:h,striped:o=!1,hoverable:p=!1,className:N,"data-cy":b,"data-testid":k,...f},w)=>{const x=b||"datatable",g=k||"datatable";/* @__PURE__ */
2
- return a("div",{className:r,"data-cy":`${x}-wrapper`,"data-testid":`${g}-wrapper`,children:/* @__PURE__ */t("table",{ref:w,className:d(n,N),"data-cy":x,"data-testid":g,...f,children:[
3
- /* @__PURE__ */a("thead",{className:c,"data-cy":`${x}-head`,"data-testid":`${g}-head`,children:/* @__PURE__ */a("tr",{children:e.map(t=>/* @__PURE__ */a("th",{className:l,"data-cy":`${x}-header-${t.key}`,"data-testid":`${g}-header-${t.key}`,children:t.header},t.key))})}),
4
- /* @__PURE__ */a("tbody",{"data-cy":`${x}-body`,"data-testid":`${g}-body`,children:0===h.length?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:e.length,className:s,"data-cy":`${x}-empty`,"data-testid":`${g}-empty`,children:"No data available"})}):h.map((t,r)=>/* @__PURE__ */a("tr",{className:d($,p&&y,o&&m),"data-cy":`${x}-row-${r}`,"data-testid":`${g}-row-${r}`,children:e.map(e=>/* @__PURE__ */a("td",{className:i,"data-cy":`${x}-cell-${r}-${e.key}`,"data-testid":`${g}-cell-${r}-${e.key}`,children:String(t[e.key]??"")},e.key))},r))})]})})});h.displayName="DataTable";export{h as DataTable};
1
+ import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as s,useEffect as l,useCallback as n}from"react";import{cn as i}from"./index55.js";import{emptyCellStyles as c,loadingRowStyles as o,skeletonCellStyles as h,headerBarStyles as m,scrollContainerStyles as $,wrapperBorderBreakStyles as y,thBorderBreakStyles as p,thStyles as g,stickyTheadStyles as N,theadBorderBreakStyles as v,theadStyles as b,tdBorderBreakStyles as u,tdStyles as f,trStripedEvenStyles as k,trHoverableStyles as w,trBorderBreakStyles as x,trStripedStyles as L,tableBaseStyles as M,wrapperStyles as j}from"./index83.js";const I=["60%","75%","45%","55%","70%","50%"],S=d(({columns:d,data:S,striped:E=!1,hoverable:H=!1,headerLeft:R,headerRight:T,borderBreak:A=!1,onLoadMore:B,isLoadingMore:D=!1,hasMore:O=!1,loadingIndicator:q,skeletonRows:z=3,maxHeight:C,className:F,"data-cy":G,"data-testid":J,...K},P)=>{const Q=G||"datatable",U=J||"datatable",V=R||T,W=r(null),X=r(null),[Y,Z]=s(!1);l(()=>{const e=X.current;if(!e||!C)return;const a=()=>Z(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[C]);const _=n(e=>{const[a]=e;a.isIntersecting&&O&&!D&&B&&B()},[O,D,B]);l(()=>{const e=W.current;if(!e||!B)return;const a=new IntersectionObserver(_,{root:C?X.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[_,B,C]);const ee=/* @__PURE__ */e(a,{children:[
2
+ /* @__PURE__ */e("table",{ref:P,className:i(M,F),"data-cy":Q,"data-testid":U,...K,children:[
3
+ /* @__PURE__ */t("thead",{className:i(b,A&&v,C&&N,C&&Y&&"!bg-white"),"data-cy":`${Q}-head`,"data-testid":`${U}-head`,children:/* @__PURE__ */t("tr",{children:d.map(e=>/* @__PURE__ */t("th",{className:i(g,A&&p),"data-cy":`${Q}-header-${e.key}`,"data-testid":`${U}-header-${e.key}`,children:e.header},e.key))})}),
4
+ /* @__PURE__ */e("tbody",{"data-cy":`${Q}-body`,"data-testid":`${U}-body`,children:[0!==S.length||D?S.map((e,a)=>/* @__PURE__ */t("tr",{className:i(L,A&&x,H&&w,E&&!A&&k),"data-cy":`${Q}-row-${a}`,"data-testid":`${U}-row-${a}`,children:d.map(d=>/* @__PURE__ */t("td",{className:i(f,A&&u),"data-cy":`${Q}-cell-${a}-${d.key}`,"data-testid":`${U}-cell-${a}-${d.key}`,children:d.render?d.render(e[d.key],e,a):String(e[d.key]??"")},d.key))},a)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:d.length,className:c,"data-cy":`${Q}-empty`,"data-testid":`${U}-empty`,children:"No data available"})}),D&&(q?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:d.length,className:o,"data-cy":`${Q}-loading`,"data-testid":`${U}-loading`,children:q})}):Array.from({length:z}).map((e,a)=>/* @__PURE__ */t("tr",{className:i(L,A&&x),"data-cy":`${Q}-skeleton-${a}`,"data-testid":`${U}-skeleton-${a}`,children:d.map((e,d)=>/* @__PURE__ */t("td",{className:i(f,A&&u),children:/* @__PURE__ */t("div",{className:h,style:{width:I[(a+d)%I.length]}})},e.key))},`skeleton-${a}`)))]})]}),B&&/* @__PURE__ */t("div",{ref:W,className:"h-4","data-cy":`${Q}-sentinel`,"data-testid":`${U}-sentinel`,"aria-hidden":"true"})]}),ae=/* @__PURE__ */e("div",{className:i(j,A&&"overflow-hidden rounded-2xl"),"data-cy":`${Q}-wrapper`,"data-testid":`${U}-wrapper`,children:[V&&/* @__PURE__ */e("div",{className:m,"data-cy":`${Q}-header-bar`,"data-testid":`${U}-header-bar`,children:[
5
+ /* @__PURE__ */t("div",{"data-cy":`${Q}-header-left`,"data-testid":`${U}-header-left`,children:R}),
6
+ /* @__PURE__ */t("div",{"data-cy":`${Q}-header-right`,"data-testid":`${U}-header-right`,children:T})]}),C?/* @__PURE__ */t("div",{ref:X,className:$,style:{maxHeight:C},children:ee}):ee]});return A?/* @__PURE__ */t("div",{className:y,children:ae}):ae});S.displayName="DataTable";export{S as DataTable};
package/dist/index62.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("./index55.cjs"),s=require("./index71.cjs"),a=require("./index99.cjs"),l=require("./index64.cjs"),n=require("./index73.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:u,helperText:d,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:g=!0,lastCharDelay:f=500,validate:x,onValidationChange:y,className:j,id:v,onChange:m,onBlur:S,required:C,value:b,"data-cy":k,"data-testid":w,...N},T)=>{const[$,q]=t.useState(!1),[M,R]=t.useState(),[E,L]=t.useState(!1),[W,B]=t.useState(!1),F=t.useRef(!1),[I,P]=t.useState(""),z=t.useRef(""),D=t.useRef(null),O=t.useRef(null),V=l.useMergedRef(T,O),H=t.useId(),_=v||H,A=`${_}-error`,G=`${_}-helper`,J=k||"input",K=w||"input",Q="password"===i,U=Q&&p,X=Q&&g&&!$&&void 0===b,Y=Q&&($||X&&z.current.length>0)?"text":i,Z=o&&C&&!o.includes("*")?`${o} *`:o,ee=t.useMemo(()=>n.debounce(e=>{if(x&&F.current){const t=x(e);R(t),y?.(!t)}},300),[x,y]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,g,b]),t.useEffect(()=>()=>{D.current&&clearTimeout(D.current),te.current.cancel()},[]);const re=X&&void 0===b?I:$&&Q&&void 0===b?z.current||"":b,se=u||M,ae=N.disabled?"disabled":se?"error":E?"focus":W?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:_,className:a.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:J,dataTestIdPrefix:K})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[e.jsx("input",{ref:V,id:_,type:Y,value:re,className:r.cn(a.inputBaseStyles,se&&a.inputErrorStyles,U&&a.inputWithToggleStyles,j),"aria-invalid":se?"true":"false","aria-required":C?"true":void 0,"aria-describedby":se?A:d?G:void 0,"data-cy":J,"data-testid":K,"data-state":ae,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=z.current,a=I.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}z.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(P(n),t=l,m){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};m(t)}D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{P("•".repeat(l.length))},f)}else m?.(e);F.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),F.current=!0,x){const t=X?z.current:e.target.value,r=x(t);R(r),y?.(!r)}S?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:C,...N}),U&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>O.current?.focus(),0)},"aria-label":$?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:$?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),se&&e.jsx("span",{id:A,className:a.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),d&&!se&&e.jsx("span",{id:G,className:a.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:d})]})});i.displayName="Input",exports.Input=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index55.cjs"),s=require("./index71.cjs"),a=require("./index99.cjs"),l=require("./index64.cjs"),n=require("./index73.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:d,helperText:u,fullWidth:h=!1,leftIcon:p,showPasswordToggle:f=!0,showLastChar:g=!0,lastCharDelay:x=500,validate:y,onValidationChange:j,className:v,id:m,onChange:S,onBlur:C,required:N,value:b,"data-cy":k,"data-testid":w,...$},T)=>{const[q,L]=t.useState(!1),[M,R]=t.useState(),[W,E]=t.useState(!1),[I,B]=t.useState(!1),F=t.useRef(!1),[P,z]=t.useState(""),D=t.useRef(""),O=t.useRef(null),V=t.useRef(null),H=l.useMergedRef(T,V),_=t.useId(),A=m||_,G=`${A}-error`,J=`${A}-helper`,K=k||"input",Q=w||"input",U="password"===i,X=U&&f,Y=U&&g&&!q&&void 0===b,Z=U&&(q||Y&&D.current.length>0)?"text":i,ee=o&&N&&!o.includes("*")?`${o} *`:o,te=t.useMemo(()=>n.debounce(e=>{if(y&&F.current){const t=y(e);R(t),j?.(!t)}},300),[y,j]),re=t.useRef(te);t.useEffect(()=>{re.current=te},[te]),t.useEffect(()=>{process.env.NODE_ENV},[U,g,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),re.current.cancel()},[]);const se=Y&&void 0===b?P:q&&U&&void 0===b?D.current||"":b,ae=d||M,le=$.disabled?"disabled":ae?"error":W?"focus":I?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:A,className:a.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:ee}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:K,dataTestIdPrefix:Q})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[p&&e.jsx("span",{className:a.leftIconStyles,"data-cy":`${K}-left-icon`,"data-testid":`${Q}-left-icon`,"aria-hidden":"true",children:p}),e.jsx("input",{ref:H,id:A,type:Z,value:se,className:r.cn(a.inputBaseStyles,ae&&a.inputErrorStyles,p&&a.inputWithLeftIconStyles,X&&a.inputWithToggleStyles,v),"aria-invalid":ae?"true":"false","aria-required":N?"true":void 0,"aria-describedby":ae?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:e=>{let t=e.target.value;if(Y){const r=e.target.value,s=D.current,a=P.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}D.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(z(n),t=l,S){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};S(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{z("•".repeat(l.length))},x)}else S?.(e);F.current&&te(t)},onFocus:e=>{E(!0),$.onFocus?.(e)},onBlur:e=>{if(E(!1),F.current=!0,y){const t=Y?D.current:e.target.value,r=y(t);R(r),j?.(!r)}C?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:N,...$}),X&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{L(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":q?"Hide password":"Show password","data-cy":`${K}-toggle`,"data-testid":`${Q}-toggle`,children:q?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ae&&e.jsx("span",{id:G,className:a.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:ae}),u&&!ae&&e.jsx("span",{id:J,className:a.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index62.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as l,useEffect as i}from"react";import{cn as s}from"./index55.js";import{FormTooltip as c}from"./index71.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,inputWithToggleStyles as g,inputErrorStyles as v,inputBaseStyles as k,toggleStyles as x,errorStyles as y,helperStyles as C}from"./index99.js";import{useMergedRef as N}from"./index64.js";import{debounce as w}from"./index73.js";const $=t(({type:t="text",label:$,tooltip:b,error:T,helperText:j,fullWidth:L=!1,showPasswordToggle:W=!0,showLastChar:M=!0,lastCharDelay:B=500,validate:q,onValidationChange:E,className:F,id:P,onChange:z,onBlur:D,required:I,value:V,"data-cy":H,"data-testid":O,...S},_)=>{const[A,G]=a(!1),[J,K]=a(),[Q,R]=a(!1),[U,X]=a(!1),Y=n(!1),[Z,ee]=a(""),re=n(""),te=n(null),ae=n(null),ne=N(_,ae),oe=o(),le=P||oe,ie=`${le}-error`,se=`${le}-helper`,ce=H||"input",de=O||"input",ue="password"===t,he=ue&&W,pe=ue&&M&&!A&&void 0===V,me=ue&&(A||pe&&re.current.length>0)?"text":t,fe=$&&I&&!$.includes("*")?`${$} *`:$,ge=l(()=>w(e=>{if(q&&Y.current){const r=q(e);K(r),E?.(!r)}},300),[q,E]),ve=n(ge);i(()=>{ve.current=ge},[ge]),i(()=>{process.env.NODE_ENV},[ue,M,V]),i(()=>()=>{te.current&&clearTimeout(te.current),ve.current.cancel()},[]);const ke=pe&&void 0===V?Z:A&&ue&&void 0===V?re.current||"":V,xe=T||J,ye=S.disabled?"disabled":xe?"error":Q?"focus":U?"hover":"idle";/* @__PURE__ */
2
- return e("div",{className:d,"data-cy":`${ce}-wrapper`,"data-testid":`${de}-wrapper`,children:[($||b)&&/* @__PURE__ */e("div",{className:u,children:[$&&/* @__PURE__ */r("label",{htmlFor:le,className:h,"data-cy":`${ce}-label`,"data-testid":`${de}-label`,children:fe}),b&&/* @__PURE__ */r(c,{content:b,triggerClassName:m,contentClassName:p,dataCyPrefix:ce,dataTestIdPrefix:de})]}),
3
- /* @__PURE__ */e("div",{className:f,children:[
4
- /* @__PURE__ */r("input",{ref:ne,id:le,type:me,value:ke,className:s(k,xe&&v,he&&g,F),"aria-invalid":xe?"true":"false","aria-required":I?"true":void 0,"aria-describedby":xe?ie:j?se:void 0,"data-cy":ce,"data-testid":de,"data-state":ye,onChange:e=>{let r=e.target.value;if(pe){const t=e.target.value,a=re.current,n=Z.length;let o;if(0===t.length)o="";else if(t.length>n){const e=t.slice(n);o=a+e}else if(t.length<n)o=a.slice(0,t.length);else{const e=t.slice(-1);o=a.slice(0,-1)+e}re.current=o;const l=o?"•".repeat(o.length-1)+o.slice(-1):"";if(ee(l),r=o,z){const r={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};z(r)}te.current&&clearTimeout(te.current),te.current=setTimeout(()=>{ee("•".repeat(o.length))},B)}else z?.(e);Y.current&&ge(r)},onFocus:e=>{R(!0),S.onFocus?.(e)},onBlur:e=>{if(R(!1),Y.current=!0,q){const r=pe?re.current:e.target.value,t=q(r);K(t),E?.(!t)}D?.(e)},onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),required:I,...S}),he&&/* @__PURE__ */r("button",{type:"button",className:x,onClick:()=>{G(e=>!e),setTimeout(()=>ae.current?.focus(),0)},"aria-label":A?"Hide password":"Show password","data-cy":`${ce}-toggle`,"data-testid":`${de}-toggle`,children:/* @__PURE__ */e("svg",A?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as i,useEffect as l}from"react";import{cn as s}from"./index55.js";import{FormTooltip as c}from"./index71.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,leftIconStyles as g,inputWithToggleStyles as v,inputWithLeftIconStyles as y,inputErrorStyles as N,inputBaseStyles as k,toggleStyles as x,errorStyles as C,helperStyles as $}from"./index99.js";import{useMergedRef as w}from"./index64.js";import{debounce as b}from"./index73.js";const T=t(({type:t="text",label:T,tooltip:j,error:L,helperText:W,fullWidth:M=!1,leftIcon:B,showPasswordToggle:q=!0,showLastChar:E=!0,lastCharDelay:F=500,validate:I,onValidationChange:P,className:z,id:D,onChange:V,onBlur:H,required:O,value:S,"data-cy":_,"data-testid":A,...G},J)=>{const[K,Q]=a(!1),[R,U]=a(),[X,Y]=a(!1),[Z,ee]=a(!1),re=n(!1),[te,ae]=a(""),ne=n(""),oe=n(null),ie=n(null),le=w(J,ie),se=o(),ce=D||se,de=`${ce}-error`,ue=`${ce}-helper`,he=_||"input",pe=A||"input",me="password"===t,fe=me&&q,ge=me&&E&&!K&&void 0===S,ve=me&&(K||ge&&ne.current.length>0)?"text":t,ye=T&&O&&!T.includes("*")?`${T} *`:T,Ne=i(()=>b(e=>{if(I&&re.current){const r=I(e);U(r),P?.(!r)}},300),[I,P]),ke=n(Ne);l(()=>{ke.current=Ne},[Ne]),l(()=>{process.env.NODE_ENV},[me,E,S]),l(()=>()=>{oe.current&&clearTimeout(oe.current),ke.current.cancel()},[]);const xe=ge&&void 0===S?te:K&&me&&void 0===S?ne.current||"":S,Ce=L||R,$e=G.disabled?"disabled":Ce?"error":X?"focus":Z?"hover":"idle";/* @__PURE__ */
2
+ return e("div",{className:d,"data-cy":`${he}-wrapper`,"data-testid":`${pe}-wrapper`,children:[(T||j)&&/* @__PURE__ */e("div",{className:u,children:[T&&/* @__PURE__ */r("label",{htmlFor:ce,className:h,"data-cy":`${he}-label`,"data-testid":`${pe}-label`,children:ye}),j&&/* @__PURE__ */r(c,{content:j,triggerClassName:m,contentClassName:p,dataCyPrefix:he,dataTestIdPrefix:pe})]}),
3
+ /* @__PURE__ */e("div",{className:f,children:[B&&/* @__PURE__ */r("span",{className:g,"data-cy":`${he}-left-icon`,"data-testid":`${pe}-left-icon`,"aria-hidden":"true",children:B}),
4
+ /* @__PURE__ */r("input",{ref:le,id:ce,type:ve,value:xe,className:s(k,Ce&&N,B&&y,fe&&v,z),"aria-invalid":Ce?"true":"false","aria-required":O?"true":void 0,"aria-describedby":Ce?de:W?ue:void 0,"data-cy":he,"data-testid":pe,"data-state":$e,onChange:e=>{let r=e.target.value;if(ge){const t=e.target.value,a=ne.current,n=te.length;let o;if(0===t.length)o="";else if(t.length>n){const e=t.slice(n);o=a+e}else if(t.length<n)o=a.slice(0,t.length);else{const e=t.slice(-1);o=a.slice(0,-1)+e}ne.current=o;const i=o?"•".repeat(o.length-1)+o.slice(-1):"";if(ae(i),r=o,V){const r={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};V(r)}oe.current&&clearTimeout(oe.current),oe.current=setTimeout(()=>{ae("•".repeat(o.length))},F)}else V?.(e);re.current&&Ne(r)},onFocus:e=>{Y(!0),G.onFocus?.(e)},onBlur:e=>{if(Y(!1),re.current=!0,I){const r=ge?ne.current:e.target.value,t=I(r);U(t),P?.(!t)}H?.(e)},onMouseEnter:()=>ee(!0),onMouseLeave:()=>ee(!1),required:O,...G}),fe&&/* @__PURE__ */r("button",{type:"button",className:x,onClick:()=>{Q(e=>!e),setTimeout(()=>ie.current?.focus(),0)},"aria-label":K?"Hide password":"Show password","data-cy":`${he}-toggle`,"data-testid":`${pe}-toggle`,children:/* @__PURE__ */e("svg",K?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
5
5
  /* @__PURE__ */r("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),
6
6
  /* @__PURE__ */r("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}:{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
7
7
  /* @__PURE__ */r("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),
8
8
  /* @__PURE__ */r("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),
9
- /* @__PURE__ */r("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),xe&&/* @__PURE__ */r("span",{id:ie,className:y,role:"alert","data-cy":`${ce}-error`,"data-testid":`${de}-error`,children:xe}),j&&!xe&&/* @__PURE__ */r("span",{id:se,className:C,"data-cy":`${ce}-helper`,"data-testid":`${de}-helper`,children:j})]})});$.displayName="Input";export{$ as Input};
9
+ /* @__PURE__ */r("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),Ce&&/* @__PURE__ */r("span",{id:de,className:C,role:"alert","data-cy":`${he}-error`,"data-testid":`${pe}-error`,children:Ce}),W&&!Ce&&/* @__PURE__ */r("span",{id:ue,className:$,"data-cy":`${he}-helper`,"data-testid":`${pe}-helper`,children:W})]})});T.displayName="Input";export{T as Input};
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("./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"})]})})]})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index100.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"./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:[
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"./index100.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/index75.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t=e=>e instanceof Date,r=e=>null==e;const n=e=>"object"==typeof e;var s=e=>!r(e)&&!Array.isArray(e)&&n(e)&&!t(e),o=e=>s(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,a="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){if(e instanceof Date)return new Date(e);const t="undefined"!=typeof FileList&&e instanceof FileList;if(a&&(e instanceof Blob||t))return e;const r=Array.isArray(e);if(!(r||s(e)&&(e=>{const t=e.constructor&&e.constructor.prototype;return s(t)&&t.hasOwnProperty("isPrototypeOf")})(e)))return e;const n=r?[]:Object.create(Object.getPrototypeOf(e));for(const s in e)Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=u(e[s]));return n}var c=e=>/^\w*$/.test(e),l=e=>void 0===e,i=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},f=(e,t,n)=>{if(!t||!s(e))return n;const o=(c(t)?[t]:i(t)).reduce((e,t)=>r(e)?e:e[t],e);return l(o)||o===e?l(e[t])?n:e[t]:o},d=e=>"boolean"==typeof e,m=e=>"function"==typeof e,y=(e,t,r)=>{let n=-1;const o=c(t)?[t]:i(t),a=o.length,u=a-1;for(;++n<a;){const t=o[n];let a=r;if(n!==u){const r=e[t];a=s(r)||Array.isArray(r)?r:isNaN(+o[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=a,e=e[t]}};const b="blur",p="change",_="all",g=e.createContext(null);g.displayName="HookFormControlContext";const V=()=>e.useContext(g);const x="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function h(t){const r=V(),{control:n=r,disabled:s,name:o,exact:a}=t||{},[u,c]=e.useState(n._formState),l=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return x(()=>n._subscribe({name:o,formState:l.current,exact:a,callback:e=>{!s&&c({...n._formState,...e})}}),[o,s,a]),e.useEffect(()=>{l.current.isValid&&n._setValid(!0)},[n]),e.useMemo(()=>((e,t,r,n=!0)=>{const s={defaultValues:t._defaultValues};for(const o in e)Object.defineProperty(s,o,{get:()=>{const s=o;return t._proxyFormState[s]!==_&&(t._proxyFormState[s]=!n||_),r&&(r[s]=!0),e[s]}});return s})(u,n,l.current,!1),[u,n])}var v=(e,t,r,n,s)=>"string"==typeof e?f(r,e,s):Array.isArray(e)?e.map(e=>f(r,e)):r,C=e=>r(e)||!n(e);function O(e,r,n=new WeakSet){if(C(e)||C(r))return Object.is(e,r);if(t(e)&&t(r))return Object.is(e.getTime(),r.getTime());const o=Object.keys(e),a=Object.keys(r);if(o.length!==a.length)return!1;if(n.has(e)||n.has(r))return!0;n.add(e),n.add(r);for(const u of o){const o=e[u];if(!a.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(o)&&t(e)||s(o)&&s(e)||Array.isArray(o)&&Array.isArray(e)?!O(o,e,n):!Object.is(o,e))return!1}}return!0}function k(t){const r=V(),{control:n=r,name:s,defaultValue:o,disabled:a,exact:u,compute:c}=t||{},l=e.useRef(o),i=e.useRef(c),f=e.useRef(void 0),d=e.useRef(n),m=e.useRef(s);i.current=c;const[y,b]=e.useState(()=>{const e=n._getWatch(s,l.current);return i.current?i.current(e):e}),p=e.useCallback(e=>{const t=v(s,n._names,e||n._formValues,0,l.current);return i.current?i.current(t):t},[n._formValues,n._names,s]),_=e.useCallback(e=>{if(!a){const t=v(s,n._names,e||n._formValues,0,l.current);if(i.current){const e=i.current(t);O(e,f.current)||(b(e),f.current=e)}else b(t)}},[n._formValues,n._names,a,s]);x(()=>(d.current===n&&O(m.current,s)||(d.current=n,m.current=s,_()),n._subscribe({name:s,formState:{values:!0},exact:u,callback:e=>{_(e.values)}})),[n,u,s,_]),e.useEffect(()=>n._removeUnmounted());const g=d.current!==n,h=m.current,C=e.useMemo(()=>{if(a)return null;const e=!g&&!O(h,s);return g||e?p():null},[a,g,s,h,p]);return null!==C?C:y}function A(t){const r=V(),{name:n,disabled:s,control:a=r,shouldUnregister:c,defaultValue:i,exact:_=!0}=t,g=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,n),x=e.useMemo(()=>f(a._formValues,n,f(a._defaultValues,n,i)),[a,n,i]),v=k({control:a,name:n,defaultValue:x,exact:_}),C=h({control:a,name:n,exact:_}),O=e.useRef(t),A=e.useRef(void 0),F=e.useRef(a.register(n,{...t.rules,value:v,...d(t.disabled)?{disabled:t.disabled}:{}}));O.current=t;const S=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!f(C.errors,n)},isDirty:{enumerable:!0,get:()=>!!f(C.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!f(C.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!f(C.validatingFields,n)},error:{enumerable:!0,get:()=>f(C.errors,n)}}),[C,n]),j=e.useCallback(e=>F.current.onChange({target:{value:o(e),name:n},type:p}),[n]),w=e.useCallback(()=>F.current.onBlur({target:{value:f(a._formValues,n),name:n},type:b}),[n,a._formValues]),R=e.useCallback(e=>{const t=f(a._fields,n);t&&t._f&&e&&(t._f.ref={focus:()=>m(e.focus)&&e.focus(),select:()=>m(e.select)&&e.select(),setCustomValidity:t=>m(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>m(e.reportValidity)&&e.reportValidity()})},[a._fields,n]),M=e.useMemo(()=>({name:n,value:v,...d(s)||C.disabled?{disabled:C.disabled||s}:{},onChange:j,onBlur:w,ref:R}),[n,s,C.disabled,j,w,R,v]);return e.useEffect(()=>{const e=a._options.shouldUnregister||c,t=A.current;t&&t!==n&&!g&&a.unregister(t),a.register(n,{...O.current.rules,...d(O.current.disabled)?{disabled:O.current.disabled}:{}});const r=(e,t)=>{const r=f(a._fields,e);r&&r._f&&(r._f.mount=t)};if(r(n,!0),e){const e=u(f(a._options.defaultValues,n,O.current.defaultValue));y(a._defaultValues,n,e),l(f(a._formValues,n))&&y(a._formValues,n,e)}return!g&&a.register(n),A.current=n,()=>{(g?e&&!a._state.action:e)?a.unregister(n):r(n,!1)}},[n,a,g,c]),e.useEffect(()=>{a._setDisabledField({disabled:s,name:n})},[s,n,a]),e.useMemo(()=>({field:M,formState:C,fieldState:S}),[M,C,S])}e.createContext(null).displayName="HookFormContext",exports.Controller=e=>e.render(A(e)),exports.get=f,exports.set=y,exports.useController=A,exports.useFormState=h,exports.useWatch=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t=e=>e instanceof Date,r=e=>null==e;const s=e=>"object"==typeof e;var n=e=>!r(e)&&!Array.isArray(e)&&s(e)&&!t(e),o=e=>n(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,a="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){if(e instanceof Date)return new Date(e);const t="undefined"!=typeof FileList&&e instanceof FileList;if(a&&(e instanceof Blob||t))return e;const r=Array.isArray(e);if(!(r||n(e)&&(e=>{const t=e.constructor&&e.constructor.prototype;return n(t)&&t.hasOwnProperty("isPrototypeOf")})(e)))return e;const s=r?[]:Object.create(Object.getPrototypeOf(e));for(const n in e)Object.prototype.hasOwnProperty.call(e,n)&&(s[n]=u(e[n]));return s}var l=e=>/^\w*$/.test(e),c=e=>void 0===e,i=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},d=(e,t,s)=>{if(!t||!n(e))return s;const o=(l(t)?[t]:i(t)).reduce((e,t)=>r(e)?e:e[t],e);return c(o)||o===e?c(e[t])?s:e[t]:o},f=e=>"boolean"==typeof e,m=e=>"function"==typeof e,b=(e,t,r)=>{let s=-1;const o=l(t)?[t]:i(t),a=o.length,u=a-1;for(;++s<a;){const t=o[s];let a=r;if(s!==u){const r=e[t];a=n(r)||Array.isArray(r)?r:isNaN(+o[s+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=a,e=e[t]}};const y="blur",g="change",p="all",_=e.createContext(null);_.displayName="HookFormControlContext";const V=()=>e.useContext(_);const h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function v(t){const r=V(),{control:s=r,disabled:n,name:o,exact:a}=t||{},[u,l]=e.useState(s._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return h(()=>s._subscribe({name:o,formState:c.current,exact:a,callback:e=>{!n&&l({...s._formState,...e})}}),[o,n,a]),e.useEffect(()=>{c.current.isValid&&s._setValid(!0)},[s]),e.useMemo(()=>((e,t,r,s=!0)=>{const n={defaultValues:t._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return t._proxyFormState[n]!==p&&(t._proxyFormState[n]=!s||p),r&&(r[n]=!0),e[n]}});return n})(u,s,c.current,!1),[u,s])}var x=(e,t,r,s,n)=>"string"==typeof e?d(r,e,n):Array.isArray(e)?e.map(e=>d(r,e)):r,F=e=>r(e)||!s(e);function C(e,r,s=new WeakSet){if(F(e)||F(r))return Object.is(e,r);if(t(e)&&t(r))return Object.is(e.getTime(),r.getTime());const o=Object.keys(e),a=Object.keys(r);if(o.length!==a.length)return!1;if(s.has(e)||s.has(r))return!0;s.add(e),s.add(r);for(const u of o){const o=e[u];if(!a.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(o)&&t(e)||n(o)&&n(e)||Array.isArray(o)&&Array.isArray(e)?!C(o,e,s):!Object.is(o,e))return!1}}return!0}function S(t){const r=V(),{control:s=r,name:n,defaultValue:o,disabled:a,exact:u,compute:l}=t||{},c=e.useRef(o),i=e.useRef(l),d=e.useRef(void 0),f=e.useRef(s),m=e.useRef(n);i.current=l;const[b,y]=e.useState(()=>{const e=s._getWatch(n,c.current);return i.current?i.current(e):e}),g=e.useCallback(e=>{const t=x(n,s._names,e||s._formValues,0,c.current);return i.current?i.current(t):t},[s._formValues,s._names,n]),p=e.useCallback(e=>{if(!a){const t=x(n,s._names,e||s._formValues,0,c.current);if(i.current){const e=i.current(t);C(e,d.current)||(y(e),d.current=e)}else y(t)}},[s._formValues,s._names,a,n]);h(()=>(f.current===s&&C(m.current,n)||(f.current=s,m.current=n,p()),s._subscribe({name:n,formState:{values:!0},exact:u,callback:e=>{p(e.values)}})),[s,u,n,p]),e.useEffect(()=>s._removeUnmounted());const _=f.current!==s,v=m.current,F=e.useMemo(()=>{if(a)return null;const e=!_&&!C(v,n);return _||e?g():null},[a,_,n,v,g]);return null!==F?F:b}function O(t){const r=V(),{name:s,disabled:n,control:a=r,shouldUnregister:l,defaultValue:i,exact:p=!0}=t,_=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,s),h=e.useMemo(()=>d(a._formValues,s,d(a._defaultValues,s,i)),[a,s,i]),x=S({control:a,name:s,defaultValue:h,exact:p}),F=v({control:a,name:s,exact:p}),C=e.useRef(t),O=e.useRef(void 0),k=e.useRef(a.register(s,{...t.rules,value:x,...f(t.disabled)?{disabled:t.disabled}:{}}));C.current=t;const A=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!d(F.errors,s)},isDirty:{enumerable:!0,get:()=>!!d(F.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!d(F.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!d(F.validatingFields,s)},error:{enumerable:!0,get:()=>d(F.errors,s)}}),[F,s]),w=e.useCallback(e=>k.current.onChange({target:{value:o(e),name:s},type:g}),[s]),E=e.useCallback(()=>k.current.onBlur({target:{value:d(a._formValues,s),name:s},type:y}),[s,a._formValues]),j=e.useCallback(e=>{const t=d(a._fields,s);t&&t._f&&e&&(t._f.ref={focus:()=>m(e.focus)&&e.focus(),select:()=>m(e.select)&&e.select(),setCustomValidity:t=>m(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>m(e.reportValidity)&&e.reportValidity()})},[a._fields,s]),P=e.useMemo(()=>({name:s,value:x,...f(n)||F.disabled?{disabled:F.disabled||n}:{},onChange:w,onBlur:E,ref:j}),[s,n,F.disabled,w,E,j,x]);return e.useEffect(()=>{const e=a._options.shouldUnregister||l,t=O.current;t&&t!==s&&!_&&a.unregister(t),a.register(s,{...C.current.rules,...f(C.current.disabled)?{disabled:C.current.disabled}:{}});const r=(e,t)=>{const r=d(a._fields,e);r&&r._f&&(r._f.mount=t)};if(r(s,!0),e){const e=u(d(a._options.defaultValues,s,C.current.defaultValue));b(a._defaultValues,s,e),c(d(a._formValues,s))&&b(a._formValues,s,e)}return!_&&a.register(s),O.current=s,()=>{(_?e&&!a._state.action:e)?a.unregister(s):r(s,!1)}},[s,a,_,l]),e.useEffect(()=>{a._setDisabledField({disabled:n,name:s})},[n,s,a]),e.useMemo(()=>({field:P,formState:F,fieldState:A}),[P,F,A])}const k=e.createContext(null);k.displayName="HookFormContext";exports.Controller=e=>e.render(O(e)),exports.FormProvider=t=>{const{children:r,watch:s,getValues:n,getFieldState:o,setError:a,clearErrors:u,setValue:l,trigger:c,formState:i,resetField:d,reset:f,handleSubmit:m,unregister:b,control:y,register:g,setFocus:p,subscribe:V}=t;return e.createElement(k.Provider,{value:e.useMemo(()=>({watch:s,getValues:n,getFieldState:o,setError:a,clearErrors:u,setValue:l,trigger:c,formState:i,resetField:d,reset:f,handleSubmit:m,unregister:b,control:y,register:g,setFocus:p,subscribe:V}),[u,y,i,o,n,m,g,f,d,a,p,l,V,c,b,s])},e.createElement(_.Provider,{value:y},r))},exports.get=d,exports.set=b,exports.useController=O,exports.useFormContext=()=>e.useContext(k),exports.useFormState=v,exports.useWatch=S;
package/dist/index75.js CHANGED
@@ -1 +1 @@
1
- import e from"react";var t=e=>e instanceof Date,r=e=>null==e;const n=e=>"object"==typeof e;var s=e=>!r(e)&&!Array.isArray(e)&&n(e)&&!t(e),a=e=>s(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,o="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){if(e instanceof Date)return new Date(e);const t="undefined"!=typeof FileList&&e instanceof FileList;if(o&&(e instanceof Blob||t))return e;const r=Array.isArray(e);if(!(r||s(e)&&(e=>{const t=e.constructor&&e.constructor.prototype;return s(t)&&t.hasOwnProperty("isPrototypeOf")})(e)))return e;const n=r?[]:Object.create(Object.getPrototypeOf(e));for(const s in e)Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=u(e[s]));return n}var c=e=>/^\w*$/.test(e),i=e=>void 0===e,l=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},f=(e,t,n)=>{if(!t||!s(e))return n;const a=(c(t)?[t]:l(t)).reduce((e,t)=>r(e)?e:e[t],e);return i(a)||a===e?i(e[t])?n:e[t]:a},d=e=>"boolean"==typeof e,m=e=>"function"==typeof e,y=(e,t,r)=>{let n=-1;const a=c(t)?[t]:l(t),o=a.length,u=o-1;for(;++n<o;){const t=a[n];let o=r;if(n!==u){const r=e[t];o=s(r)||Array.isArray(r)?r:isNaN(+a[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=o,e=e[t]}};const b="blur",_="change",p="all",g=e.createContext(null);g.displayName="HookFormControlContext";const V=()=>e.useContext(g);const h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function v(t){const r=V(),{control:n=r,disabled:s,name:a,exact:o}=t||{},[u,c]=e.useState(n._formState),i=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return h(()=>n._subscribe({name:a,formState:i.current,exact:o,callback:e=>{!s&&c({...n._formState,...e})}}),[a,s,o]),e.useEffect(()=>{i.current.isValid&&n._setValid(!0)},[n]),e.useMemo(()=>((e,t,r,n=!0)=>{const s={defaultValues:t._defaultValues};for(const a in e)Object.defineProperty(s,a,{get:()=>{const s=a;return t._proxyFormState[s]!==p&&(t._proxyFormState[s]=!n||p),r&&(r[s]=!0),e[s]}});return s})(u,n,i.current,!1),[u,n])}var x=(e,t,r,n,s)=>"string"==typeof e?f(r,e,s):Array.isArray(e)?e.map(e=>f(r,e)):r,C=e=>r(e)||!n(e);function k(e,r,n=/* @__PURE__ */new WeakSet){if(C(e)||C(r))return Object.is(e,r);if(t(e)&&t(r))return Object.is(e.getTime(),r.getTime());const a=Object.keys(e),o=Object.keys(r);if(a.length!==o.length)return!1;if(n.has(e)||n.has(r))return!0;n.add(e),n.add(r);for(const u of a){const a=e[u];if(!o.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(a)&&t(e)||s(a)&&s(e)||Array.isArray(a)&&Array.isArray(e)?!k(a,e,n):!Object.is(a,e))return!1}}return!0}function A(t){const r=V(),{control:n=r,name:s,defaultValue:a,disabled:o,exact:u,compute:c}=t||{},i=e.useRef(a),l=e.useRef(c),f=e.useRef(void 0),d=e.useRef(n),m=e.useRef(s);l.current=c;const[y,b]=e.useState(()=>{const e=n._getWatch(s,i.current);return l.current?l.current(e):e}),_=e.useCallback(e=>{const t=x(s,n._names,e||n._formValues,0,i.current);return l.current?l.current(t):t},[n._formValues,n._names,s]),p=e.useCallback(e=>{if(!o){const t=x(s,n._names,e||n._formValues,0,i.current);if(l.current){const e=l.current(t);k(e,f.current)||(b(e),f.current=e)}else b(t)}},[n._formValues,n._names,o,s]);h(()=>(d.current===n&&k(m.current,s)||(d.current=n,m.current=s,p()),n._subscribe({name:s,formState:{values:!0},exact:u,callback:e=>{p(e.values)}})),[n,u,s,p]),e.useEffect(()=>n._removeUnmounted());const g=d.current!==n,v=m.current,C=e.useMemo(()=>{if(o)return null;const e=!g&&!k(v,s);return g||e?_():null},[o,g,s,v,_]);return null!==C?C:y}function O(t){const r=V(),{name:n,disabled:s,control:o=r,shouldUnregister:c,defaultValue:l,exact:p=!0}=t,g=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(o._names.array,n),h=e.useMemo(()=>f(o._formValues,n,f(o._defaultValues,n,l)),[o,n,l]),x=A({control:o,name:n,defaultValue:h,exact:p}),C=v({control:o,name:n,exact:p}),k=e.useRef(t),O=e.useRef(void 0),F=e.useRef(o.register(n,{...t.rules,value:x,...d(t.disabled)?{disabled:t.disabled}:{}}));k.current=t;const j=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!f(C.errors,n)},isDirty:{enumerable:!0,get:()=>!!f(C.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!f(C.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!f(C.validatingFields,n)},error:{enumerable:!0,get:()=>f(C.errors,n)}}),[C,n]),w=e.useCallback(e=>F.current.onChange({target:{value:a(e),name:n},type:_}),[n]),S=e.useCallback(()=>F.current.onBlur({target:{value:f(o._formValues,n),name:n},type:b}),[n,o._formValues]),R=e.useCallback(e=>{const t=f(o._fields,n);t&&t._f&&e&&(t._f.ref={focus:()=>m(e.focus)&&e.focus(),select:()=>m(e.select)&&e.select(),setCustomValidity:t=>m(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>m(e.reportValidity)&&e.reportValidity()})},[o._fields,n]),E=e.useMemo(()=>({name:n,value:x,...d(s)||C.disabled?{disabled:C.disabled||s}:{},onChange:w,onBlur:S,ref:R}),[n,s,C.disabled,w,S,R,x]);return e.useEffect(()=>{const e=o._options.shouldUnregister||c,t=O.current;t&&t!==n&&!g&&o.unregister(t),o.register(n,{...k.current.rules,...d(k.current.disabled)?{disabled:k.current.disabled}:{}});const r=(e,t)=>{const r=f(o._fields,e);r&&r._f&&(r._f.mount=t)};if(r(n,!0),e){const e=u(f(o._options.defaultValues,n,k.current.defaultValue));y(o._defaultValues,n,e),i(f(o._formValues,n))&&y(o._formValues,n,e)}return!g&&o.register(n),O.current=n,()=>{(g?e&&!o._state.action:e)?o.unregister(n):r(n,!1)}},[n,o,g,c]),e.useEffect(()=>{o._setDisabledField({disabled:s,name:n})},[s,n,o]),e.useMemo(()=>({field:E,formState:C,fieldState:j}),[E,C,j])}const F=e=>e.render(O(e));e.createContext(null).displayName="HookFormContext";export{F as Controller,f as get,y as set,O as useController,v as useFormState,A as useWatch};
1
+ import e from"react";var t=e=>e instanceof Date,r=e=>null==e;const s=e=>"object"==typeof e;var n=e=>!r(e)&&!Array.isArray(e)&&s(e)&&!t(e),a=e=>n(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,o="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){if(e instanceof Date)return new Date(e);const t="undefined"!=typeof FileList&&e instanceof FileList;if(o&&(e instanceof Blob||t))return e;const r=Array.isArray(e);if(!(r||n(e)&&(e=>{const t=e.constructor&&e.constructor.prototype;return n(t)&&t.hasOwnProperty("isPrototypeOf")})(e)))return e;const s=r?[]:Object.create(Object.getPrototypeOf(e));for(const n in e)Object.prototype.hasOwnProperty.call(e,n)&&(s[n]=u(e[n]));return s}var c=e=>/^\w*$/.test(e),i=e=>void 0===e,l=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},d=(e,t,s)=>{if(!t||!n(e))return s;const a=(c(t)?[t]:l(t)).reduce((e,t)=>r(e)?e:e[t],e);return i(a)||a===e?i(e[t])?s:e[t]:a},f=e=>"boolean"==typeof e,m=e=>"function"==typeof e,b=(e,t,r)=>{let s=-1;const a=c(t)?[t]:l(t),o=a.length,u=o-1;for(;++s<o;){const t=a[s];let o=r;if(s!==u){const r=e[t];o=n(r)||Array.isArray(r)?r:isNaN(+a[s+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=o,e=e[t]}};const y="blur",g="change",_="all",p=e.createContext(null);p.displayName="HookFormControlContext";const V=()=>e.useContext(p);const h="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function v(t){const r=V(),{control:s=r,disabled:n,name:a,exact:o}=t||{},[u,c]=e.useState(s._formState),i=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return h(()=>s._subscribe({name:a,formState:i.current,exact:o,callback:e=>{!n&&c({...s._formState,...e})}}),[a,n,o]),e.useEffect(()=>{i.current.isValid&&s._setValid(!0)},[s]),e.useMemo(()=>((e,t,r,s=!0)=>{const n={defaultValues:t._defaultValues};for(const a in e)Object.defineProperty(n,a,{get:()=>{const n=a;return t._proxyFormState[n]!==_&&(t._proxyFormState[n]=!s||_),r&&(r[n]=!0),e[n]}});return n})(u,s,i.current,!1),[u,s])}var F=(e,t,r,s,n)=>"string"==typeof e?d(r,e,n):Array.isArray(e)?e.map(e=>d(r,e)):r,x=e=>r(e)||!s(e);function C(e,r,s=/* @__PURE__ */new WeakSet){if(x(e)||x(r))return Object.is(e,r);if(t(e)&&t(r))return Object.is(e.getTime(),r.getTime());const a=Object.keys(e),o=Object.keys(r);if(a.length!==o.length)return!1;if(s.has(e)||s.has(r))return!0;s.add(e),s.add(r);for(const u of a){const a=e[u];if(!o.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(a)&&t(e)||n(a)&&n(e)||Array.isArray(a)&&Array.isArray(e)?!C(a,e,s):!Object.is(a,e))return!1}}return!0}function S(t){const r=V(),{control:s=r,name:n,defaultValue:a,disabled:o,exact:u,compute:c}=t||{},i=e.useRef(a),l=e.useRef(c),d=e.useRef(void 0),f=e.useRef(s),m=e.useRef(n);l.current=c;const[b,y]=e.useState(()=>{const e=s._getWatch(n,i.current);return l.current?l.current(e):e}),g=e.useCallback(e=>{const t=F(n,s._names,e||s._formValues,0,i.current);return l.current?l.current(t):t},[s._formValues,s._names,n]),_=e.useCallback(e=>{if(!o){const t=F(n,s._names,e||s._formValues,0,i.current);if(l.current){const e=l.current(t);C(e,d.current)||(y(e),d.current=e)}else y(t)}},[s._formValues,s._names,o,n]);h(()=>(f.current===s&&C(m.current,n)||(f.current=s,m.current=n,_()),s._subscribe({name:n,formState:{values:!0},exact:u,callback:e=>{_(e.values)}})),[s,u,n,_]),e.useEffect(()=>s._removeUnmounted());const p=f.current!==s,v=m.current,x=e.useMemo(()=>{if(o)return null;const e=!p&&!C(v,n);return p||e?g():null},[o,p,n,v,g]);return null!==x?x:b}function k(t){const r=V(),{name:s,disabled:n,control:o=r,shouldUnregister:c,defaultValue:l,exact:_=!0}=t,p=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(o._names.array,s),h=e.useMemo(()=>d(o._formValues,s,d(o._defaultValues,s,l)),[o,s,l]),F=S({control:o,name:s,defaultValue:h,exact:_}),x=v({control:o,name:s,exact:_}),C=e.useRef(t),k=e.useRef(void 0),A=e.useRef(o.register(s,{...t.rules,value:F,...f(t.disabled)?{disabled:t.disabled}:{}}));C.current=t;const O=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!d(x.errors,s)},isDirty:{enumerable:!0,get:()=>!!d(x.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!d(x.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!d(x.validatingFields,s)},error:{enumerable:!0,get:()=>d(x.errors,s)}}),[x,s]),w=e.useCallback(e=>A.current.onChange({target:{value:a(e),name:s},type:g}),[s]),E=e.useCallback(()=>A.current.onBlur({target:{value:d(o._formValues,s),name:s},type:y}),[s,o._formValues]),j=e.useCallback(e=>{const t=d(o._fields,s);t&&t._f&&e&&(t._f.ref={focus:()=>m(e.focus)&&e.focus(),select:()=>m(e.select)&&e.select(),setCustomValidity:t=>m(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>m(e.reportValidity)&&e.reportValidity()})},[o._fields,s]),R=e.useMemo(()=>({name:s,value:F,...f(n)||x.disabled?{disabled:x.disabled||n}:{},onChange:w,onBlur:E,ref:j}),[s,n,x.disabled,w,E,j,F]);return e.useEffect(()=>{const e=o._options.shouldUnregister||c,t=k.current;t&&t!==s&&!p&&o.unregister(t),o.register(s,{...C.current.rules,...f(C.current.disabled)?{disabled:C.current.disabled}:{}});const r=(e,t)=>{const r=d(o._fields,e);r&&r._f&&(r._f.mount=t)};if(r(s,!0),e){const e=u(d(o._options.defaultValues,s,C.current.defaultValue));b(o._defaultValues,s,e),i(d(o._formValues,s))&&b(o._formValues,s,e)}return!p&&o.register(s),k.current=s,()=>{(p?e&&!o._state.action:e)?o.unregister(s):r(s,!1)}},[s,o,p,c]),e.useEffect(()=>{o._setDisabledField({disabled:n,name:s})},[n,s,o]),e.useMemo(()=>({field:R,formState:x,fieldState:O}),[R,x,O])}const A=e=>e.render(k(e)),O=e.createContext(null);O.displayName="HookFormContext";const w=()=>e.useContext(O),E=t=>{const{children:r,watch:s,getValues:n,getFieldState:a,setError:o,clearErrors:u,setValue:c,trigger:i,formState:l,resetField:d,reset:f,handleSubmit:m,unregister:b,control:y,register:g,setFocus:_,subscribe:V}=t;return e.createElement(O.Provider,{value:e.useMemo(()=>({watch:s,getValues:n,getFieldState:a,setError:o,clearErrors:u,setValue:c,trigger:i,formState:l,resetField:d,reset:f,handleSubmit:m,unregister:b,control:y,register:g,setFocus:_,subscribe:V}),[u,y,l,a,n,m,g,f,d,o,_,c,V,i,b,s])},e.createElement(p.Provider,{value:y},r))};export{A as Controller,E as FormProvider,d as get,b as set,k as useController,w as useFormContext,v as useFormState,S as useWatch};
package/dist/index76.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["inline-flex items-center justify-center h-10 p-1 gap-1 rounded-lg bg-[var(--color-bg-secondary)] text-[var(--color-icon-secondary)]","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 justify-center whitespace-nowrap px-3 py-1.5 rounded text-sm font-medium leading-snug","border-none bg-transparent text-[var(--color-icon-secondary)] 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-[var(--color-card)] data-[state=active]:text-[var(--color-text)] data-[state=active]:shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.06)]","hover:bg-[var(--color-border)] hover:text-[var(--color-text)] [&:hover]:data-[state=active]:bg-[var(--color-card)]","max-sm:px-4 max-sm:py-2"].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.listStyles=e,exports.triggerStyles=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-0 border-b border-[var(--color-border)]","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=["inline-flex items-center justify-center whitespace-nowrap px-4 pb-3 text-[1.125rem] font-bold tracking-[0.056rem]","border-0 border-b-4 border-b-transparent bg-transparent text-[var(--color-system-text)] 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 o=["inline-flex items-center justify-center h-10 p-1 gap-1 rounded-lg bg-[var(--color-bg-secondary)] text-[var(--color-icon-secondary)]","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),e="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",t=["inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 rounded text-sm font-medium leading-snug","border-none bg-transparent text-[var(--color-icon-secondary)] 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-[var(--color-card)] data-[state=active]:text-[var(--color-text)] data-[state=active]:shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.06)]","hover:bg-[var(--color-border)] hover:text-[var(--color-text)] [&:hover]:data-[state=active]:bg-[var(--color-card)]","max-sm:px-4 max-sm:py-2"].join(" "),a="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded";export{a as contentStyles,e as listFullWidthStyles,o as listStyles,t as triggerStyles};
1
+ const e=["flex items-center gap-0 border-b border-[var(--color-border)]","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=["inline-flex items-center justify-center whitespace-nowrap px-4 pb-3 text-[1.125rem] font-bold tracking-[0.056rem]","border-0 border-b-4 border-b-transparent bg-transparent text-[var(--color-system-text)] 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("./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;
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;
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"./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"}))}}),
1
+ import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index101.js";import{useComposedRefs as n}from"./index102.js";import{createCollection as o}from"./index103.js";import{createContextScope as s}from"./index104.js";import{Branch as i,Root as a}from"./index105.js";import{Portal as c}from"./index106.js";import{Presence as d}from"./index107.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index108.js";import{useCallbackRef as p}from"./index109.js";import{useControllableState as f}from"./index110.js";import{useLayoutEffect as m}from"./index111.js";import{VisuallyHidden as w}from"./index112.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.emptyCellStyles="p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8",exports.tableBaseStyles="w-full border-collapse text-sm leading-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.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.theadStyles="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",exports.trHoverableStyles="hover:bg-[var(--color-bg)]",exports.trStripedEvenStyles="even:bg-[var(--color-bg)]",exports.trStripedStyles="border-b border-[var(--color-border)]",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"});exports.emptyCellStyles="p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8",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)]",o="w-full border-collapse text-sm leading-normal text-[var(--color-text)]",t="border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]",e="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",l="border-b border-[var(--color-border)]",a="hover:bg-[var(--color-bg)]",x="even:bg-[var(--color-bg)]",c="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",s="p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8";export{s as emptyCellStyles,o as tableBaseStyles,c as tdStyles,e as thStyles,t as theadStyles,a as trHoverableStyles,x as trStripedEvenStyles,l as trStripedStyles,r as wrapperStyles};
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)]",b="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",l="px-6 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[#2E3947]",x="border-b border-[var(--color-border)]",c="border-0 even:bg-transparent hover:bg-white",s="hover:bg-[var(--color-bg)]",d="even:bg-[var(--color-bg)]",m="px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs",n="px-6 py-2.5 text-[1.125rem] font-normal text-[var(--color-text)]",p="p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8",v="flex items-center justify-between p-6 max-sm:p-4",g="py-4 text-center",f="h-3 rounded-md bg-[var(--color-border)] animate-pulse",i="overflow-y-auto datatable-scrollbar",y="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)]";export{p as emptyCellStyles,v as headerBarStyles,g as loadingRowStyles,i as scrollContainerStyles,f as skeletonCellStyles,y as stickyTheadStyles,t as tableBaseStyles,n as tdBorderBreakStyles,m as tdStyles,l as thBorderBreakStyles,b as thStyles,a as theadBorderBreakStyles,o as theadStyles,c as trBorderBreakStyles,s as trHoverableStyles,d as trStripedEvenStyles,x as trStripedStyles,e as wrapperBorderBreakStyles,r as wrapperStyles};
package/dist/index99.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),o=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),r=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" ");exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.inputBaseStyles=r,exports.inputErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.inputWithToggleStyles="pe-12",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.toggleStyles=t,exports.tooltipContentStyles=o,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),o=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),r=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["absolute top-1/2 start-3 -translate-y-1/2","flex items-center justify-center","text-[var(--color-icon-secondary)] pointer-events-none"].join(" "),n=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" ");exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.inputBaseStyles=r,exports.inputErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.inputWithLeftIconStyles="ps-10",exports.inputWithToggleStyles="pe-12",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.leftIconStyles=t,exports.toggleStyles=n,exports.tooltipContentStyles=o,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
package/dist/index99.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col justify-center items-start gap-2 w-full",o="flex items-center justify-between h-4 w-full",r="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l="relative flex items-center w-full",a=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),c="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",s="pe-12",i=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" "),d="text-xs leading-none text-[var(--color-grey-07)]",u="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";export{u as errorStyles,l as fieldContainerStyles,d as helperStyles,a as inputBaseStyles,c as inputErrorStyles,s as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,i as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
1
+ const e="flex flex-col justify-center items-start gap-2 w-full",o="flex items-center justify-between h-4 w-full",r="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),a="relative flex items-center w-full",l=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),s="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="ps-10",i="pe-12",d=["absolute top-1/2 start-3 -translate-y-1/2","flex items-center justify-center","text-[var(--color-icon-secondary)] pointer-events-none"].join(" "),u=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" "),f="text-xs leading-none text-[var(--color-grey-07)]",x="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";export{x as errorStyles,a as fieldContainerStyles,f as helperStyles,l as inputBaseStyles,s as inputErrorStyles,c as inputWithLeftIconStyles,i as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,d as leftIconStyles,u as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAaxD,eAAO,MAAM,SAAS,6GA0FrB,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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAyBxD,eAAO,MAAM,SAAS,6GA+NrB,CAAC;AAIF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,10 +1,20 @@
1
1
  export declare const wrapperStyles = "w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]";
2
+ export declare const wrapperBorderBreakStyles = "card-border-break rounded-2xl bg-[rgba(255,255,255,0.43)]";
2
3
  export declare const tableBaseStyles = "w-full border-collapse text-sm leading-normal text-[var(--color-text)]";
3
4
  export declare const theadStyles = "border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]";
5
+ export declare const theadBorderBreakStyles = "!bg-transparent border-b border-[rgba(0,165,187,0.25)]";
4
6
  export declare const 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";
7
+ export declare const thBorderBreakStyles = "px-6 py-2.5 whitespace-nowrap text-[1.1875rem] font-bold text-[#2E3947]";
5
8
  export declare const trStripedStyles = "border-b border-[var(--color-border)]";
9
+ export declare const trBorderBreakStyles = "border-0 even:bg-transparent hover:bg-white";
6
10
  export declare const trHoverableStyles = "hover:bg-[var(--color-bg)]";
7
11
  export declare const trStripedEvenStyles = "even:bg-[var(--color-bg)]";
8
12
  export declare const tdStyles = "px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs";
13
+ export declare const tdBorderBreakStyles = "px-6 py-2.5 text-[1.125rem] font-normal text-[var(--color-text)]";
9
14
  export declare const emptyCellStyles = "p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8";
15
+ export declare const headerBarStyles = "flex items-center justify-between p-6 max-sm:p-4";
16
+ export declare const loadingRowStyles = "py-4 text-center";
17
+ export declare const skeletonCellStyles = "h-3 rounded-md bg-[var(--color-border)] animate-pulse";
18
+ export declare const scrollContainerStyles = "overflow-y-auto datatable-scrollbar";
19
+ 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)]";
10
20
  //# 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,eAAe,2EAC8C,CAAC;AAE3E,eAAO,MAAM,WAAW,yEAAyE,CAAC;AAElG,eAAO,MAAM,QAAQ,8GACwF,CAAC;AAE9G,eAAO,MAAM,eAAe,0CAA0C,CAAC;AACvE,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAC9D,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,eAAO,MAAM,QAAQ,8EAA8E,CAAC;AAEpG,eAAO,MAAM,eAAe,0EAC6C,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,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,15 +1,35 @@
1
- import { TableHTMLAttributes } from 'react';
1
+ import { ReactNode, TableHTMLAttributes } from 'react';
2
2
 
3
3
  export interface DataTableColumn {
4
4
  key: string;
5
5
  header: string;
6
6
  width?: string;
7
+ /** Custom render function for cell content. Receives the cell value and the full row data. */
8
+ render?: (value: unknown, row: Record<string, unknown>, rowIndex: number) => ReactNode;
7
9
  }
8
10
  export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
9
11
  columns: DataTableColumn[];
10
12
  data: Record<string, unknown>[];
11
13
  striped?: boolean;
12
14
  hoverable?: boolean;
15
+ /** Content rendered on the left side of the table header bar */
16
+ headerLeft?: ReactNode;
17
+ /** Content rendered on the right side of the table header bar */
18
+ headerRight?: ReactNode;
19
+ /** Applies the card-border-break effect with rounded corners and corner breaks */
20
+ borderBreak?: boolean;
21
+ /** Called when the sentinel element enters the viewport — use to fetch the next page */
22
+ onLoadMore?: () => void;
23
+ /** Whether more data is currently being fetched */
24
+ isLoadingMore?: boolean;
25
+ /** Whether there are more pages to load */
26
+ hasMore?: boolean;
27
+ /** Custom loading indicator rendered at the bottom while fetching */
28
+ loadingIndicator?: ReactNode;
29
+ /** Number of skeleton rows to show while loading more data (default: 3) */
30
+ skeletonRows?: number;
31
+ /** Fixed max height for the table — enables internal scrolling (e.g. '30rem', '500px') */
32
+ maxHeight?: string;
13
33
  'data-cy'?: string;
14
34
  'data-testid'?: string;
15
35
  }
@@ -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,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}