@lucasols/dnd-kit-accessibility 0.2.0 → 0.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.
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/components/HiddenText/HiddenText.tsx","../src/components/LiveRegion/LiveRegion.tsx","../src/hooks/useAnnouncement.ts"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n id: string;\n value: string;\n}\n\nconst hiddenStyles: React.CSSProperties = {\n display: 'none',\n};\n\nexport function HiddenText({id, value}: Props): React.JSX.Element {\n return (\n <div id={id} style={hiddenStyles}>\n {value}\n </div>\n );\n}\n","import React from 'react';\n\nexport interface Props {\n id: string;\n announcement: string;\n}\n\n// Hide element visually but keep it readable by screen readers\nconst visuallyHidden: React.CSSProperties = {\n position: 'fixed',\n width: 1,\n height: 1,\n margin: -1,\n border: 0,\n padding: 0,\n overflow: 'hidden',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(100%)',\n whiteSpace: 'nowrap',\n};\n\nexport function LiveRegion({id, announcement}: Props): React.JSX.Element {\n return (\n <div\n id={id}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n >\n {announcement}\n </div>\n );\n}\n","import {useCallback, useState} from 'react';\n\nexport function useAnnouncement() {\n const [announcement, setAnnouncement] = useState('');\n const announce = useCallback((value: string | undefined) => {\n if (value != null) {\n setAnnouncement(value);\n }\n }, []);\n\n return {announce, announcement} as const;\n}\n"],"mappings":";;AAOA,MAAM,eAAoC,EACxC,SAAS,OACX;AAEA,SAAgB,WAAW,EAAC,IAAI,SAAkC;CAChE,OACE,sBAAA,cAAC,OAAD;EAAS;EAAI,OAAO;CAEf,GADF,KACE;AAET;;;ACTA,MAAM,iBAAsC;CAC1C,UAAU;CACV,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,YAAY;AACd;AAEA,SAAgB,WAAW,EAAC,IAAI,gBAAyC;CACvE,OACE,sBAAA,cAAC,OAAD;EACM;EACJ,OAAO;EACP,MAAK;EACL,aAAU;EACV,eAAA;CAGG,GADF,YACE;AAET;;;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/components/HiddenText/HiddenText.tsx","../src/components/LiveRegion/LiveRegion.tsx","../src/hooks/useAnnouncement.ts"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n id: string;\n value: string;\n}\n\nconst hiddenStyles: React.CSSProperties = {\n display: 'none',\n};\n\nexport function HiddenText({id, value}: Props): React.JSX.Element {\n return (\n <div id={id} style={hiddenStyles}>\n {value}\n </div>\n );\n}\n","import React from 'react';\n\nexport interface Props {\n id: string;\n announcement: string;\n}\n\n// Hide element visually but keep it readable by screen readers\nconst visuallyHidden: React.CSSProperties = {\n position: 'fixed',\n top: 0,\n left: 0,\n width: 1,\n height: 1,\n margin: -1,\n border: 0,\n padding: 0,\n overflow: 'hidden',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(100%)',\n whiteSpace: 'nowrap',\n};\n\nexport function LiveRegion({id, announcement}: Props): React.JSX.Element {\n return (\n <div\n id={id}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n >\n {announcement}\n </div>\n );\n}\n","import {useCallback, useState} from 'react';\n\nexport function useAnnouncement() {\n const [announcement, setAnnouncement] = useState('');\n const announce = useCallback((value: string | undefined) => {\n if (value != null) {\n setAnnouncement(value);\n }\n }, []);\n\n return {announce, announcement} as const;\n}\n"],"mappings":";;AAOA,MAAM,eAAoC,EACxC,SAAS,OACX;AAEA,SAAgB,WAAW,EAAC,IAAI,SAAkC;CAChE,OACE,sBAAA,cAAC,OAAD;EAAS;EAAI,OAAO;CAEf,GADF,KACE;AAET;;;ACTA,MAAM,iBAAsC;CAC1C,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACV,YAAY;AACd;AAEA,SAAgB,WAAW,EAAC,IAAI,gBAAyC;CACvE,OACE,sBAAA,cAAC,OAAD;EACM;EACJ,OAAO;EACP,MAAK;EACL,aAAU;EACV,eAAA;CAGG,GADF,YACE;AAET;;;ACjCA,SAAgB,kBAAkB;CAChC,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CAOnD,OAAO;EAAC,UANS,aAAa,UAA8B;GAC1D,IAAI,SAAS,MACX,gBAAgB,KAAK;EAEzB,GAAG,CAAC,CAEW;EAAG;CAAY;AAChC"}
|