add functions to utils and link in components, bump versions

packages/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sys42/components",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "exports": {
     ".": {
@@ -33,7 +33,7 @@
   "dependencies": {
     "@react-aria/button": "^3.9.3",
     "@react-types/shared": "^3.23.1",
-    "@sys42/utils": "^0.0.1",
+    "@sys42/utils": "workspace:^",
     "modern-normalize": "^2.0.0",
     "react-merge-refs": "^2.1.1"
   },

packages/utils/lib/main.ts

@@ -1,4 +1,33 @@
-export function concatClassNames(...args: Array<string | boolean | null | undefined>)
-  : string {
-  return args.filter(item => !!item).join(' ');
-}
+export function concatClassNames(
+  ...args: Array<string | boolean | null | undefined>
+): string {
+  return args.filter((item) => !!item).join(" ");
+}
+
+export function filterKeyEnter(handler: (e: React.KeyboardEvent) => void) {
+  return (e: React.KeyboardEvent) => {
+    if (e.key === "Enter") {
+      handler(e);
+    }
+  };
+}
+
+export function filterKeyEsc(handler: (e: React.KeyboardEvent) => void) {
+  return (e: React.KeyboardEvent) => {
+    if (e.key === "Escape") {
+      handler(e);
+    }
+  };
+}
+
+export function accessibleOnClick(
+  handler: (e: React.KeyboardEvent) => void,
+  tabIndex: number
+) {
+  return {
+    role: "button",
+    tabIndex: tabIndex || 0,
+    onKeyDown: filterKeyEnter(handler),
+    onClick: handler,
+  };
+}

packages/utils/package.json

@@ -2,7 +2,7 @@
   "name": "@sys42/utils",
   "author": "Andreas Riedmüller",
   "license": "MIT",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/utils.js",
   "types": "dist/main.d.ts",
@@ -26,5 +26,8 @@
     "typescript": "^5.0.2",
     "vite": "^4.3.2",
     "vite-plugin-dts": "^2.3.0"
+  },
+  "dependencies": {
+    "@types/react": "^18.3.3"
   }
 }