@lucasols/dnd-kit-accessibility 0.1.1 → 0.2.0

package/dist/index.d.ts

@@ -1,2 +1,23 @@
-export { HiddenText, LiveRegion } from './components';
-export { useAnnouncement } from './hooks';
+import React from "react";
+//#region src/components/HiddenText/HiddenText.d.ts
+interface Props$1 {
+  id: string;
+  value: string;
+}
+export declare function HiddenText({ id, value }: Props$1): React.JSX.Element;
+//#endregion
+//#region src/components/LiveRegion/LiveRegion.d.ts
+interface Props {
+  id: string;
+  announcement: string;
+}
+export declare function LiveRegion({ id, announcement }: Props): React.JSX.Element;
+//#endregion
+//#region src/hooks/useAnnouncement.d.ts
+export declare function useAnnouncement(): {
+  readonly announce: (value: string | undefined) => void;
+  readonly announcement: string;
+};
+//#endregion
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,8 +1,47 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./dnd-kit-accessibility.cjs.production.min.js')
-} else {
-  module.exports = require('./dnd-kit-accessibility.cjs.development.js')
+import React, { useCallback, useState } from "react";
+//#region src/components/HiddenText/HiddenText.tsx
+const hiddenStyles = { display: "none" };
+function HiddenText({ id, value }) {
+	return /* @__PURE__ */ React.createElement("div", {
+		id,
+		style: hiddenStyles
+	}, value);
+}
+//#endregion
+//#region src/components/LiveRegion/LiveRegion.tsx
+const visuallyHidden = {
+	position: "fixed",
+	width: 1,
+	height: 1,
+	margin: -1,
+	border: 0,
+	padding: 0,
+	overflow: "hidden",
+	clip: "rect(0 0 0 0)",
+	clipPath: "inset(100%)",
+	whiteSpace: "nowrap"
+};
+function LiveRegion({ id, announcement }) {
+	return /* @__PURE__ */ React.createElement("div", {
+		id,
+		style: visuallyHidden,
+		role: "status",
+		"aria-live": "assertive",
+		"aria-atomic": true
+	}, announcement);
 }
+//#endregion
+//#region src/hooks/useAnnouncement.ts
+function useAnnouncement() {
+	const [announcement, setAnnouncement] = useState("");
+	return {
+		announce: useCallback((value) => {
+			if (value != null) setAnnouncement(value);
+		}, []),
+		announcement
+	};
+}
+//#endregion
+export { HiddenText, LiveRegion, useAnnouncement };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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;;;AC/BA,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucasols/dnd-kit-accessibility",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A generic toolkit to help with accessibility",
   "author": "Claudéric Demers",
   "license": "MIT",
@@ -9,29 +9,31 @@
     "url": "git+https://github.com/clauderic/dnd-kit.git",
     "directory": "packages/accessibility"
   },
-  "scripts": {
-    "start": "tsdx watch --tsconfig tsconfig.build.json --verbose --noClean",
-    "build": "tsdx build --tsconfig tsconfig.build.json",
-    "test": "tsdx test",
-    "lint": "tsdx lint",
-    "prepublish": "npm run build"
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/accessibility.esm.js",
-  "typings": "dist/index.d.ts",
   "files": [
     "README.md",
     "CHANGELOG.md",
     "dist"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "dependencies": {
-    "tslib": "^2.0.0"
+    "react": "^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d4c160d488c7d4e49dba5aee2bbb3ac7a8acc71b"
-}
+  "scripts": {
+    "start": "tsdown --config ../../tsdown.config.mts --watch",
+    "build": "tsdown --config ../../tsdown.config.mts",
+    "test": "vitest run --config ../../vitest.config.mts"
+  }
+}

package/dist/components/HiddenText/HiddenText.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    id: string;
-    value: string;
-}
-export declare function HiddenText({ id, value }: Props): JSX.Element;
-export {};

package/dist/components/HiddenText/index.d.ts

@@ -1 +0,0 @@
-export { HiddenText } from './HiddenText';

package/dist/components/LiveRegion/LiveRegion.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface Props {
-    id: string;
-    announcement: string;
-}
-export declare function LiveRegion({ id, announcement }: Props): JSX.Element;

package/dist/components/LiveRegion/index.d.ts

@@ -1 +0,0 @@
-export { LiveRegion } from './LiveRegion';

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export { HiddenText } from './HiddenText';
-export { LiveRegion } from './LiveRegion';

package/dist/dnd-kit-accessibility.cjs.development.js

