@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.
- package/dist/index100.cjs +1 -1
- package/dist/index100.js +5 -1
- package/dist/index101.cjs +1 -1
- package/dist/index101.js +1 -1
- package/dist/index102.cjs +1 -1
- package/dist/index102.js +1 -3
- package/dist/index103.cjs +1 -1
- package/dist/index103.js +3 -2
- package/dist/index104.cjs +1 -1
- package/dist/index104.js +2 -1
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +1 -1
- package/dist/index106.cjs +1 -1
- package/dist/index106.js +1 -1
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +1 -1
- package/dist/index108.cjs +1 -1
- package/dist/index108.js +1 -1
- package/dist/index109.cjs +1 -1
- package/dist/index109.js +1 -1
- package/dist/index110.cjs +1 -1
- package/dist/index110.js +1 -1
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +1 -1
- package/dist/index112.cjs +1 -1
- package/dist/index112.js +1 -5
- package/dist/index113.cjs +1 -1
- package/dist/index113.js +1 -1
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +1 -1
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +1 -1
- package/dist/index116.cjs +1 -1
- package/dist/index116.js +1 -1
- package/dist/index118.cjs +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.cjs +1 -1
- package/dist/index119.js +1 -1
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +2 -2
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +2 -2
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +2 -2
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +4 -4
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +6 -4
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +5 -5
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +1 -1
- package/dist/index75.cjs +1 -1
- package/dist/index75.js +1 -1
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +1 -1
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +1 -1
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +1 -1
- package/dist/index99.cjs +1 -1
- package/dist/index99.js +1 -1
- package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +10 -0
- package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts +21 -1
- package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/FormField.component.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/FormField.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/FormField.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/alphanumeric-input/ControlledAlphanumericInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/alphanumeric-input/ControlledAlphanumericInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/checkbox/ControlledCheckbox.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/checkbox/ControlledCheckbox.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/email-input/ControlledEmailInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/email-input/ControlledEmailInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/form/Form.component.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/numeric-input/ControlledNumericInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/numeric-input/ControlledNumericInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/otp-input/ControlledOTPInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/otp-input/ControlledOTPInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/password-input/ControlledPasswordInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/password-input/ControlledPasswordInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/phone-input/ControlledPhoneInput.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/phone-input/ControlledPhoneInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/radio/ControlledRadio.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/radio/ControlledRadio.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts +1 -1
- package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts +8 -1
- package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/toggle/ControlledToggle.types.d.ts +2 -1
- package/dist/src/components/forms/controlled/toggle/ControlledToggle.types.d.ts.map +1 -1
- package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
- package/dist/src/components/forms/input/Input.styles.d.ts +2 -0
- package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -1
- package/dist/src/components/forms/input/Input.types.d.ts +3 -1
- package/dist/src/components/forms/input/Input.types.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts +1 -1
- package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +4 -0
- package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts +5 -0
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- 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:
|
|
2
|
-
return e(t,{control:a,name:r,rules:l,"data-cy":
|
|
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
|
|
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
|
|
2
|
-
return t(
|
|
3
|
-
return t(
|
|
4
|
-
return t(
|
|
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"),
|
|
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{
|
|
2
|
-
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
/* @__PURE__ */
|
|
1
|
+
import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as 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:
|
|
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
|
|
2
|
-
return e("div",{className:d,"data-cy":`${
|
|
3
|
-
/* @__PURE__ */e("div",{className:f,children:[
|
|
4
|
-
/* @__PURE__ */r("input",{ref:
|
|
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"})]})})]}),
|
|
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("./
|
|
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"./
|
|
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
|
|
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
|
|
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=["
|
|
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
|
|
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"./
|
|
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)]",
|
|
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.
|
|
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(" "),
|
|
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;
|
|
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;
|
|
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;
|
|
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"}
|