@adam-milo/ui 1.0.118 → 1.0.120
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/index106.cjs +1 -1
- package/dist/index106.js +5 -1
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +1 -1
- package/dist/index108.cjs +1 -1
- package/dist/index108.js +1 -3
- package/dist/index109.cjs +1 -1
- package/dist/index109.js +3 -2
- package/dist/index110.cjs +1 -1
- package/dist/index110.js +2 -1
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +1 -1
- package/dist/index112.cjs +1 -1
- package/dist/index112.js +1 -1
- package/dist/index113.cjs +1 -1
- package/dist/index113.js +1 -1
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +1 -1
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +1 -1
- package/dist/index116.cjs +1 -1
- package/dist/index116.js +1 -1
- package/dist/index117.cjs +1 -1
- package/dist/index117.js +1 -1
- package/dist/index118.cjs +1 -1
- package/dist/index118.js +1 -5
- package/dist/index119.cjs +1 -1
- package/dist/index119.js +1 -1
- package/dist/index120.cjs +1 -1
- package/dist/index120.js +1 -1
- package/dist/index121.cjs +1 -1
- package/dist/index121.js +1 -1
- package/dist/index122.cjs +1 -1
- package/dist/index122.js +1 -1
- package/dist/index124.cjs +1 -1
- package/dist/index124.js +1 -1
- package/dist/index125.cjs +1 -1
- package/dist/index125.js +1 -1
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +1 -1
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +12 -12
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +1 -1
- package/dist/index84.cjs +1 -1
- package/dist/index84.js +1 -1
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
- package/dist/src/components/core/button/Button.styles.d.ts.map +1 -1
- package/dist/src/components/core/button/Button.types.d.ts +2 -2
- package/dist/src/components/core/button/Button.types.d.ts.map +1 -1
- package/dist/src/components/forms/email-form/EmailForm.component.d.ts +1 -1
- package/dist/src/components/forms/email-form/EmailForm.component.d.ts.map +1 -1
- package/dist/src/components/forms/email-form/EmailForm.types.d.ts +24 -2
- package/dist/src/components/forms/email-form/EmailForm.types.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index62.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};export{e as baseStyles,o as variantStyles};
|
|
1
|
+
const e=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),unstyled:""};export{e as baseStyles,o as variantStyles};
|
package/dist/index7.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),r=require("./index11.cjs"),s=require("./index18.cjs");exports.EmailForm=function({title:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),r=require("./index11.cjs"),s=require("./index18.cjs");exports.EmailForm=function({title:o="Email details",companyName:n="Your Company name",poweredByText:l="Powered by",brandName:i="Adam Milo",templateName:c="Default email",instructionText:d="You can edit the email subject and message before sending.",subject:m,defaultSubject:u="Invitation to continue your application",onSubjectChange:p,onSubjectBlur:x,message:v,defaultMessage:h="Hi,\nThank you for your interest in this opportunity.\nAs part of the process, we'd like to invite you to complete a short online assessment.\nPlease follow the instructions below to begin.",onMessageChange:g,onMessageBlur:f,footerText:b="*Please use a stable internet connection via Chrome or Firefox browsers only\n\nIf you have a certificate allowing adjustments in the test (such as extra time) please contact the organization to which you applied for.\n\nIf you need a transcript, a test in black and white, or any other accessibility adjustments - please contact our support team at: support@adam-milo.com\n\nGood Luck,\n\n[Your company name]",className:j,"data-cy":y="email-form","data-testid":w="email-form"}){const[N,S]=a.useState(u),[C,E]=a.useState(h);a.useEffect(()=>{void 0===m&&S(u)},[u,m]),a.useEffect(()=>{void 0===v&&E(h)},[h,v]);const T=m??N,k=v??C;return e.jsx("div",{className:t.cn("w-full max-w-[60.5rem]",j),dir:"ltr","data-cy":y,"data-testid":w,children:e.jsxs("div",{className:"flex flex-col gap-[var(--spacing-6)]",children:[e.jsx("h3",{className:"text-[1.125rem] font-bold leading-normal text-[var(--color-action)]",children:o}),e.jsxs("div",{className:"overflow-hidden rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-card)]",children:[e.jsxs("div",{className:"flex h-[2rem] items-center justify-between bg-[var(--color-email-strip-bg)] ps-[0.5rem] pe-[0.75rem] py-[0.25rem]",children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-3)]",children:[e.jsx("div",{className:"flex h-full w-[7.5rem] items-center justify-center rounded-[0.125rem] bg-[var(--color-overlay-black-10)] px-[0.25rem]",children:e.jsx("span",{className:"whitespace-nowrap text-center text-[0.75rem] font-normal leading-normal text-[var(--color-card)]",children:n})}),e.jsxs("div",{className:"flex flex-col items-center justify-center text-center leading-normal",children:[e.jsx("span",{className:"whitespace-nowrap text-[0.5625rem] leading-normal text-[var(--color-system-text)]",children:l}),e.jsx("span",{className:"whitespace-nowrap text-[0.5625rem] font-bold leading-normal text-[var(--color-border)]",children:i})]})]}),e.jsx("span",{className:"whitespace-nowrap text-[0.875rem] font-normal leading-normal text-[var(--color-card)]",children:c})]}),e.jsxs("div",{className:"flex flex-col gap-[var(--spacing-3)] bg-[var(--color-card)] p-[var(--spacing-3)]",children:[e.jsx("p",{className:"text-[0.875rem] font-normal leading-normal text-[var(--color-system-text)]",children:d}),e.jsx(r.AlphanumericInput,{value:T,onChange:e=>{return a=e.target.value,void 0===m&&S(a),void p?.(a);var a},onBlur:e=>x?.(e.target.value.trim()),allowAllChars:!0,allowHyphen:!0,allowSpace:!0,allowUnderscore:!0,"aria-label":"Email subject","data-cy":`${y}-subject`,"data-testid":`${w}-subject`}),e.jsx(s.Textarea,{value:k,onChange:e=>{return a=e.target.value,void 0===v&&E(a),void g?.(a);var a},onBlur:e=>f?.(e.target.value.trim()),minRows:8,"aria-label":"Email body","data-cy":`${y}-message`,"data-testid":`${w}-message`}),e.jsx("div",{className:"border-t border-[var(--color-bg-secondary)] pt-[var(--spacing-2)] text-[0.75rem] font-normal leading-[0.875rem] text-[var(--color-icon-secondary)]",children:e.jsx("p",{className:"whitespace-pre-line",children:b})})]})]})]})})};
|
package/dist/index7.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{cn as
|
|
2
|
-
return e("div",{className:
|
|
3
|
-
/* @__PURE__ */e("h3",{className:"text-[1.125rem] font-bold leading-normal text-[var(--color-action)]",children:
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{cn as o}from"./index58.js";import{AlphanumericInput as n}from"./index11.js";import{Textarea as l}from"./index18.js";function i({title:i="Email details",companyName:s="Your Company name",poweredByText:c="Powered by",brandName:m="Adam Milo",templateName:d="Default email",instructionText:p="You can edit the email subject and message before sending.",subject:u,defaultSubject:v="Invitation to continue your application",onSubjectChange:h,onSubjectBlur:f,message:g,defaultMessage:x="Hi,\nThank you for your interest in this opportunity.\nAs part of the process, we'd like to invite you to complete a short online assessment.\nPlease follow the instructions below to begin.",onMessageChange:b,onMessageBlur:y,footerText:w="*Please use a stable internet connection via Chrome or Firefox browsers only\n\nIf you have a certificate allowing adjustments in the test (such as extra time) please contact the organization to which you applied for.\n\nIf you need a transcript, a test in black and white, or any other accessibility adjustments - please contact our support team at: support@adam-milo.com\n\nGood Luck,\n\n[Your company name]",className:N,"data-cy":j="email-form","data-testid":C="email-form"}){const[k,B]=t(v),[M,S]=t(x);r(()=>{void 0===u&&B(v)},[v,u]),r(()=>{void 0===g&&S(x)},[x,g]);const T=u??k,$=g??M;/* @__PURE__ */
|
|
2
|
+
return e("div",{className:o("w-full max-w-[60.5rem]",N),dir:"ltr","data-cy":j,"data-testid":C,children:/* @__PURE__ */a("div",{className:"flex flex-col gap-[var(--spacing-6)]",children:[
|
|
3
|
+
/* @__PURE__ */e("h3",{className:"text-[1.125rem] font-bold leading-normal text-[var(--color-action)]",children:i}),
|
|
4
4
|
/* @__PURE__ */a("div",{className:"overflow-hidden rounded-[var(--radius-md)] border border-[var(--color-border)] bg-[var(--color-card)]",children:[
|
|
5
|
-
/* @__PURE__ */a("div",{className:"flex h-[2rem] items-center justify-between bg-[
|
|
5
|
+
/* @__PURE__ */a("div",{className:"flex h-[2rem] items-center justify-between bg-[var(--color-email-strip-bg)] ps-[0.5rem] pe-[0.75rem] py-[0.25rem]",children:[
|
|
6
6
|
/* @__PURE__ */a("div",{className:"flex items-center gap-[var(--spacing-3)]",children:[
|
|
7
|
-
/* @__PURE__ */e("div",{className:"flex h-full w-[7.5rem] items-center justify-center rounded-[0.125rem] bg-[var(--color-overlay-black-10)] px-[0.25rem]",children:/* @__PURE__ */e("span",{className:"whitespace-nowrap text-center text-[0.75rem] font-normal leading-normal text-[var(--color-card)]",children:
|
|
7
|
+
/* @__PURE__ */e("div",{className:"flex h-full w-[7.5rem] items-center justify-center rounded-[0.125rem] bg-[var(--color-overlay-black-10)] px-[0.25rem]",children:/* @__PURE__ */e("span",{className:"whitespace-nowrap text-center text-[0.75rem] font-normal leading-normal text-[var(--color-card)]",children:s})}),
|
|
8
8
|
/* @__PURE__ */a("div",{className:"flex flex-col items-center justify-center text-center leading-normal",children:[
|
|
9
|
-
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.5625rem] leading-normal text-[var(--color-system-text)]",children:
|
|
10
|
-
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.5625rem] font-bold leading-normal text-[var(--color-border)]",children:
|
|
11
|
-
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.875rem] font-normal leading-normal text-[var(--color-card)]",children:
|
|
9
|
+
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.5625rem] leading-normal text-[var(--color-system-text)]",children:c}),
|
|
10
|
+
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.5625rem] font-bold leading-normal text-[var(--color-border)]",children:m})]})]}),
|
|
11
|
+
/* @__PURE__ */e("span",{className:"whitespace-nowrap text-[0.875rem] font-normal leading-normal text-[var(--color-card)]",children:d})]}),
|
|
12
12
|
/* @__PURE__ */a("div",{className:"flex flex-col gap-[var(--spacing-3)] bg-[var(--color-card)] p-[var(--spacing-3)]",children:[
|
|
13
|
-
/* @__PURE__ */e("p",{className:"text-[0.875rem] font-normal leading-normal text-[var(--color-system-text)]",children:
|
|
14
|
-
/* @__PURE__ */e(
|
|
15
|
-
/* @__PURE__ */e(
|
|
16
|
-
/* @__PURE__ */e("div",{className:"border-t border-[var(--color-bg-secondary)] pt-[var(--spacing-2)] text-[0.75rem] font-normal leading-[0.875rem] text-[var(--color-icon-secondary)]",children:/* @__PURE__ */e("p",{className:"whitespace-pre-line",children:
|
|
13
|
+
/* @__PURE__ */e("p",{className:"text-[0.875rem] font-normal leading-normal text-[var(--color-system-text)]",children:p}),
|
|
14
|
+
/* @__PURE__ */e(n,{value:T,onChange:e=>{return a=e.target.value,void 0===u&&B(a),void h?.(a);var a},onBlur:e=>f?.(e.target.value.trim()),allowAllChars:!0,allowHyphen:!0,allowSpace:!0,allowUnderscore:!0,"aria-label":"Email subject","data-cy":`${j}-subject`,"data-testid":`${C}-subject`}),
|
|
15
|
+
/* @__PURE__ */e(l,{value:$,onChange:e=>{return a=e.target.value,void 0===g&&S(a),void b?.(a);var a},onBlur:e=>y?.(e.target.value.trim()),minRows:8,"aria-label":"Email body","data-cy":`${j}-message`,"data-testid":`${C}-message`}),
|
|
16
|
+
/* @__PURE__ */e("div",{className:"border-t border-[var(--color-bg-secondary)] pt-[var(--spacing-2)] text-[0.75rem] font-normal leading-[0.875rem] text-[var(--color-icon-secondary)]",children:/* @__PURE__ */e("p",{className:"whitespace-pre-line",children:w})})]})]})]})})}export{i as EmailForm};
|
package/dist/index74.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("./index106.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",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/index74.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"./index106.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
|
|
2
2
|
/* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",className:p,"aria-label":"More information",onPointerDown:T,onClick:$,"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/index84.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index106.cjs"),n=require("./index107.cjs"),o=require("./index108.cjs"),s=require("./index109.cjs"),i=require("./index110.cjs"),a=require("./index111.cjs"),c=require("./index112.cjs"),u=require("./index113.cjs"),d=require("./index114.cjs"),l=require("./index115.cjs"),p=require("./index116.cjs"),f=require("./index117.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("./index107.cjs"),n=require("./index108.cjs"),o=require("./index109.cjs"),s=require("./index110.cjs"),i=require("./index111.cjs"),a=require("./index112.cjs"),c=require("./index113.cjs"),u=require("./index114.cjs"),d=require("./index115.cjs"),l=require("./index116.cjs"),p=require("./index117.cjs"),f=require("./index118.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/index84.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"./index107.js";import{useComposedRefs as n}from"./index108.js";import{createCollection as o}from"./index109.js";import{createContextScope as s}from"./index110.js";import{Branch as i,Root as a}from"./index111.js";import{Portal as c}from"./index112.js";import{Presence as d}from"./index113.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index114.js";import{useCallbackRef as p}from"./index115.js";import{useControllableState as f}from"./index116.js";import{useLayoutEffect as m}from"./index117.js";import{VisuallyHidden as w}from"./index118.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}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,2GAkDlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CA2D7E,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
export interface ButtonProps extends
|
|
4
|
-
variant?: 'main-orange' | 'main-blue' | 'secondary-orange' | 'secondary-blue' | 'link' | 'no-stroke';
|
|
3
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: 'main-orange' | 'main-blue' | 'secondary-orange' | 'secondary-blue' | 'link' | 'no-stroke' | 'unstyled';
|
|
5
5
|
icon?: ReactNode;
|
|
6
6
|
iconPosition?: 'left' | 'right';
|
|
7
7
|
fullWidth?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EACJ,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EmailFormProps } from './EmailForm.types';
|
|
2
2
|
|
|
3
|
-
export declare function EmailForm({ title, companyName, poweredByText, brandName, templateName, instructionText, subject, defaultSubject, onSubjectChange, message, defaultMessage, onMessageChange, footerText, className, 'data-cy': dataCy, 'data-testid': dataTestId, }: EmailFormProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function EmailForm({ title, companyName, poweredByText, brandName, templateName, instructionText, subject, defaultSubject, onSubjectChange, onSubjectBlur, message, defaultMessage, onMessageChange, onMessageBlur, footerText, className, 'data-cy': dataCy, 'data-testid': dataTestId, }: EmailFormProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export type { EmailFormProps } from './EmailForm.types';
|
|
5
5
|
//# sourceMappingURL=EmailForm.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailForm.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-form/EmailForm.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAiBxD,wBAAgB,SAAS,CAAC,EACxB,KAAuB,EACvB,WAAiC,EACjC,aAA4B,EAC5B,SAAuB,EACvB,YAA8B,EAC9B,eAA8E,EAC9E,OAAO,EACP,cAAgC,EAChC,eAAe,EACf,OAAO,EACP,cAAgC,EAChC,eAAe,EACf,UAAgC,EAChC,SAAS,EACT,SAAS,EAAE,MAAqB,EAChC,aAAa,EAAE,UAAyB,GACzC,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"EmailForm.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-form/EmailForm.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAiBxD,wBAAgB,SAAS,CAAC,EACxB,KAAuB,EACvB,WAAiC,EACjC,aAA4B,EAC5B,SAAuB,EACvB,YAA8B,EAC9B,eAA8E,EAC9E,OAAO,EACP,cAAgC,EAChC,eAAe,EACf,aAAa,EACb,OAAO,EACP,cAAgC,EAChC,eAAe,EACf,aAAa,EACb,UAAgC,EAChC,SAAS,EACT,SAAS,EAAE,MAAqB,EAChC,aAAa,EAAE,UAAyB,GACzC,EAAE,cAAc,2CAkGhB;AAED,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -13,16 +13,38 @@ export interface EmailFormProps {
|
|
|
13
13
|
instructionText?: string;
|
|
14
14
|
/** Controlled subject value. */
|
|
15
15
|
subject?: string;
|
|
16
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Default subject value used in uncontrolled mode.
|
|
18
|
+
* In uncontrolled mode (when `subject` is undefined), updates to this prop
|
|
19
|
+
* after mount sync into the field — useful when copy is loaded asynchronously
|
|
20
|
+
* (e.g. position-specific defaults). Switch to controlled mode if you need
|
|
21
|
+
* to preserve user edits across default changes.
|
|
22
|
+
*/
|
|
17
23
|
defaultSubject?: string;
|
|
18
24
|
/** Callback when subject changes. */
|
|
19
25
|
onSubjectChange?: (value: string) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Callback when the subject input loses focus. Receives the current trimmed subject value.
|
|
28
|
+
* Useful for consumers that want to restore defaults or validate on blur without inspecting the DOM.
|
|
29
|
+
*/
|
|
30
|
+
onSubjectBlur?: (value: string) => void;
|
|
20
31
|
/** Controlled message value. */
|
|
21
32
|
message?: string;
|
|
22
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* Default message value used in uncontrolled mode.
|
|
35
|
+
* In uncontrolled mode (when `message` is undefined), updates to this prop
|
|
36
|
+
* after mount sync into the field — useful when copy is loaded asynchronously
|
|
37
|
+
* (e.g. position-specific defaults). Switch to controlled mode if you need
|
|
38
|
+
* to preserve user edits across default changes.
|
|
39
|
+
*/
|
|
23
40
|
defaultMessage?: string;
|
|
24
41
|
/** Callback when message changes. */
|
|
25
42
|
onMessageChange?: (value: string) => void;
|
|
43
|
+
/**
|
|
44
|
+
* Callback when the message textarea loses focus. Receives the current trimmed message value.
|
|
45
|
+
* Useful for consumers that want to restore defaults or validate on blur without inspecting the DOM.
|
|
46
|
+
*/
|
|
47
|
+
onMessageBlur?: (value: string) => void;
|
|
26
48
|
/** Footer text block shown under the divider. Supports multiline content. */
|
|
27
49
|
footerText?: string;
|
|
28
50
|
/** Additional class names for root container. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailForm.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-form/EmailForm.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB
|
|
1
|
+
{"version":3,"file":"EmailForm.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-form/EmailForm.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|