refactor: Drop kebab to camel name conversion

Author: rschristian

src/index.js

@@ -118,15 +118,6 @@ function connectedCallback(options) {
 	(this.hasAttribute('hydrate') ? hydrate : render)(this._vdom, this._root);
 }
 
-/**
- * Camel-cases a string
- * @param {string} str The string to transform to camelCase
- * @returns camel case version of the string
- */
-function toCamelCase(str) {
-	return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''));
-}
-
 /**
  * Changed whenver an attribute of the HTML element changed
  * @this {PreactCustomElement}
@@ -143,7 +134,6 @@ function attributeChangedCallback(name, oldValue, newValue) {
 	newValue = newValue == null ? undefined : newValue;
 	const props = {};
 	props[name] = newValue;
-	props[toCamelCase(name)] = newValue;
 	this._vdom = cloneElement(this._vdom, props);
 	render(this._vdom, this._root);
 }
@@ -192,7 +182,6 @@ function toVdom(element, nodeName, options) {
 	for (i = a.length; i--; ) {
 		if (a[i].name !== 'slot') {
 			props[a[i].name] = a[i].value;
-			props[toCamelCase(a[i].name)] = a[i].value;
 		}
 	}
 

test/browser/index.test.jsx

@@ -204,41 +204,6 @@ describe('web components', () => {
 		);
 	});
 
-	describe('attribute/property name transformation', () => {
-		const kebabName = 'custom-date-long-name';
-		const camelName = 'customDateLongName';
-		const lowerName = camelName.toLowerCase();
-		function PropNameTransform(props) {
-			return (
-				<span>
-					{props[kebabName]} {props[lowerName]} {props[camelName]}
-				</span>
-			);
-		}
-		registerElement(PropNameTransform, 'x-prop-name-transform', [
-			kebabName,
-			camelName,
-		]);
-
-		it('handles kebab-case attributes with passthrough', () => {
-			const el = document.createElement('x-prop-name-transform');
-			el.setAttribute(kebabName, '11/11/2011');
-			el.setAttribute(camelName, 'pretended to be camel');
-
-			root.appendChild(el);
-			assert.equal(
-				root.innerHTML,
-				`<x-prop-name-transform ${kebabName}="11/11/2011" ${lowerName}="pretended to be camel"><span>11/11/2011 pretended to be camel 11/11/2011</span></x-prop-name-transform>`
-			);
-
-			el.setAttribute(kebabName, '01/01/2001');
-			assert.equal(
-				root.innerHTML,
-				`<x-prop-name-transform ${kebabName}="01/01/2001" ${lowerName}="pretended to be camel"><span>01/01/2001 pretended to be camel 01/01/2001</span></x-prop-name-transform>`
-			);
-		});
-	});
-
 	describe('children', () => {
 		/** @param {string} name */
 		function createTestElement(name) {