@preply/ds-docs 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DG5XDWWv.js → 00.LayoutFlex.stories-CvLRURcS.js} +1 -1
  2. package/dist/assets/{00.applications-BwD1yOm-.js → 00.applications-c0ZYJJn9.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-DYt0ZW7R.js → 00.favicons.guide-D3AV1_bz.js} +1 -1
  4. package/dist/assets/{00.token-explorer-BnS0ahYH.js → 00.token-explorer-CkT6qey8.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-ccRZ9FAw.js → 00.using-responsive-props-BCqw6dGb.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-WsdjPcFR.js → 01.semantic-tokens-D1Tew_3C.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-CZaSw8Ue.js → 01.using-shorthand-props-nxXyAVD6.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-Ce5YVZgO.js → 10.Combinations.stories-BJHxtOLR.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-BAJqHFrh.js → 10.fonts.guide-Bgvvb8pw.js} +1 -1
  10. package/dist/assets/{10.ssr-BxsiLtTL.js → 10.ssr-DzFj_Isy.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-CjxbP58V.js → 11.languageFont.explorer-C97blYpf.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-BO-IG2U_.js → 11.ssr.app-router-CKVwpTWN.js} +1 -1
  13. package/dist/assets/{20.libraries-DnvU5oKZ.js → 20.libraries-B0w5t56u.js} +1 -1
  14. package/dist/assets/30.icons.explorer-9sEQx8aM.js +72 -0
  15. package/dist/assets/{30.storybook-CBrD3n6l.js → 30.storybook-Bs2xm9rU.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-Cb9JzUVR.js → 40.illustrations.explorer-CR8ar0fc.js} +1 -1
  17. package/dist/assets/{90.advanced-CHfBOcDX.js → 90.advanced-9hdW-yh5.js} +1 -1
  18. package/dist/assets/{AlertDialog.stories-MphIkgeN.js → AlertDialog.stories-BKbQPKy6.js} +1 -1
  19. package/dist/assets/{Badge.stories-5tMdPyQs.js → Badge.stories-zICtnzrJ.js} +2 -2
  20. package/dist/assets/{Box.stories-DXZIdmZy.js → Box.stories-2uNGKDGl.js} +1 -1
  21. package/dist/assets/{Button-nPedvLTz.js → Button-BzRWDefj.js} +1 -1
  22. package/dist/assets/{Button-J48YOeFZ.css → Button-C6MQP0Gg.css} +1 -1
  23. package/dist/assets/Button-C89H73Uu.js +20 -0
  24. package/dist/assets/Button-U6ON1pQl.css +1 -0
  25. package/dist/assets/{Button.stories-C57aDL8Z.js → Button.stories-CB00Q6ks.js} +17 -9
  26. package/dist/assets/ButtonBase-D0ZIVzRq.js +8 -0
  27. package/dist/assets/Checkbox-Bdp0Xs7p.css +1 -0
  28. package/dist/assets/Checkbox-CA4iZrAT.js +10 -0
  29. package/dist/assets/{Checkbox.stories-LFJYKcL1.js → Checkbox.stories-CzSrFSp_.js} +2 -2
  30. package/dist/assets/Checkbox.tests.stories-jyWPjdYZ.js +137 -0
  31. package/dist/assets/{Chips.stories-B1KWZ8O0.js → Chips.stories-DKp9Fwyf.js} +1 -1
  32. package/dist/assets/{Color-YHDXOIA2-rhMWY6Az.js → Color-YHDXOIA2-C27uRBAj.js} +1 -1
  33. package/dist/assets/{Dialog.stories-CmiBli-3.js → Dialog.stories-Crw2R2LP.js} +1 -1
  34. package/dist/assets/{DocsRenderer-CFRXHY34-_p2bZewJ.js → DocsRenderer-CFRXHY34-CsoYCySD.js} +1 -1
  35. package/dist/assets/{FieldLayout-CDdbTwnx.js → FieldLayout-_CFICI44.js} +1 -1
  36. package/dist/assets/{FieldLayout.stories-B4wQoZi8.js → FieldLayout.stories-CeETFAXO.js} +1 -1
  37. package/dist/assets/{FieldLayoutBase-BXt4M7sP.js → FieldLayoutBase-DOSetr9A.js} +1 -1
  38. package/dist/assets/{Heading-B_OcwpW-.js → Heading-BJA2KEAN.js} +1 -1
  39. package/dist/assets/{Heading.stories-DvwLrpCN.js → Heading.stories-DLmu9UzT.js} +1 -1
  40. package/dist/assets/{Icon-RSC-w0Nrg6DG.js → Icon-RSC-Bl-bBsbR.js} +1 -1
  41. package/dist/assets/{Icon-RJMnctrw.js → Icon-TCS4E3Ut.js} +1 -1
  42. package/dist/assets/{Icon.stories-BsTzZknC.js → Icon.stories-BlDFgK_r.js} +1 -1
  43. package/dist/assets/{IconButton-Dlgns1pq.js → IconButton-nN3VsXQJ.js} +1 -1
  44. package/dist/assets/InputText-FNRxz3Ff.js +5 -0
  45. package/dist/assets/{LayoutFlex-b2QXeA0z.js → LayoutFlex-dzXpor-q.js} +1 -1
  46. package/dist/assets/{LayoutFlexItem-CJkCBZ-T.js → LayoutFlexItem-DwJhVVPl.js} +1 -1
  47. package/dist/assets/{LayoutGrid.stories-SyasmoS3.js → LayoutGrid.stories-DOtFrGWL.js} +1 -1
  48. package/dist/assets/{Link.stories-BciEuIul.js → Link.stories-DXPo6cSR.js} +2 -2
  49. package/dist/assets/{NumberField.stories-DPJijQab.js → NumberField.stories-DF0UQeFt.js} +3 -3
  50. package/dist/assets/{ObserveIntersection-DmUYWtw_.js → ObserveIntersection-X9T7s8C_.js} +1 -1
  51. package/dist/assets/{ObserveIntersection.stories-D9iSLGDs.js → ObserveIntersection.stories-CL2a-4JN.js} +1 -1
  52. package/dist/assets/{OnboardingTooltip-CqHYNXIu.js → OnboardingTooltip-DNeTE2Nf.js} +1 -1
  53. package/dist/assets/{OnboardingTooltip.stories-CzdX3Nw_.js → OnboardingTooltip.stories-DmHsCU2X.js} +1 -1
  54. package/dist/assets/{OnboardingTooltip.tests.stories-DQVOHeLl.js → OnboardingTooltip.tests.stories-DQmyU3mJ.js} +1 -1
  55. package/dist/assets/{OnboardingTour-CFO1Ozmu.js → OnboardingTour-BesctxSp.js} +1 -1
  56. package/dist/assets/{OnboardingTour.stories-B45PnXtS.js → OnboardingTour.stories-8o0Dq4f0.js} +1 -1
  57. package/dist/assets/{OnboardingTour.tests.stories-Djzrtw7h.js → OnboardingTour.tests.stories-Ci0Rxq5y.js} +1 -1
  58. package/dist/assets/PasswordField.stories-CMLHLaUX.js +203 -0
  59. package/dist/assets/{ProgressBar.stories-PDV2LPZd.js → ProgressBar.stories-C-i-MYk7.js} +1 -1
  60. package/dist/assets/{ProgressSteps.stories-23NRnaYA.js → ProgressSteps.stories-DDbQ6On7.js} +1 -1
  61. package/dist/assets/SelectField.stories-vkYj9ARE.js +182 -0
  62. package/dist/assets/{ShowOnIntersection.stories-DkmJRWg7.js → ShowOnIntersection.stories-kLcUye2N.js} +1 -1
  63. package/dist/assets/{Steps-CViJWVZa.js → Steps-Bbevuw10.js} +1 -1
  64. package/dist/assets/{Steps.stories-BjhPim5p.js → Steps.stories-CErVd6Rs.js} +1 -1
  65. package/dist/assets/{Text-WJLo2jWe.js → Text-B8k9gfOM.js} +1 -1
  66. package/dist/assets/{Text.stories-BxBe_Syw.js → Text.stories-CoVq2sZs.js} +1 -1
  67. package/dist/assets/{TextField.stories-BhEhwXEF.js → TextField.stories-Dc9U6fJp.js} +1 -1
  68. package/dist/assets/{TextHighlighted.stories-rMMoLtzU.js → TextHighlighted.stories-CQsM4aEX.js} +1 -1
  69. package/dist/assets/{TextInline.stories-CrtAGjeH.js → TextInline.stories-nuefXRFb.js} +1 -1
  70. package/dist/assets/TextareaField.stories-DGmkn96k.js +221 -0
  71. package/dist/assets/{Toast.stories-DUvvjdkV.js → Toast.stories-CUHN7nJ1.js} +1 -1
  72. package/dist/assets/{Tooltip.stories-BDIWPFzK.js → Tooltip.stories-BlrXwmnR.js} +1 -1
  73. package/dist/assets/{Tooltip.tests.stories-XBeLY_cD.js → Tooltip.tests.stories-uM6jvJb0.js} +1 -1
  74. package/dist/assets/{breakpoints-3NoMMOFH.js → breakpoints-D3Osd5ia.js} +1 -1
  75. package/dist/assets/{breakpoints-DCOBa27A.js → breakpoints-rq_8diAS.js} +1 -1
  76. package/dist/assets/{breakpoints-9Ie3Hewk.js → breakpoints-sGqCBEv-.js} +1 -1
  77. package/dist/assets/{changelog-B4rID9Bq.js → changelog-BIJMaAIY.js} +93 -86
  78. package/dist/assets/{entry-preview-BvcUTc0o.js → entry-preview-CsadCHYh.js} +1 -1
  79. package/dist/assets/{getTokenVar-hj8mL9hP.js → getTokenVar-BvNPkk_L.js} +1 -1
  80. package/dist/assets/{hover-CsuooMFi.js → hover-BBCQuwLQ.js} +1 -1
  81. package/dist/assets/{hover-Dibwfqgm.js → hover-D5ih0L6J.js} +1 -1
  82. package/dist/assets/{hover-Dxl9_41k.js → hover-cS9kZjMk.js} +1 -1
  83. package/dist/assets/{iframe-BL4lww1d.js → iframe-DyQ151Cy.js} +2 -2
  84. package/dist/assets/{index-uM6_U85L.js → index-C7SPUG0c.js} +1 -1
  85. package/dist/assets/{index-CObJ2I6U.js → index-CfKvYfkH.js} +3 -3
  86. package/dist/assets/{intro-DkbagauH.js → intro-Blula3c7.js} +1 -1
  87. package/dist/assets/{migrating-from-less-Cc54FV0O.js → migrating-from-less-CPQq6ww0.js} +1 -1
  88. package/dist/assets/playground-BxG9T6DA.css +1 -0
  89. package/dist/assets/{playground.stories-RDLbHK8z.js → playground.stories-DY0v9063.js} +1 -1
  90. package/dist/assets/{preview-BuXHQRzI.js → preview-Bj0gjZ64.js} +1 -1
  91. package/dist/assets/{preview-DCBEprzB.js → preview-BtJWM-Ub.js} +2 -2
  92. package/dist/assets/{preview-CsDoYzSA.js → preview-CQgqy70b.js} +1 -1
  93. package/dist/assets/{tokens-DjUxPhCy.js → tokens-B-lBm9m1.js} +1 -1
  94. package/dist/assets/{tokens-eLBa0fu8.js → tokens-BV-n4-vL.js} +1 -1
  95. package/dist/assets/{tokens-Cer3Mvss.js → tokens-CJZmVKwi.js} +1 -1
  96. package/dist/assets/{usePortalElement-BtGB8NZO.js → usePortalElement-DS4vrgrv.js} +1 -1
  97. package/dist/assets/{welcome-C5k7941o.js → welcome-D-TXgv71.js} +1 -1
  98. package/dist/assets/{zeroheight-BIqyExuv.js → zeroheight-Bob-R-DS.js} +1 -1
  99. package/dist/iframe.html +1 -1
  100. package/dist/index.json +1 -1
  101. package/dist/preview-stats.json +1370 -1358
  102. package/dist/project.json +1 -1
  103. package/package.json +3 -3
  104. package/dist/assets/30.icons.explorer-mTnmuuga.js +0 -72
  105. package/dist/assets/Button-BliYLmDQ.js +0 -20
  106. package/dist/assets/Button-YKyFdyVc.css +0 -1
  107. package/dist/assets/ButtonBase-BPK7KgDE.js +0 -8
  108. package/dist/assets/Checkbox-A4FiIFOZ.js +0 -10
  109. package/dist/assets/Checkbox-vai6Do9U.css +0 -1
  110. package/dist/assets/Checkbox.tests.stories-DCrWk5Cz.js +0 -137
  111. package/dist/assets/InputText-CmkE4Hy1.js +0 -5
  112. package/dist/assets/PasswordField.stories-z8JIrcLL.js +0 -203
  113. package/dist/assets/SelectField.stories-CicE2HU3.js +0 -182
  114. package/dist/assets/TextareaField.stories-BYSJeGAa.js +0 -221
  115. package/dist/assets/TokyoUICheckmark-DzN1BbFq.js +0 -1
  116. package/dist/assets/playground-Cya3NPlx.css +0 -1
