tool-shack 0.0.24 → 0.0.25

package/dist/dom/createElement.js

@@ -19,7 +19,9 @@ export const createElement = (tagName, props) => {
                 }
             }
             else if (props.style) {
-                Object.assign(element.style, props.style);
+                for (const [styleKey, styleValue] of Object.entries(props.style)) {
+                    element.style[styleKey] = styleValue;
+                }
             }
             else if (key === 'children') {
                 const fragment = document.createDocumentFragment();

package/package.json

@@ -1,49 +1,49 @@
-{
-  "name": "tool-shack",
-  "version": "0.0.24",
-  "description": "Collection of usefull functions to ease work",
-  "author": {
-    "name": "David Myška",
-    "url": "https://www.davidmyska.com/"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/miskith/tool-shack/issues"
-  },
-  "homepage": "https://www.davidmyska.com/tool-shack/",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/miskith/tool-shack.git"
-  },
-  "type": "module",
-  "module": "dist/index.js",
-  "main": "dist/index.js",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist/**/*.js",
-    "dist/**/*.d.ts",
-    "src/**/*.ts"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "rm -rf dist && tsc -b .",
-    "format": "pretty-quick",
-    "generate-docs": "rm -rf docs && typedoc --name \"Tool-Shack\" --readme README.md src/*/index.ts",
-    "prepare": "husky"
-  },
-  "devDependencies": {
-    "husky": "^9.1.7",
-    "prettier": "^3.3.3",
-    "pretty-quick": "^4.0.0",
-    "typedoc": "^0.26.11",
-    "typescript": "^5.6.3"
-  }
-}
+{
+  "name": "tool-shack",
+  "version": "0.0.25",
+  "description": "Collection of usefull functions to ease work",
+  "author": {
+    "name": "David Myška",
+    "url": "https://www.davidmyska.com/"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/miskith/tool-shack/issues"
+  },
+  "homepage": "https://www.davidmyska.com/tool-shack/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/miskith/tool-shack.git"
+  },
+  "type": "module",
+  "module": "dist/index.js",
+  "main": "dist/index.js",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.d.ts",
+    "src/**/*.ts"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "rm -rf dist && tsc -b .",
+    "format": "pretty-quick",
+    "generate-docs": "rm -rf docs && typedoc --name \"Tool-Shack\" --readme README.md src/*/index.ts",
+    "prepare": "husky"
+  },
+  "devDependencies": {
+    "husky": "^9.1.7",
+    "prettier": "^3.3.3",
+    "pretty-quick": "^4.0.0",
+    "typedoc": "^0.26.11",
+    "typescript": "^5.6.3"
+  }
+}

package/src/dom/createElement.ts