@@ -1,66 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-
-const hiddenStyles = {
-  display: 'none'
-};
-function HiddenText(_ref) {
-  let {
-    id,
-    value
-  } = _ref;
-  return React__default.createElement("div", {
-    id: id,
-    style: hiddenStyles
-  }, value);
-}
-
-const visuallyHidden = {
-  position: 'fixed',
-  width: 1,
-  height: 1,
-  margin: -1,
-  border: 0,
-  padding: 0,
-  overflow: 'hidden',
-  clip: 'rect(0 0 0 0)',
-  clipPath: 'inset(100%)',
-  whiteSpace: 'nowrap'
-};
-function LiveRegion(_ref) {
-  let {
-    id,
-    announcement
-  } = _ref;
-  return React__default.createElement("div", {
-    id: id,
-    style: visuallyHidden,
-    role: "status",
-    "aria-live": "assertive",
-    "aria-atomic": true
-  }, announcement);
-}
-
-function useAnnouncement() {
-  const [announcement, setAnnouncement] = React.useState('');
-  const announce = React.useCallback(value => {
-    if (value != null) {
-      setAnnouncement(value);
-    }
-  }, []);
-  return {
-    announce,
-    announcement
-  };
-}
-
-exports.HiddenText = HiddenText;
-exports.LiveRegion = LiveRegion;
-exports.useAnnouncement = useAnnouncement;
-//# sourceMappingURL=dnd-kit-accessibility.cjs.development.js.map

