@aracna/react 1.0.34 → 1.0.35

package/definitions/types.d.ts

@@ -1,9 +1,11 @@
-import { PascalCase } from '@aracna/core';
 import type { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
 export type ElementComponent<Element extends HTMLElement, Props extends HTMLAttributes<Element> = {}> = ForwardRefExoticComponent<Props>;
 export type ElementComponentAttributes = Record<string, any>;
 export type ElementComponentEvents = Record<string, any>;
 export type ElementComponentProps<Element extends HTMLElement, Attributes extends ElementComponentAttributes = ElementComponentAttributes, Events extends ElementComponentEvents = ElementComponentEvents> = HTMLAttributes<Element> & RefAttributes<Element> & Attributes & MapComponentEvents<Events>;
 export type MapComponentEvents<Events extends ElementComponentEvents> = {
-    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
+    [key in keyof Events as key extends string ? `on${KebabToPascalCase<key>}` : key]?: (event: Events[key]) => any;
 };
+type KebabToCamelCase<S extends string> = S extends `${infer T}-${infer U}` ? `${T}${Capitalize<KebabToCamelCase<U>>}` : S;
+type KebabToPascalCase<S extends string> = Capitalize<KebabToCamelCase<S>>;
+export {};

package/index.d.ts

@@ -357,7 +357,6 @@ import type { NavigationRailElementEventMap } from '@aracna/web';
 import type { NavigationRailItemElement } from '@aracna/web-components/elements/navigation/navigation-rail-element';
 import type { NavigationRailItemElementAttributes } from '@aracna/web';
 import type { NavigationRailItemElementEventMap } from '@aracna/web';
-import { PascalCase } from '@aracna/core';
 import type { RadioButtonElement } from '@aracna/web-components/elements/input/radio-group-element';
 import type { RadioButtonElementAttributes } from '@aracna/web';
 import type { RadioButtonElementEventMap } from '@aracna/web';
@@ -668,12 +667,16 @@ export declare type InputFileProps = ElementComponentProps<InputFileElement, Inp
 
 export declare type InputProps = ElementComponentProps<InputElement, InputElementAttributes, InputElementEventMap>;
 
+declare type KebabToCamelCase<S extends string> = S extends `${infer T}-${infer U}` ? `${T}${Capitalize<KebabToCamelCase<U>>}` : S;
+
+declare type KebabToPascalCase<S extends string> = Capitalize<KebabToCamelCase<S>>;
+
 export declare type ListItemProps = ElementComponentProps<ListItemElement, ListItemElementAttributes, ListItemElementEventMap>;
 
 export declare type ListProps = ElementComponentProps<ListElement, ListElementAttributes, ListElementEventMap>;
 
 export declare type MapComponentEvents<Events extends ElementComponentEvents> = {
-    [key in keyof Events as key extends string ? `on${PascalCase<key>}` : key]?: (event: Events[key]) => any;
+    [key in keyof Events as key extends string ? `on${KebabToPascalCase<key>}` : key]?: (event: Events[key]) => any;
 };
 
 export declare type MenuButtonProps = ElementComponentProps<MenuButtonElement, MenuButtonElementAttributes, MenuButtonElementEventMap>;

package/package.json

@@ -47,7 +47,7 @@
   "sideEffects": false,
   "type": "module",
   "types": "index.d.ts",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "dependencies": {
     "@lit-labs/react": "^2.1.0"
   }