style-to-object 1.0.1 → 1.0.3

package/esm/index.mjs

@@ -1,3 +1,4 @@
 import StyleToObject from '../cjs/index.js';
 
-export default StyleToObject.default;
+// ensure compatibility with rollup umd build
+export default StyleToObject.default || StyleToObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "style-to-object",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Converts inline style to object.",
   "author": "Mark <mark@remarkablemark.org>",
   "main": "cjs/index.js",
@@ -52,14 +52,14 @@
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "11.1.5",
-    "@types/jest": "29.5.5",
-    "@typescript-eslint/eslint-plugin": "6.7.5",
-    "@typescript-eslint/parser": "6.7.5",
+    "@types/jest": "29.5.6",
+    "@typescript-eslint/eslint-plugin": "6.8.0",
+    "@typescript-eslint/parser": "6.8.0",
     "eslint": "8.51.0",
     "eslint-plugin-prettier": "5.0.1",
     "husky": "8.0.3",
     "jest": "29.7.0",
-    "lint-staged": "15.0.1",
+    "lint-staged": "15.0.2",
     "npm-run-all": "4.1.5",
     "pinst": "3.0.0",
     "prettier": "3.0.3",
@@ -70,7 +70,8 @@
   "files": [
     "/cjs",
     "/dist",
-    "/esm"
+    "/esm",
+    "/src"
   ],
   "license": "MIT"
 }

package/src/index.ts

@@ -0,0 +1,59 @@
+import parse from 'inline-style-parser';
+import type { Declaration } from 'inline-style-parser';
+
+export { Declaration };
+
+interface StyleObject {
+  [name: string]: string;
+}
+
+type Iterator = (
+  property: string,
+  value: string,
+  declaration: Declaration,
+) => void;
+
+/**
+ * Parses inline style to object.
+ *
+ * @param style - Inline style.
+ * @param iterator - Iterator.
+ * @returns - Style object or null.
+ *
+ * @example Parsing inline style to object:
+ *
+ * ```js
+ * import parse from 'style-to-object';
+ * parse('line-height: 42;'); // { 'line-height': '42' }
+ * ```
+ */
+export default function StyleToObject(
+  style: string,
+  iterator?: Iterator,
+): StyleObject | null {
+  let styleObject: StyleObject | null = null;
+
+  if (!style || typeof style !== 'string') {
+    return styleObject;
+  }
+
+  const declarations = parse(style);
+  const hasIterator = typeof iterator === 'function';
+
+  declarations.forEach((declaration) => {
+    if (declaration.type !== 'declaration') {
+      return;
+    }
+
+    const { property, value } = declaration;
+
+    if (hasIterator) {
+      iterator(property, value, declaration);
+    } else if (value) {
+      styleObject = styleObject || {};
+      styleObject[property] = value;
+    }
+  });
+
+  return styleObject;
+}