Latest repo

node_modules/style-to-object/src/index.ts

@@ -0,0 +1,59 @@
+import type { Declaration } from 'inline-style-parser';
+import parse 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;
+}