{
  "version": 3,
  "sources": ["../../src/hooks/use-report-validity.ts"],
  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Triggers `reportValidity()` on all form inputs within a container element.\n * This fires the browser's `invalid` event on each input, which validated\n * controls listen to in order to display their error states.\n *\n * Used by panel and card layouts to show validation errors\n * immediately when their content becomes visible after prior interaction.\n *\n * @param ref          A ref to the container element.\n * @param shouldReport Whether to trigger reportValidity. Typically\n *                     derived from `touched` state and open/visible state.\n */\nexport default function useReportValidity(\n\tref: React.RefObject< HTMLElement | null >,\n\tshouldReport: boolean\n) {\n\tuseEffect( () => {\n\t\tif ( shouldReport && ref.current ) {\n\t\t\tconst inputs = ref.current.querySelectorAll(\n\t\t\t\t'input, textarea, select'\n\t\t\t);\n\t\t\tinputs.forEach( ( input ) => {\n\t\t\t\t( input as HTMLInputElement ).reportValidity();\n\t\t\t} );\n\t\t}\n\t}, [ shouldReport, ref ] );\n}\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAcX,SAAR,kBACN,KACA,cACC;AACD,gCAAW,MAAM;AAChB,QAAK,gBAAgB,IAAI,SAAU;AAClC,YAAM,SAAS,IAAI,QAAQ;AAAA,QAC1B;AAAA,MACD;AACA,aAAO,QAAS,CAAE,UAAW;AAC5B,QAAE,MAA4B,eAAe;AAAA,MAC9C,CAAE;AAAA,IACH;AAAA,EACD,GAAG,CAAE,cAAc,GAAI,CAAE;AAC1B;",
  "names": []
}