@@ -1,20 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as u}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-BPK7KgDE.js";import{a as g}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Y1T_IIlY.js";import{B,a as T}from"./defaults-B1rzzf6M.js";const h={"Button--icon":"Button--icon__ddOB-","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-large":"Button--size-large__LejpK"},o=f.forwardRef(function({variant:s=T,size:a=B,url:m,a11yLabel:d,leadingSvgIcon:n,trailingSvgIcon:t,children:v,...p},c){const l=[...g(h,r.Button,["icon",`size-${a}`])];return e.jsxs(y,{...p,ref:c,isIconButton:!1,variant:s,size:a,url:m,a11yLabel:d,preplyDsComponent:r.Button,children:[!!n&&e.jsx("span",{className:l.join(" "),children:u(n,{"aria-hidden":"true",focusable:"false"})}),v,!!t&&e.jsx("span",{className:l.join(" "),children:u(t,{"aria-hidden":"true",focusable:"false"})})]})});try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
9
- @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
10
-
11
- <Button leadingSvgIcon={TokyoUITag}>Button</Button>
12
- or
13
- <Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},trailingSvgIcon:{defaultValue:null,description:`@deprecated Trailing icons have been removed from the platform.
14
-
15
- The trailing SVG icon.
16
- @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
17
-
18
- <Button trailingSvgIcon={TokyoUITag}>Button</Button>
19
- or
20
- <Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{o as B};
@@ -1 +0,0 @@
1
- .Button--icon__ddOB-{display:flex;margin-left:calc(-1 * var(--53860b))}.Button--icon__ddOB- svg path{fill:currentColor}.Button--size-small__xrFvg,.Button--size-medium__Mc1B1{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--size-small__xrFvg svg,.Button--size-medium__Mc1B1 svg{width:var(--f316e1);height:var(--f316e1)}.Button--size-large__LejpK{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--size-large__LejpK svg{width:var(--7789ee);height:var(--7789ee)}.Button--size-large__LejpK svg path{fill:currentColor}
@@ -1,8 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{S as W}from"./Spinner-B2C3RkCF.js";import{u as G}from"./useMergeRefs-SFH7Mw4x.js";import{f as Q}from"./filterHTMLAttributes-DYdLqcvH.js";import{a as J,B as Y}from"./defaults-B1rzzf6M.js";import{u as $}from"./useHostname-Y3PlXofY.js";import{b as a,s as l,m as tt,a as C}from"./classNames-BUL1Zq7e.js";import{g as et,a as at}from"./index-DdzHuZ-Y.js";import{m as nt}from"./index-CC6DAVyL.js";const it="ButtonBase__0qXGj",v={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:it,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},w="ButtonBase",st=n=>Object.prototype.hasOwnProperty.call(n,"selected"),c=({children:n,busy:i})=>{const B=[...C(v,w,["content"])],s=[...C(v,w,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:B.join(" "),children:n}),i&&t.jsx("span",{className:s.join(" "),children:t.jsx(W,{})})]})},T=_.forwardRef(function(i,B){const{variant:s=J,size:z=Y,fullWidth:q=!1,wrap:V=!1,href:R,download:j,opensInNewTab:F,nofollow:N,submitsForm:k,assistiveText:E,onClick:r,disabled:u,busy:e,isIconButton:b,as:h,url:D,a11yLabel:O,dataset:A,children:d,dsInternalSimulation:p,preplyDsComponent:K,...H}=i,{selected:L}=st(i)?i:{selected:void 0},M=$(),f=_.useRef(null),y=G(f,B),X=o=>{(u||e)&&o.preventDefault(),r==null||r(o)},P=o=>{var g;const I=nt(o.key);(I===" "||I==="Enter")&&(o.preventDefault(),(g=f.current)==null||g.click())},U=p==="focus"?a("dsInternalSimulation-focus",void 0,!0):l(`variant-${s}--dsInternalSimulation`,p),Z=tt(v,w,[U,l("variant",s),l("size",z),b?l("is-icon-button-size",z):[],a(void 0,"no-wrap",V),a("width-full","width-auto",q),a("is-busy",void 0,e),a("is-icon-button",void 0,b),a(`variant-${s}--is-selected`,void 0,L)]),S={...Q(H),...et(A,{preplyDsComponent:K}),className:Z.join(" "),"aria-label":E||O,onClick:X,disabled:u,"aria-disabled":u||e?!0:void 0,ref:y},m=R||D,x={...S,download:j,ref:y,role:"button",tabIndex:u?-1:0,href:m,onKeyDown:P};return m?t.jsx("a",{...x,...at(M,m,F,N),children:c({children:d,busy:e})}):h?_.cloneElement(h,{...x},c({children:d,busy:e})):t.jsx("button",{...S,type:k?"submit":"button",children:c({children:d,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{T as B};
@@ -1,10 +0,0 @@
1
- import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Cb9e4tly.js";import{r as f}from"./render-icon-BT0Aq7PA.js";import{f as E}from"./filterHTMLAttributes-DYdLqcvH.js";import{F as H,a as M}from"./TokyoUICheckmark-DzN1BbFq.js";import{u as N}from"./useMergeRefs-SFH7Mw4x.js";import{m as T,s as j}from"./classNames-BUL1Zq7e.js";import{w as L}from"./componentNames-Y1T_IIlY.js";import{g as A}from"./index-DdzHuZ-Y.js";const F="checkbox__-j3Cu",D="remove__Tu7KI",S="checkmark__-fsuM",d={checkbox:F,remove:D,checkmark:S,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:s,checked:r,onChange:a,indeterminate:e,onCheckedChange:l}){const t=u.useRef(null),i=N(t,s);u.useLayoutEffect(()=>{t.current&&typeof e=="boolean"&&(t.current.indeterminate=e)},[e]);const o=u.useCallback(n=>{a==null||a(n),typeof e=="boolean"&&(n.target.indeterminate=e),l==null||l(n.target.checked)},[a,e]);return{mergedRef:i,ariaChecked:e?"mixed":typeof r=="boolean"?r:void 0,onChangeHandler:o}}const p=u.forwardRef(function({id:r,name:a,checked:e,defaultChecked:l,indeterminate:t,onChange:i,onCheckedChange:o,hasError:c,disabled:n,required:b,"aria-label":h,"aria-labelledby":v,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:q,...I},V){const{mergedRef:w,onChangeHandler:_,ariaChecked:C}=O({ref:V,checked:e,onChange:i,indeterminate:t,onCheckedChange:o}),R=T(d,"checkbox",[j("dsInternalSimulation",g)]);return m.jsxs("div",{...E(I),className:R.join(" "),"data-preply-ds-component":L.Checkbox,children:[m.jsx("input",{id:r,name:a,type:"checkbox",required:b,disabled:n,checked:e,defaultChecked:l,"aria-checked":C,"aria-invalid":c===!0?!0:void 0,"aria-label":h,"aria-labelledby":v,"aria-describedby":y,onChange:_,ref:w,onBlur:x,onFocus:q,...A(k)}),f(H,{focusable:"false","aria-hidden":"true",className:d.checkmark}),f(M,{focusable:"false","aria-hidden":"true",className:d.remove})]})});try{p.displayName="Checkbox",p.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
2
- @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
3
- @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
4
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
5
- to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
6
- the same time. it's up to you to handle the logic of when to set this prop.
7
-
8
- If you're implementing a tri-state checkbox group, pleas refer to the
9
- {@link https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/|ARIA Checkbox Pattern}.`,name:"indeterminate",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onCheckedChange:{defaultValue:null,description:"",name:"onCheckedChange",required:!1,type:{name:"enum",value:[{value:"(checked: boolean) => void"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
10
- @example <Checkbox dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{p as C};
@@ -1 +0,0 @@
1
- .checkbox__-j3Cu{box-sizing:border-box;width:var(--76ac8f);height:var(--76ac8f);background-color:var(--3546c3);border:var(--26b8e3) solid var(--c03289);border-radius:var(--5e8be4);display:flex;align-items:center;justify-content:center;position:relative}.checkbox__-j3Cu input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.checkbox__-j3Cu .remove__Tu7KI,.checkbox__-j3Cu .checkmark__-fsuM{fill:var(--e6a034);display:none}.checkbox__-j3Cu .remove__Tu7KI{width:10px;transform:scale(2);pointer-events:none}.checkbox__-j3Cu .checkmark__-fsuM{width:10px;transform:scale(2.2);pointer-events:none}.checkbox__-j3Cu:has(input:checked){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__-j3Cu:has(input:checked) .checkmark__-fsuM{display:block}.checkbox__-j3Cu:has(input:indeterminate){background-color:var(--4983fe);border-color:var(--4983fe)}.checkbox__-j3Cu:has(input:indeterminate) .remove__Tu7KI{display:block}.checkbox__-j3Cu:has(input[aria-invalid=true]){border-color:var(--a44465)}.checkbox__-j3Cu:has(input[aria-invalid=true]):has(input:checked),.checkbox__-j3Cu:has(input[aria-invalid=true]):has(input:indeterminate){border-color:var(--a44465);background-color:var(--87fcf8)}.checkbox__-j3Cu:focus-within,.checkbox--dsInternalSimulation-focus__xJewg{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.checkbox__-j3Cu:has(input:disabled){cursor:default;background-color:var(--302ecf);border-color:var(--c03289)}.checkbox__-j3Cu:has(input:disabled) .remove__Tu7KI,.checkbox__-j3Cu:has(input:disabled) .checkmark__-fsuM{fill:var(--12f66e)}.checkbox__-j3Cu:has(input:disabled):has(input:checked),.checkbox__-j3Cu:has(input:disabled):has(input:indeterminate){background-color:var(--319b29)}
@@ -1,137 +0,0 @@
1
- import{j as q}from"./jsx-runtime-BTJTZTIL.js";import{f as He,a as Vt,e as w,u as oe,w as Ne}from"./index-BVDq5o4N.js";import{e as P}from"./index-Cb9e4tly.js";import{L as et}from"./LayoutFlex-b2QXeA0z.js";import{T as Wt}from"./Tooltip-MFjAgFhf.js";import{B as jt}from"./Button-BliYLmDQ.js";import{C as ne}from"./Checkbox-A4FiIFOZ.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";import"./index-BZcGM-EF.js";import"./PortalElementProvider-BRcRijdp.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-DOA2-rRC.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BPK7KgDE.js";import"./Spinner-B2C3RkCF.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./TokyoUICheckmark-DzN1BbFq.js";var he=e=>e.type==="checkbox",re=e=>e instanceof Date,T=e=>e==null;const St=e=>typeof e=="object";var F=e=>!T(e)&&!Array.isArray(e)&&St(e)&&!re(e),qt=e=>F(e)&&e.target?he(e.target)?e.target.checked:e.target.value:e,zt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,$t=(e,r)=>e.has(zt(r)),Kt=e=>{const r=e.constructor&&e.constructor.prototype;return F(r)&&r.hasOwnProperty("isPrototypeOf")},Ue=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function N(e){let r;const s=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else if(!(Ue&&(e instanceof Blob||a))&&(s||F(e)))if(r=s?[]:{},!s&&!Kt(e))r=e;else for(const c in e)e.hasOwnProperty(c)&&(r[c]=N(e[c]));else return e;return r}var Ce=e=>Array.isArray(e)?e.filter(Boolean):[],A=e=>e===void 0,y=(e,r,s)=>{if(!r||!F(e))return s;const a=Ce(r.split(/[,[\].]+?/)).reduce((c,n)=>T(c)?c:c[n],e);return A(a)||a===e?A(e[r])?s:e[r]:a},j=e=>typeof e=="boolean",Me=e=>/^\w*$/.test(e),Dt=e=>Ce(e.replace(/["|']|\]/g,"").split(/\.|\[/)),p=(e,r,s)=>{let a=-1;const c=Me(r)?[r]:Dt(r),n=c.length,f=n-1;for(;++a<n;){const h=c[a];let L=s;if(a!==f){const W=e[h];L=F(W)||Array.isArray(W)?W:isNaN(+c[a+1])?{}:[]}if(h==="__proto__"||h==="constructor"||h==="prototype")return;e[h]=L,e=e[h]}return e};const tt={BLUR:"blur",FOCUS_OUT:"focusout"},M={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},X={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};P.createContext(null);var Yt=(e,r,s,a=!0)=>{const c={defaultValues:r._defaultValues};for(const n in e)Object.defineProperty(c,n,{get:()=>{const f=n;return r._proxyFormState[f]!==M.all&&(r._proxyFormState[f]=!a||M.all),e[f]}});return c},I=e=>F(e)&&!Object.keys(e).length,Jt=(e,r,s,a)=>{s(e);const{name:c,...n}=e;return I(n)||Object.keys(n).length>=Object.keys(r).length||Object.keys(n).find(f=>r[f]===M.all)},Fe=e=>Array.isArray(e)?e:[e];function Qt(e){const r=P.useRef(e);r.current=e,P.useEffect(()=>{const s=!e.disabled&&r.current.subject&&r.current.subject.subscribe({next:r.current.next});return()=>{s&&s.unsubscribe()}},[e.disabled])}var $=e=>typeof e=="string",Xt=(e,r,s,a,c)=>$(e)?(a&&r.watch.add(e),y(s,e,c)):Array.isArray(e)?e.map(n=>(a&&r.watch.add(n),y(s,n))):(a&&(r.watchAll=!0),s),Zt=(e,r,s,a,c)=>r?{...s[e],types:{...s[e]&&s[e].types?s[e].types:{},[a]:c||!0}}:{},rt=e=>({isOnSubmit:!e||e===M.onSubmit,isOnBlur:e===M.onBlur,isOnChange:e===M.onChange,isOnAll:e===M.all,isOnTouch:e===M.onTouched}),st=(e,r,s)=>!s&&(r.watchAll||r.watch.has(e)||[...r.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const ye=(e,r,s,a)=>{for(const c of s||Object.keys(e)){const n=y(e,c);if(n){const{_f:f,...h}=n;if(f){if(f.refs&&f.refs[0]&&r(f.refs[0],c)&&!a)return!0;if(f.ref&&r(f.ref,f.name)&&!a)return!0;if(ye(h,r))break}else if(F(h)&&ye(h,r))break}}};var Gt=(e,r,s)=>{const a=Fe(y(e,s));return p(a,"root",r[s]),p(e,s,a),e},We=e=>e.type==="file",z=e=>typeof e=="function",Ve=e=>{if(!Ue)return!1;const r=e?e.ownerDocument:0;return e instanceof(r&&r.defaultView?r.defaultView.HTMLElement:HTMLElement)},Ae=e=>$(e),je=e=>e.type==="radio",Se=e=>e instanceof RegExp;const it={value:!1,isValid:!1},at={value:!0,isValid:!0};var Ct=e=>{if(Array.isArray(e)){if(e.length>1){const r=e.filter(s=>s&&s.checked&&!s.disabled).map(s=>s.value);return{value:r,isValid:!!r.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!A(e[0].attributes.value)?A(e[0].value)||e[0].value===""?at:{value:e[0].value,isValid:!0}:at:it}return it};const ot={isValid:!1,value:null};var Et=e=>Array.isArray(e)?e.reduce((r,s)=>s&&s.checked&&!s.disabled?{isValid:!0,value:s.value}:r,ot):ot;function nt(e,r,s="validate"){if(Ae(e)||Array.isArray(e)&&e.every(Ae)||j(e)&&!e)return{type:s,message:Ae(e)?e:"",ref:r}}var ae=e=>F(e)&&!Se(e)?e:{value:e,message:""},ct=async(e,r,s,a,c,n)=>{const{ref:f,refs:h,required:L,maxLength:W,minLength:_,min:x,max:be,pattern:ge,validate:K,name:R,valueAsNumber:Y,mount:Z}=e._f,m=y(s,R);if(!Z||r.has(R))return{};const J=h?h[0]:f,Q=v=>{c&&J.reportValidity&&(J.setCustomValidity(j(v)?"":v||""),J.reportValidity())},V={},se=je(f),ve=he(f),te=se||ve,ie=(Y||We(f))&&A(f.value)&&A(m)||Ve(f)&&f.value===""||m===""||Array.isArray(m)&&!m.length,O=Zt.bind(null,R,a,V),xe=(v,k,S,B=X.maxLength,U=X.minLength)=>{const H=v?k:S;V[R]={type:v?B:U,message:H,ref:f,...O(v?B:U,H)}};if(n?!Array.isArray(m)||!m.length:L&&(!te&&(ie||T(m))||j(m)&&!m||ve&&!Ct(h).isValid||se&&!Et(h).isValid)){const{value:v,message:k}=Ae(L)?{value:!!L,message:L}:ae(L);if(v&&(V[R]={type:X.required,message:k,ref:J,...O(X.required,k)},!a))return Q(k),V}if(!ie&&(!T(x)||!T(be))){let v,k;const S=ae(be),B=ae(x);if(!T(m)&&!isNaN(m)){const U=f.valueAsNumber||m&&+m;T(S.value)||(v=U>S.value),T(B.value)||(k=U<B.value)}else{const U=f.valueAsDate||new Date(m),H=ue=>new Date(new Date().toDateString()+" "+ue),ce=f.type=="time",le=f.type=="week";$(S.value)&&m&&(v=ce?H(m)>H(S.value):le?m>S.value:U>new Date(S.value)),$(B.value)&&m&&(k=ce?H(m)<H(B.value):le?m<B.value:U<new Date(B.value))}if((v||k)&&(xe(!!v,S.message,B.message,X.max,X.min),!a))return Q(V[R].message),V}if((W||_)&&!ie&&($(m)||n&&Array.isArray(m))){const v=ae(W),k=ae(_),S=!T(v.value)&&m.length>+v.value,B=!T(k.value)&&m.length<+k.value;if((S||B)&&(xe(S,v.message,k.message),!a))return Q(V[R].message),V}if(ge&&!ie&&$(m)){const{value:v,message:k}=ae(ge);if(Se(v)&&!m.match(v)&&(V[R]={type:X.pattern,message:k,ref:f,...O(X.pattern,k)},!a))return Q(k),V}if(K){if(z(K)){const v=await K(m,s),k=nt(v,J);if(k&&(V[R]={...k,...O(X.validate,k.message)},!a))return Q(k.message),V}else if(F(K)){let v={};for(const k in K){if(!I(v)&&!a)break;const S=nt(await K[k](m,s),J,k);S&&(v={...S,...O(k,S.message)},Q(S.message),a&&(V[R]=v))}if(!I(v)&&(V[R]={ref:J,...v},!a))return V}}return Q(!0),V};function er(e,r){const s=r.slice(0,-1).length;let a=0;for(;a<s;)e=A(e)?a++:e[r[a++]];return e}function tr(e){for(const r in e)if(e.hasOwnProperty(r)&&!A(e[r]))return!1;return!0}function D(e,r){const s=Array.isArray(r)?r:Me(r)?[r]:Dt(r),a=s.length===1?e:er(e,s),c=s.length-1,n=s[c];return a&&delete a[n],c!==0&&(F(a)&&I(a)||Array.isArray(a)&&tr(a))&&D(e,s.slice(0,-1)),e}var Ie=()=>{let e=[];return{get observers(){return e},next:c=>{for(const n of e)n.next&&n.next(c)},subscribe:c=>(e.push(c),{unsubscribe:()=>{e=e.filter(n=>n!==c)}}),unsubscribe:()=>{e=[]}}},Pe=e=>T(e)||!St(e);function ee(e,r){if(Pe(e)||Pe(r))return e===r;if(re(e)&&re(r))return e.getTime()===r.getTime();const s=Object.keys(e),a=Object.keys(r);if(s.length!==a.length)return!1;for(const c of s){const n=e[c];if(!a.includes(c))return!1;if(c!=="ref"){const f=r[c];if(re(n)&&re(f)||F(n)&&F(f)||Array.isArray(n)&&Array.isArray(f)?!ee(n,f):n!==f)return!1}}return!0}var Bt=e=>e.type==="select-multiple",rr=e=>je(e)||he(e),Re=e=>Ve(e)&&e.isConnected,Tt=e=>{for(const r in e)if(z(e[r]))return!0;return!1};function De(e,r={}){const s=Array.isArray(e);if(F(e)||s)for(const a in e)Array.isArray(e[a])||F(e[a])&&!Tt(e[a])?(r[a]=Array.isArray(e[a])?[]:{},De(e[a],r[a])):T(e[a])||(r[a]=!0);return r}function Lt(e,r,s){const a=Array.isArray(e);if(F(e)||a)for(const c in e)Array.isArray(e[c])||F(e[c])&&!Tt(e[c])?A(r)||Pe(s[c])?s[c]=Array.isArray(e[c])?De(e[c],[]):{...De(e[c])}:Lt(e[c],T(r)?{}:r[c],s[c]):s[c]=!ee(e[c],r[c]);return s}var de=(e,r)=>Lt(e,r,De(r)),It=(e,{valueAsNumber:r,valueAsDate:s,setValueAs:a})=>A(e)?e:r?e===""?NaN:e&&+e:s&&$(e)?new Date(e):a?a(e):e;function Oe(e){const r=e.ref;return We(r)?r.files:je(r)?Et(e.refs).value:Bt(r)?[...r.selectedOptions].map(({value:s})=>s):he(r)?Ct(e.refs).value:It(A(r.value)?e.ref.value:r.value,e)}var sr=(e,r,s,a)=>{const c={};for(const n of e){const f=y(r,n);f&&p(c,n,f._f)}return{criteriaMode:s,names:[...e],fields:c,shouldUseNativeValidation:a}},fe=e=>A(e)?e:Se(e)?e.source:F(e)?Se(e.value)?e.value.source:e.value:e;const lt="AsyncFunction";var ir=e=>!!e&&!!e.validate&&!!(z(e.validate)&&e.validate.constructor.name===lt||F(e.validate)&&Object.values(e.validate).find(r=>r.constructor.name===lt)),ar=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function ut(e,r,s){const a=y(e,s);if(a||Me(s))return{error:a,name:s};const c=s.split(".");for(;c.length;){const n=c.join("."),f=y(r,n),h=y(e,n);if(f&&!Array.isArray(f)&&s!==n)return{name:s};if(h&&h.type)return{name:n,error:h};c.pop()}return{name:s}}var or=(e,r,s,a,c)=>c.isOnAll?!1:!s&&c.isOnTouch?!(r||e):(s?a.isOnBlur:c.isOnBlur)?!e:(s?a.isOnChange:c.isOnChange)?e:!0,nr=(e,r)=>!Ce(y(e,r)).length&&D(e,r);const cr={mode:M.onSubmit,reValidateMode:M.onChange,shouldFocusError:!0};function lr(e={}){let r={...cr,...e},s={submitCount:0,isDirty:!1,isLoading:z(r.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:r.errors||{},disabled:r.disabled||!1},a={},c=F(r.defaultValues)||F(r.values)?N(r.defaultValues||r.values)||{}:{},n=r.shouldUnregister?{}:N(c),f={action:!1,mount:!1,watch:!1},h={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},L,W=0;const _={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},x={values:Ie(),array:Ie(),state:Ie()},be=rt(r.mode),ge=rt(r.reValidateMode),K=r.criteriaMode===M.all,R=t=>i=>{clearTimeout(W),W=setTimeout(t,i)},Y=async t=>{if(!r.disabled&&(_.isValid||t)){const i=r.resolver?I((await te()).errors):await O(a,!0);i!==s.isValid&&x.state.next({isValid:i})}},Z=(t,i)=>{!r.disabled&&(_.isValidating||_.validatingFields)&&((t||Array.from(h.mount)).forEach(o=>{o&&(i?p(s.validatingFields,o,i):D(s.validatingFields,o))}),x.state.next({validatingFields:s.validatingFields,isValidating:!I(s.validatingFields)}))},m=(t,i=[],o,d,u=!0,l=!0)=>{if(d&&o&&!r.disabled){if(f.action=!0,l&&Array.isArray(y(a,t))){const b=o(y(a,t),d.argA,d.argB);u&&p(a,t,b)}if(l&&Array.isArray(y(s.errors,t))){const b=o(y(s.errors,t),d.argA,d.argB);u&&p(s.errors,t,b),nr(s.errors,t)}if(_.touchedFields&&l&&Array.isArray(y(s.touchedFields,t))){const b=o(y(s.touchedFields,t),d.argA,d.argB);u&&p(s.touchedFields,t,b)}_.dirtyFields&&(s.dirtyFields=de(c,n)),x.state.next({name:t,isDirty:v(t,i),dirtyFields:s.dirtyFields,errors:s.errors,isValid:s.isValid})}else p(n,t,i)},J=(t,i)=>{p(s.errors,t,i),x.state.next({errors:s.errors})},Q=t=>{s.errors=t,x.state.next({errors:s.errors,isValid:!1})},V=(t,i,o,d)=>{const u=y(a,t);if(u){const l=y(n,t,A(o)?y(c,t):o);A(l)||d&&d.defaultChecked||i?p(n,t,i?l:Oe(u._f)):B(t,l),f.mount&&Y()}},se=(t,i,o,d,u)=>{let l=!1,b=!1;const g={name:t};if(!r.disabled){const C=!!(y(a,t)&&y(a,t)._f&&y(a,t)._f.disabled);if(!o||d){_.isDirty&&(b=s.isDirty,s.isDirty=g.isDirty=v(),l=b!==g.isDirty);const E=C||ee(y(c,t),i);b=!!(!C&&y(s.dirtyFields,t)),E||C?D(s.dirtyFields,t):p(s.dirtyFields,t,!0),g.dirtyFields=s.dirtyFields,l=l||_.dirtyFields&&b!==!E}if(o){const E=y(s.touchedFields,t);E||(p(s.touchedFields,t,o),g.touchedFields=s.touchedFields,l=l||_.touchedFields&&E!==o)}l&&u&&x.state.next(g)}return l?g:{}},ve=(t,i,o,d)=>{const u=y(s.errors,t),l=_.isValid&&j(i)&&s.isValid!==i;if(r.delayError&&o?(L=R(()=>J(t,o)),L(r.delayError)):(clearTimeout(W),L=null,o?p(s.errors,t,o):D(s.errors,t)),(o?!ee(u,o):u)||!I(d)||l){const b={...d,...l&&j(i)?{isValid:i}:{},errors:s.errors,name:t};s={...s,...b},x.state.next(b)}},te=async t=>{Z(t,!0);const i=await r.resolver(n,r.context,sr(t||h.mount,a,r.criteriaMode,r.shouldUseNativeValidation));return Z(t),i},ie=async t=>{const{errors:i}=await te(t);if(t)for(const o of t){const d=y(i,o);d?p(s.errors,o,d):D(s.errors,o)}else s.errors=i;return i},O=async(t,i,o={valid:!0})=>{for(const d in t){const u=t[d];if(u){const{_f:l,...b}=u;if(l){const g=h.array.has(l.name),C=u._f&&ir(u._f);C&&_.validatingFields&&Z([d],!0);const E=await ct(u,h.disabled,n,K,r.shouldUseNativeValidation&&!i,g);if(C&&_.validatingFields&&Z([d]),E[l.name]&&(o.valid=!1,i))break;!i&&(y(E,l.name)?g?Gt(s.errors,E,l.name):p(s.errors,l.name,E[l.name]):D(s.errors,l.name))}!I(b)&&await O(b,i,o)}}return o.valid},xe=()=>{for(const t of h.unMount){const i=y(a,t);i&&(i._f.refs?i._f.refs.every(o=>!Re(o)):!Re(i._f.ref))&&Ee(t)}h.unMount=new Set},v=(t,i)=>!r.disabled&&(t&&i&&p(n,t,i),!ee(qe(),c)),k=(t,i,o)=>Xt(t,h,{...f.mount?n:A(i)?c:$(t)?{[t]:i}:i},o,i),S=t=>Ce(y(f.mount?n:c,t,r.shouldUnregister?y(c,t,[]):[])),B=(t,i,o={})=>{const d=y(a,t);let u=i;if(d){const l=d._f;l&&(!l.disabled&&p(n,t,It(i,l)),u=Ve(l.ref)&&T(i)?"":i,Bt(l.ref)?[...l.ref.options].forEach(b=>b.selected=u.includes(b.value)):l.refs?he(l.ref)?l.refs.length>1?l.refs.forEach(b=>(!b.defaultChecked||!b.disabled)&&(b.checked=Array.isArray(u)?!!u.find(g=>g===b.value):u===b.value)):l.refs[0]&&(l.refs[0].checked=!!u):l.refs.forEach(b=>b.checked=b.value===u):We(l.ref)?l.ref.value="":(l.ref.value=u,l.ref.type||x.values.next({name:t,values:{...n}})))}(o.shouldDirty||o.shouldTouch)&&se(t,u,o.shouldTouch,o.shouldDirty,!0),o.shouldValidate&&ue(t)},U=(t,i,o)=>{for(const d in i){const u=i[d],l=`${t}.${d}`,b=y(a,l);(h.array.has(t)||F(u)||b&&!b._f)&&!re(u)?U(l,u,o):B(l,u,o)}},H=(t,i,o={})=>{const d=y(a,t),u=h.array.has(t),l=N(i);p(n,t,l),u?(x.array.next({name:t,values:{...n}}),(_.isDirty||_.dirtyFields)&&o.shouldDirty&&x.state.next({name:t,dirtyFields:de(c,n),isDirty:v(t,l)})):d&&!d._f&&!T(l)?U(t,l,o):B(t,l,o),st(t,h)&&x.state.next({...s}),x.values.next({name:f.mount?t:void 0,values:{...n}})},ce=async t=>{f.mount=!0;const i=t.target;let o=i.name,d=!0;const u=y(a,o),l=()=>i.type?Oe(u._f):qt(t),b=g=>{d=Number.isNaN(g)||re(g)&&isNaN(g.getTime())||ee(g,y(n,o,g))};if(u){let g,C;const E=l(),G=t.type===tt.BLUR||t.type===tt.FOCUS_OUT,Pt=!ar(u._f)&&!r.resolver&&!y(s.errors,o)&&!u._f.deps||or(G,y(s.touchedFields,o),s.isSubmitted,ge,be),Te=st(o,h,G);p(n,o,E),G?(u._f.onBlur&&u._f.onBlur(t),L&&L(0)):u._f.onChange&&u._f.onChange(t);const Le=se(o,E,G,!1),Ut=!I(Le)||Te;if(!G&&x.values.next({name:o,type:t.type,values:{...n}}),Pt)return _.isValid&&(r.mode==="onBlur"&&G?Y():G||Y()),Ut&&x.state.next({name:o,...Te?{}:Le});if(!G&&Te&&x.state.next({...s}),r.resolver){const{errors:Ze}=await te([o]);if(b(E),d){const Mt=ut(s.errors,a,o),Ge=ut(Ze,a,Mt.name||o);g=Ge.error,o=Ge.name,C=I(Ze)}}else Z([o],!0),g=(await ct(u,h.disabled,n,K,r.shouldUseNativeValidation))[o],Z([o]),b(E),d&&(g?C=!1:_.isValid&&(C=await O(a,!0)));d&&(u._f.deps&&ue(u._f.deps),ve(o,C,g,Le))}},le=(t,i)=>{if(y(s.errors,i)&&t.focus)return t.focus(),1},ue=async(t,i={})=>{let o,d;const u=Fe(t);if(r.resolver){const l=await ie(A(t)?t:u);o=I(l),d=t?!u.some(b=>y(l,b)):o}else t?(d=(await Promise.all(u.map(async l=>{const b=y(a,l);return await O(b&&b._f?{[l]:b}:b)}))).every(Boolean),!(!d&&!s.isValid)&&Y()):d=o=await O(a);return x.state.next({...!$(t)||_.isValid&&o!==s.isValid?{}:{name:t},...r.resolver||!t?{isValid:o}:{},errors:s.errors}),i.shouldFocus&&!d&&ye(a,le,t?u:h.mount),d},qe=t=>{const i={...f.mount?n:c};return A(t)?i:$(t)?y(i,t):t.map(o=>y(i,o))},ze=(t,i)=>({invalid:!!y((i||s).errors,t),isDirty:!!y((i||s).dirtyFields,t),error:y((i||s).errors,t),isValidating:!!y(s.validatingFields,t),isTouched:!!y((i||s).touchedFields,t)}),Rt=t=>{t&&Fe(t).forEach(i=>D(s.errors,i)),x.state.next({errors:t?s.errors:{}})},$e=(t,i,o)=>{const d=(y(a,t,{_f:{}})._f||{}).ref,u=y(s.errors,t)||{},{ref:l,message:b,type:g,...C}=u;p(s.errors,t,{...C,...i,ref:d}),x.state.next({name:t,errors:s.errors,isValid:!1}),o&&o.shouldFocus&&d&&d.focus&&d.focus()},Ot=(t,i)=>z(t)?x.values.subscribe({next:o=>t(k(void 0,i),o)}):k(t,i,!0),Ee=(t,i={})=>{for(const o of t?Fe(t):h.mount)h.mount.delete(o),h.array.delete(o),i.keepValue||(D(a,o),D(n,o)),!i.keepError&&D(s.errors,o),!i.keepDirty&&D(s.dirtyFields,o),!i.keepTouched&&D(s.touchedFields,o),!i.keepIsValidating&&D(s.validatingFields,o),!r.shouldUnregister&&!i.keepDefaultValue&&D(c,o);x.values.next({values:{...n}}),x.state.next({...s,...i.keepDirty?{isDirty:v()}:{}}),!i.keepIsValid&&Y()},Ke=({disabled:t,name:i,field:o,fields:d})=>{(j(t)&&f.mount||t||h.disabled.has(i))&&(t?h.disabled.add(i):h.disabled.delete(i),se(i,Oe(o?o._f:y(d,i)._f),!1,!1,!0))},Be=(t,i={})=>{let o=y(a,t);const d=j(i.disabled)||j(r.disabled);return p(a,t,{...o||{},_f:{...o&&o._f?o._f:{ref:{name:t}},name:t,mount:!0,...i}}),h.mount.add(t),o?Ke({field:o,disabled:j(i.disabled)?i.disabled:r.disabled,name:t}):V(t,!0,i.value),{...d?{disabled:i.disabled||r.disabled}:{},...r.progressive?{required:!!i.required,min:fe(i.min),max:fe(i.max),minLength:fe(i.minLength),maxLength:fe(i.maxLength),pattern:fe(i.pattern)}:{},name:t,onChange:ce,onBlur:ce,ref:u=>{if(u){Be(t,i),o=y(a,t);const l=A(u.value)&&u.querySelectorAll&&u.querySelectorAll("input,select,textarea")[0]||u,b=rr(l),g=o._f.refs||[];if(b?g.find(C=>C===l):l===o._f.ref)return;p(a,t,{_f:{...o._f,...b?{refs:[...g.filter(Re),l,...Array.isArray(y(c,t))?[{}]:[]],ref:{type:l.type,name:t}}:{ref:l}}}),V(t,!1,void 0,l)}else o=y(a,t,{}),o._f&&(o._f.mount=!1),(r.shouldUnregister||i.shouldUnregister)&&!($t(h.array,t)&&f.action)&&h.unMount.add(t)}}},Ye=()=>r.shouldFocusError&&ye(a,le,h.mount),Ht=t=>{j(t)&&(x.state.next({disabled:t}),ye(a,(i,o)=>{const d=y(a,o);d&&(i.disabled=d._f.disabled||t,Array.isArray(d._f.refs)&&d._f.refs.forEach(u=>{u.disabled=d._f.disabled||t}))},0,!1))},Je=(t,i)=>async o=>{let d;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let u=N(n);if(h.disabled.size)for(const l of h.disabled)p(u,l,void 0);if(x.state.next({isSubmitting:!0}),r.resolver){const{errors:l,values:b}=await te();s.errors=l,u=b}else await O(a);if(D(s.errors,"root"),I(s.errors)){x.state.next({errors:{}});try{await t(u,o)}catch(l){d=l}}else i&&await i({...s.errors},o),Ye(),setTimeout(Ye);if(x.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:I(s.errors)&&!d,submitCount:s.submitCount+1,errors:s.errors}),d)throw d},Nt=(t,i={})=>{y(a,t)&&(A(i.defaultValue)?H(t,N(y(c,t))):(H(t,i.defaultValue),p(c,t,N(i.defaultValue))),i.keepTouched||D(s.touchedFields,t),i.keepDirty||(D(s.dirtyFields,t),s.isDirty=i.defaultValue?v(t,N(y(c,t))):v()),i.keepError||(D(s.errors,t),_.isValid&&Y()),x.state.next({...s}))},Qe=(t,i={})=>{const o=t?N(t):c,d=N(o),u=I(t),l=u?c:d;if(i.keepDefaultValues||(c=o),!i.keepValues){if(i.keepDirtyValues){const b=new Set([...h.mount,...Object.keys(de(c,n))]);for(const g of Array.from(b))y(s.dirtyFields,g)?p(l,g,y(n,g)):H(g,y(l,g))}else{if(Ue&&A(t))for(const b of h.mount){const g=y(a,b);if(g&&g._f){const C=Array.isArray(g._f.refs)?g._f.refs[0]:g._f.ref;if(Ve(C)){const E=C.closest("form");if(E){E.reset();break}}}}a={}}n=r.shouldUnregister?i.keepDefaultValues?N(c):{}:N(l),x.array.next({values:{...l}}),x.values.next({values:{...l}})}h={mount:i.keepDirtyValues?h.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},f.mount=!_.isValid||!!i.keepIsValid||!!i.keepDirtyValues,f.watch=!!r.shouldUnregister,x.state.next({submitCount:i.keepSubmitCount?s.submitCount:0,isDirty:u?!1:i.keepDirty?s.isDirty:!!(i.keepDefaultValues&&!ee(t,c)),isSubmitted:i.keepIsSubmitted?s.isSubmitted:!1,dirtyFields:u?{}:i.keepDirtyValues?i.keepDefaultValues&&n?de(c,n):s.dirtyFields:i.keepDefaultValues&&t?de(c,t):i.keepDirty?s.dirtyFields:{},touchedFields:i.keepTouched?s.touchedFields:{},errors:i.keepErrors?s.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?s.isSubmitSuccessful:!1,isSubmitting:!1})},Xe=(t,i)=>Qe(z(t)?t(n):t,i);return{control:{register:Be,unregister:Ee,getFieldState:ze,handleSubmit:Je,setError:$e,_executeSchema:te,_getWatch:k,_getDirty:v,_updateValid:Y,_removeUnmounted:xe,_updateFieldArray:m,_updateDisabledField:Ke,_getFieldArray:S,_reset:Qe,_resetDefaultValues:()=>z(r.defaultValues)&&r.defaultValues().then(t=>{Xe(t,r.resetOptions),x.state.next({isLoading:!1})}),_updateFormState:t=>{s={...s,...t}},_disableForm:Ht,_subjects:x,_proxyFormState:_,_setErrors:Q,get _fields(){return a},get _formValues(){return n},get _state(){return f},set _state(t){f=t},get _defaultValues(){return c},get _names(){return h},set _names(t){h=t},get _formState(){return s},set _formState(t){s=t},get _options(){return r},set _options(t){r={...r,...t}}},trigger:ue,register:Be,handleSubmit:Je,watch:Ot,setValue:H,getValues:qe,reset:Xe,resetField:Nt,clearErrors:Rt,unregister:Ee,setError:$e,setFocus:(t,i={})=>{const o=y(a,t),d=o&&o._f;if(d){const u=d.refs?d.refs[0]:d.ref;u.focus&&(u.focus(),i.shouldSelect&&z(u.select)&&u.select())}},getFieldState:ze}}function ur(e={}){const r=P.useRef(void 0),s=P.useRef(void 0),[a,c]=P.useState({isDirty:!1,isValidating:!1,isLoading:z(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,defaultValues:z(e.defaultValues)?void 0:e.defaultValues});r.current||(r.current={...lr(e),formState:a});const n=r.current.control;return n._options=e,Qt({subject:n._subjects.state,next:f=>{Jt(f,n._proxyFormState,n._updateFormState)&&c({...n._formState})}}),P.useEffect(()=>n._disableForm(e.disabled),[n,e.disabled]),P.useEffect(()=>{if(n._proxyFormState.isDirty){const f=n._getDirty();f!==a.isDirty&&n._subjects.state.next({isDirty:f})}},[n,a.isDirty]),P.useEffect(()=>{e.values&&!ee(e.values,s.current)?(n._reset(e.values,n._options.resetOptions),s.current=e.values,c(f=>({...f}))):n._resetDefaultValues()},[e.values,n]),P.useEffect(()=>{e.errors&&n._setErrors(e.errors)},[e.errors,n]),P.useEffect(()=>{n._state.mount||(n._updateValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()}),P.useEffect(()=>{e.shouldUnregister&&n._subjects.values.next({values:n._getWatch()})},[e.shouldUnregister,n]),r.current.formState=Yt(a,n),r.current}const Mr={title:"Components/Checkbox/Tests",component:ne,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},me={render:function(){return q.jsx(ne,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:e})=>{const s=Vt(e).getByRole("checkbox");w(s).toHaveAttribute("aria-label","checkboxLabel"),w(s).toHaveAttribute("aria-labelledby","checkboxLabelledby"),w(s).toHaveAttribute("aria-describedby","checkboxDescribedby"),w(s).toHaveAttribute("aria-invalid","true")}},ke={args:{onCheckedChange:He()},render:function({onCheckedChange:r}){return q.jsx(ne,{"aria-label":"checkbox",indeterminate:!0,onCheckedChange:r})},play:async({canvas:e,step:r,args:s})=>{const a=e.getByLabelText("checkbox");if(!(a instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await r('Initial state"',async()=>{w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!1)})}},pe={render:function(){return q.jsx(ne,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:e})=>{const r=e.getByRole("checkbox");w(r).toHaveAttribute("data-foo","1"),w(r).toHaveAttribute("data-bar","2"),w(r).toHaveAttribute("data-baz","false")}},_e={render:function(){return q.jsx(Wt,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:q.jsx(ne,{"aria-label":"checkbox"})})},play:async({canvasElement:e,step:r})=>{const s=Vt(e),a=s.getByRole("checkbox");await r("hover trigger element",async()=>{await oe.hover(a)}),await r("tooltip should be shown",async()=>{await Ne(()=>{const c=s.getByTestId("tooltip");return w(c).toBeVisible()})}),await r("unhover trigger element",async()=>{await oe.unhover(a)}),await r("tooltip should be hidden",async()=>{await Ne(()=>{const c=s.queryByTestId("tooltip");return w(c).toBeNull()})})}},we={args:{onSubmit:He(),onSubmitFormData:He()},render:function(r){const s=ur(),a=(c,n)=>{var f,h;(f=r.onSubmit)==null||f.call(r,n),(h=r.onSubmitFormData)==null||h.call(r,c),s.reset()};return q.jsxs(et,{gap:"32",children:[q.jsx(et,{gap:"16",children:q.jsxs("label",{htmlFor:"privacy-checkbox",children:[q.jsx(ne,{id:"privacy-checkbox",...s.register("privacy")}),"I accept the Privacy Policy"]})}),q.jsx(jt,{onClick:s.handleSubmit(a),children:"Register"})]})},play:async({canvas:e,args:r})=>{await oe.click(e.getByLabelText("I accept the Privacy Policy")),await oe.click(e.getByRole("button",{name:"Register"})),await Ne(()=>w(r.onSubmitFormData).toBeCalledWith({privacy:!0}))}};var dt,ft,yt;me.parameters={...me.parameters,docs:{...(dt=me.parameters)==null?void 0:dt.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
4
- },
5
- play: async ({
6
- canvasElement
7
- }) => {
8
- const canvas = within(canvasElement);
9
- const checkbox = canvas.getByRole('checkbox');
10
- expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
11
- expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
12
- expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
13
- expect(checkbox).toHaveAttribute('aria-invalid', 'true');
14
- }
15
- }`,...(yt=(ft=me.parameters)==null?void 0:ft.docs)==null?void 0:yt.source}}};var ht,bt,gt;ke.parameters={...ke.parameters,docs:{...(ht=ke.parameters)==null?void 0:ht.docs,source:{originalSource:`{
16
- args: {
17
- onCheckedChange: fn()
18
- },
19
- render: function Story({
20
- onCheckedChange
21
- }) {
22
- return <Checkbox aria-label="checkbox" indeterminate onCheckedChange={onCheckedChange} />;
23
- },
24
- play: async ({
25
- canvas,
26
- step,
27
- args
28
- }) => {
29
- const checkbox = canvas.getByLabelText('checkbox');
30
- if (!(checkbox instanceof HTMLInputElement)) throw new Error('Expected Consent all cookies to be an HTMLInputElement');
31
- await step('Initial state"', async () => {
32
- expect(checkbox).not.toBeChecked();
33
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
34
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
35
- });
36
- await step('Click the checkbox"', async () => {
37
- await userEvent.click(checkbox);
38
- expect(checkbox).toBeChecked();
39
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
40
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
41
- expect(args.onCheckedChange).toBeCalledWith(true);
42
- });
43
- await step('Click the checkbox"', async () => {
44
- await userEvent.click(checkbox);
45
- expect(checkbox).not.toBeChecked();
46
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
47
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
48
- expect(args.onCheckedChange).toBeCalledWith(false);
49
- });
50
- }
51
- }`,...(gt=(bt=ke.parameters)==null?void 0:bt.docs)==null?void 0:gt.source}}};var vt,xt,mt;pe.parameters={...pe.parameters,docs:{...(vt=pe.parameters)==null?void 0:vt.docs,source:{originalSource:`{
52
- render: function Story() {
53
- return <Checkbox dataset={{
54
- foo: 1,
55
- bar: '2',
56
- baz: false
57
- }} aria-label="checkbox" />;
58
- },
59
- play: async ({
60
- canvas
61
- }) => {
62
- const checkbox = canvas.getByRole('checkbox');
63
- expect(checkbox).toHaveAttribute('data-foo', '1');
64
- expect(checkbox).toHaveAttribute('data-bar', '2');
65
- expect(checkbox).toHaveAttribute('data-baz', 'false');
66
- }
67
- }`,...(mt=(xt=pe.parameters)==null?void 0:xt.docs)==null?void 0:mt.source}}};var kt,pt,_t;_e.parameters={..._e.parameters,docs:{...(kt=_e.parameters)==null?void 0:kt.docs,source:{originalSource:`{
68
- render: function Story() {
69
- return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
70
- testid: 'tooltip'
71
- }}>
72
- <Checkbox aria-label="checkbox" />
73
- </Tooltip>;
74
- },
75
- play: async ({
76
- canvasElement,
77
- step
78
- }) => {
79
- const canvas = within(canvasElement);
80
- const trigger = canvas.getByRole('checkbox');
81
- await step('hover trigger element', async () => {
82
- await userEvent.hover(trigger);
83
- });
84
- await step('tooltip should be shown', async () => {
85
- await waitFor(() => {
86
- const tooltip = canvas.getByTestId('tooltip');
87
- return expect(tooltip).toBeVisible();
88
- });
89
- });
90
- await step('unhover trigger element', async () => {
91
- await userEvent.unhover(trigger);
92
- });
93
- await step('tooltip should be hidden', async () => {
94
- await waitFor(() => {
95
- const tooltip = canvas.queryByTestId('tooltip');
96
- return expect(tooltip).toBeNull();
97
- });
98
- });
99
- }
100
- }`,...(_t=(pt=_e.parameters)==null?void 0:pt.docs)==null?void 0:_t.source}}};var wt,Ft,At;we.parameters={...we.parameters,docs:{...(wt=we.parameters)==null?void 0:wt.docs,source:{originalSource:`{
101
- args: {
102
- onSubmit: fn(),
103
- onSubmitFormData: fn()
104
- },
105
- render: function Story(args) {
106
- type FormValues = {
107
- privacy: boolean;
108
- };
109
- const form = useForm<FormValues>();
110
- const onSubmit = (_data, event) => {
111
- args.onSubmit?.(event);
112
- args.onSubmitFormData?.(_data);
113
- form.reset();
114
- };
115
- return <LayoutFlex gap="32">
116
- <LayoutFlex gap="16">
117
- <label htmlFor="privacy-checkbox">
118
- <Checkbox id="privacy-checkbox" {...form.register('privacy')} />I accept the
119
- Privacy Policy
120
- </label>
121
- </LayoutFlex>
122
- <Button onClick={form.handleSubmit(onSubmit)}>Register</Button>
123
- </LayoutFlex>;
124
- },
125
- play: async ({
126
- canvas,
127
- args
128
- }) => {
129
- await userEvent.click(canvas.getByLabelText('I accept the Privacy Policy'));
130
- await userEvent.click(canvas.getByRole('button', {
131
- name: 'Register'
132
- }));
133
- await waitFor(() => expect(args.onSubmitFormData).toBeCalledWith({
134
- privacy: true
135
- }));
136
- }
137
- }`,...(At=(Ft=we.parameters)==null?void 0:Ft.docs)==null?void 0:At.source}}};const Wr=["AriaAttributesAreSet","TestWithIndeterminateCheck","TestDataset","IntegrationWithDSTooltip","IntegrationWithReactHookForm"];export{me as AriaAttributesAreSet,_e as IntegrationWithDSTooltip,we as IntegrationWithReactHookForm,pe as TestDataset,ke as TestWithIndeterminateCheck,Wr as __namedExportsOrder,Mr as default};
@@ -1,5 +0,0 @@
1
- import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{u as o,I as p,s as v}from"./FieldLayoutBase-BXt4M7sP.js";import{m as f}from"./classNames-BUL1Zq7e.js";import{w as a}from"./componentNames-Y1T_IIlY.js";const c=({onChange:e,onValueChange:u,...n},t)=>{const r=f(v,a.InputText),i=o(s=>s.target.value,e,u);return d.jsx(p,{...n,ref:t,className:r.join(" "),onChange:i,preplyDsComponent:a.InputText})},l=m.forwardRef(c);try{l.displayName="InputText",l.__docgenInfo={description:"",displayName:"InputText",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
2
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
3
- @see aria-hidden
4
- @see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
5
- @see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"name"'},{value:'"url"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"email"'},{value:'"tel"'},{value:'"text"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as I};