package/dist/dnd-kit-accessibility.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dnd-kit-accessibility.cjs.development.js","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) {\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) {\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"],"names":["hiddenStyles","display","HiddenText","id","value","React","style","visuallyHidden","position","width","height","margin","border","padding","overflow","clip","clipPath","whiteSpace","LiveRegion","announcement","role","useAnnouncement","setAnnouncement","useState","announce","useCallback"],"mappings":";;;;;;;;;AAOA,MAAMA,YAAY,GAAwB;EACxCC,OAAO,EAAE;AAD+B,CAA1C;SAIgBC;MAAW;IAACC,EAAD;IAAKC;;EAC9B,OACEC,4BAAA,MAAA;IAAKF,EAAE,EAAEA;IAAIG,KAAK,EAAEN;GAApB,EACGI,KADH,CADF;AAKD;;ACTD,MAAMG,cAAc,GAAwB;EAC1CC,QAAQ,EAAE,OADgC;EAE1CC,KAAK,EAAE,CAFmC;EAG1CC,MAAM,EAAE,CAHkC;EAI1CC,MAAM,EAAE,CAAC,CAJiC;EAK1CC,MAAM,EAAE,CALkC;EAM1CC,OAAO,EAAE,CANiC;EAO1CC,QAAQ,EAAE,QAPgC;EAQ1CC,IAAI,EAAE,eARoC;EAS1CC,QAAQ,EAAE,aATgC;EAU1CC,UAAU,EAAE;AAV8B,CAA5C;AAaA,SAAgBC;MAAW;IAACf,EAAD;IAAKgB;;EAC9B,OACEd,4BAAA,MAAA;IACEF,EAAE,EAAEA;IACJG,KAAK,EAAEC;IACPa,IAAI,EAAC;iBACK;;GAJZ,EAOGD,YAPH,CADF;AAWD;;SC/BeE;EACd,MAAM,CAACF,YAAD,EAAeG,eAAf,IAAkCC,cAAQ,CAAC,EAAD,CAAhD;EACA,MAAMC,QAAQ,GAAGC,iBAAW,CAAErB,KAAD;IAC3B,IAAIA,KAAK,IAAI,IAAb,EAAmB;MACjBkB,eAAe,CAAClB,KAAD,CAAf;;GAFwB,EAIzB,EAJyB,CAA5B;EAMA,OAAO;IAACoB,QAAD;IAAWL;GAAlB;AACD;;;;;;"}

package/dist/dnd-kit-accessibility.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;const i={display:"none"},r={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};exports.HiddenText=function(e){let{id:t,value:r}=e;return n.createElement("div",{id:t,style:i},r)},exports.LiveRegion=function(e){let{id:t,announcement:i}=e;return n.createElement("div",{id:t,style:r,role:"status","aria-live":"assertive","aria-atomic":!0},i)},exports.useAnnouncement=function(){const[e,n]=t.useState("");return{announce:t.useCallback(e=>{null!=e&&n(e)},[]),announcement:e}};
-//# sourceMappingURL=dnd-kit-accessibility.cjs.production.min.js.map

package/dist/dnd-kit-accessibility.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dnd-kit-accessibility.cjs.production.min.js","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) {\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) {\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"],"names":["hiddenStyles","display","visuallyHidden","position","width","height","margin","border","padding","overflow","clip","clipPath","whiteSpace","id","value","React","style","announcement","role","setAnnouncement","useState","announce","useCallback"],"mappings":"oJAOA,MAAMA,EAAoC,CACxCC,QAAS,QCALC,EAAsC,CAC1CC,SAAU,QACVC,MAAO,EACPC,OAAQ,EACRC,QAAS,EACTC,OAAQ,EACRC,QAAS,EACTC,SAAU,SACVC,KAAM,gBACNC,SAAU,cACVC,WAAY,6CDPaC,GAACA,EAADC,MAAKA,KAC9B,OACEC,uBAAKF,GAAIA,EAAIG,MAAOhB,GACjBc,uCCOoBD,GAACA,EAADI,aAAKA,KAC9B,OACEF,uBACEF,GAAIA,EACJG,MAAOd,EACPgB,KAAK,qBACK,8BAGTD,uCC3BL,MAAOA,EAAcE,GAAmBC,WAAS,IAOjD,MAAO,CAACC,SANSC,cAAaR,IACf,MAATA,GACFK,EAAgBL,IAEjB,IAEeG,aAAAA"}

package/dist/dnd-kit-accessibility.esm.js

@@ -1,57 +0,0 @@
-import React, { useState, useCallback } from 'react';
-
-const hiddenStyles = {
-  display: 'none'
-};
-function HiddenText(_ref) {
-  let {
-    id,
-    value
-  } = _ref;
-  return React.createElement("div", {
-    id: id,
-    style: hiddenStyles
-  }, value);
-}
-
-const visuallyHidden = {
-  position: 'fixed',
-  width: 1,
-  height: 1,
-  margin: -1,
-  border: 0,
-  padding: 0,
-  overflow: 'hidden',
-  clip: 'rect(0 0 0 0)',
-  clipPath: 'inset(100%)',
-  whiteSpace: 'nowrap'
-};
-function LiveRegion(_ref) {
-  let {
-    id,
-    announcement
-  } = _ref;
-  return React.createElement("div", {
-    id: id,
-    style: visuallyHidden,
-    role: "status",
-    "aria-live": "assertive",
-    "aria-atomic": true
-  }, announcement);
-}
-
-function useAnnouncement() {
-  const [announcement, setAnnouncement] = useState('');
-  const announce = useCallback(value => {
-    if (value != null) {
-      setAnnouncement(value);
-    }
-  }, []);
-  return {
-    announce,
-    announcement
-  };
-}
-
-export { HiddenText, LiveRegion, useAnnouncement };
-//# sourceMappingURL=dnd-kit-accessibility.esm.js.map

package/dist/dnd-kit-accessibility.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dnd-kit-accessibility.esm.js","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) {\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) {\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"],"names":["hiddenStyles","display","HiddenText","id","value","React","style","visuallyHidden","position","width","height","margin","border","padding","overflow","clip","clipPath","whiteSpace","LiveRegion","announcement","role","useAnnouncement","setAnnouncement","useState","announce","useCallback"],"mappings":";;AAOA,MAAMA,YAAY,GAAwB;EACxCC,OAAO,EAAE;AAD+B,CAA1C;SAIgBC;MAAW;IAACC,EAAD;IAAKC;;EAC9B,OACEC,mBAAA,MAAA;IAAKF,EAAE,EAAEA;IAAIG,KAAK,EAAEN;GAApB,EACGI,KADH,CADF;AAKD;;ACTD,MAAMG,cAAc,GAAwB;EAC1CC,QAAQ,EAAE,OADgC;EAE1CC,KAAK,EAAE,CAFmC;EAG1CC,MAAM,EAAE,CAHkC;EAI1CC,MAAM,EAAE,CAAC,CAJiC;EAK1CC,MAAM,EAAE,CALkC;EAM1CC,OAAO,EAAE,CANiC;EAO1CC,QAAQ,EAAE,QAPgC;EAQ1CC,IAAI,EAAE,eARoC;EAS1CC,QAAQ,EAAE,aATgC;EAU1CC,UAAU,EAAE;AAV8B,CAA5C;AAaA,SAAgBC;MAAW;IAACf,EAAD;IAAKgB;;EAC9B,OACEd,mBAAA,MAAA;IACEF,EAAE,EAAEA;IACJG,KAAK,EAAEC;IACPa,IAAI,EAAC;iBACK;;GAJZ,EAOGD,YAPH,CADF;AAWD;;SC/BeE;EACd,MAAM,CAACF,YAAD,EAAeG,eAAf,IAAkCC,QAAQ,CAAC,EAAD,CAAhD;EACA,MAAMC,QAAQ,GAAGC,WAAW,CAAErB,KAAD;IAC3B,IAAIA,KAAK,IAAI,IAAb,EAAmB;MACjBkB,eAAe,CAAClB,KAAD,CAAf;;GAFwB,EAIzB,EAJyB,CAA5B;EAMA,OAAO;IAACoB,QAAD;IAAWL;GAAlB;AACD;;;;"}

package/dist/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useAnnouncement } from './useAnnouncement';

package/dist/hooks/useAnnouncement.d.ts

@@ -1,4 +0,0 @@
-export declare function useAnnouncement(): {
-    readonly announce: (value: string | undefined) => void;
-    readonly announcement: string;
-};