@@ -1,59 +1,61 @@
-import { IExtendingElementProps } from './interfaces/createElement.js';
-
-/**
- * Method for creating Node element and assigning multiple parameters, event listeners & children in one method call
- *
- * @param tagName Node tag name
- * @param props List of attributes, event listeners or/and children to assign to the newly created element
- * @returns Resulting Node element
- */
-export const createElement = <T = HTMLElement>(
-  tagName: string,
-  props?: Partial<Omit<T, 'children' | 'dataset' | 'style'>> & IExtendingElementProps,
-): T => {
-  const element: HTMLElement = document.createElement(tagName);
-
-  if (props) {
-    for (let key in props) {
-      const value = (props as any)[key];
-
-      if (key === 'role') {
-        element.setAttribute(key, value);
-      } else if (key === 'aria') {
-        for (const [ariaKey, ariaValue] of Object.entries(props.aria!)) {
-          element.setAttribute(`aria-${ariaKey}`, ariaValue);
-        }
-      } else if (props.style) {
-        Object.assign(element.style, props.style);
-      } else if (key === 'children') {
-        const fragment = document.createDocumentFragment();
-        for (const child of props.children!) {
-          if (typeof child === 'string') {
-            fragment.appendChild(document.createTextNode(child));
-          } else {
-            fragment.appendChild(child);
-          }
-        }
-        element.appendChild(fragment);
-      } else if (key === 'listeners') {
-        for (let eventName in props.listeners!) {
-          const functionList = (
-            props.listeners![eventName] instanceof Array
-              ? props.listeners![eventName]
-              : [props.listeners![eventName]]
-          ) as EventListenerOrEventListenerObject[];
-
-          functionList.forEach((fn: EventListenerOrEventListenerObject) =>
-            element.addEventListener(eventName, fn),
-          );
-        }
-      } else if (key === 'dataset') {
-        Object.assign(element.dataset, props.dataset);
-      } else {
-        (element as any)[key] = value;
-      }
-    }
-  }
-
-  return element as unknown as T;
-};
+import { IExtendingElementProps } from './interfaces/createElement.js';
+
+/**
+ * Method for creating Node element and assigning multiple parameters, event listeners & children in one method call
+ *
+ * @param tagName Node tag name
+ * @param props List of attributes, event listeners or/and children to assign to the newly created element
+ * @returns Resulting Node element
+ */
+export const createElement = <T = HTMLElement>(
+  tagName: string,
+  props?: Partial<Omit<T, 'children' | 'dataset' | 'style'>> & IExtendingElementProps,
+): T => {
+  const element: HTMLElement = document.createElement(tagName);
+
+  if (props) {
+    for (let key in props) {
+      const value = (props as any)[key];
+
+      if (key === 'role') {
+        element.setAttribute(key, value);
+      } else if (key === 'aria') {
+        for (const [ariaKey, ariaValue] of Object.entries(props.aria!)) {
+          element.setAttribute(`aria-${ariaKey}`, ariaValue);
+        }
+      } else if (props.style) {
+        for (const [styleKey, styleValue] of Object.entries(props.style)) {
+          (element.style as any)[styleKey] = styleValue;
+        }
+      } else if (key === 'children') {
+        const fragment = document.createDocumentFragment();
+        for (const child of props.children!) {
+          if (typeof child === 'string') {
+            fragment.appendChild(document.createTextNode(child));
+          } else {
+            fragment.appendChild(child);
+          }
+        }
+        element.appendChild(fragment);
+      } else if (key === 'listeners') {
+        for (let eventName in props.listeners!) {
+          const functionList = (
+            props.listeners![eventName] instanceof Array
+              ? props.listeners![eventName]
+              : [props.listeners![eventName]]
+          ) as EventListenerOrEventListenerObject[];
+
+          functionList.forEach((fn: EventListenerOrEventListenerObject) =>
+            element.addEventListener(eventName, fn),
+          );
+        }
+      } else if (key === 'dataset') {
+        Object.assign(element.dataset, props.dataset);
+      } else {
+        (element as any)[key] = value;
+      }
+    }
+  }
+
+  return element as unknown as T;
+};

package/src/dom/interfaces/createElement.ts

@@ -1,36 +1,36 @@
-export type TAriaLabelKey =
-  | 'atomic'
-  | 'busy'
-  | 'controls'
-  | 'current'
-  | 'describedby'
-  | 'details'
-  | 'disables'
-  | 'dropeffect'
-  | 'errormessage'
-  | 'expanded'
-  | 'flowto'
-  | 'grabbed'
-  | 'haspopup'
-  | 'hidden'
-  | 'invalid'
-  | 'keyshortcuts'
-  | 'label'
-  | 'labelledby'
-  | 'live'
-  | 'modal'
-  | 'owns'
-  | 'relevant'
-  | 'roledescription';
-
-export interface IExtendingElementProps {
-  children?: (HTMLElement | string)[];
-  listeners?: Record<
-    string,
-    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
-  >;
-  role?: string;
-  aria?: Partial<Record<TAriaLabelKey, string>>;
-  dataset?: Record<string, string>;
-  style?: Record<string, string | number>;
-}
+export type TAriaLabelKey =
+  | 'atomic'
+  | 'busy'
+  | 'controls'
+  | 'current'
+  | 'describedby'
+  | 'details'
+  | 'disables'
+  | 'dropeffect'
+  | 'errormessage'
+  | 'expanded'
+  | 'flowto'
+  | 'grabbed'
+  | 'haspopup'
+  | 'hidden'
+  | 'invalid'
+  | 'keyshortcuts'
+  | 'label'
+  | 'labelledby'
+  | 'live'
+  | 'modal'
+  | 'owns'
+  | 'relevant'
+  | 'roledescription';
+
+export interface IExtendingElementProps {
+  children?: (HTMLElement | string)[];
+  listeners?: Record<
+    string,
+    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
+  >;
+  role?: string;
+  aria?: Partial<Record<TAriaLabelKey, string>>;
+  dataset?: Record<string, string>;
+  style?: Record<string, string | number>;
+}