Function inlineCssToJs

packages/editor/src/utils/styles.ts:52–90

(
  inlineStyle: string,
  options: { removeUnit?: boolean } = {},
)

};

export const inlineCssToJs = (
  inlineStyle: string,
  options: { removeUnit?: boolean } = {},
) => {
  const styleObject: { [key: string]: string } = {};

  if (!inlineStyle || inlineStyle === '' || typeof inlineStyle === 'object') {
    return styleObject;
  }

  splitDeclarations(inlineStyle).forEach((style: string) => {
    const trimmed = style.trim();
    if (trimmed) {
      const separatorIndex = trimmed.indexOf(':');
      if (separatorIndex === -1) return;

      const key = trimmed.slice(0, separatorIndex);
      const value = trimmed.slice(separatorIndex + 1);
      const valueTrimmed = value.trim();

      if (!valueTrimmed) {
        return;
      }

      const formattedKey = key
        .trim()
        .replace(/-\w/g, (match) => match[1].toUpperCase());

      const UNIT_REGEX = /px|%/g;
      const sanitizedValue = options?.removeUnit
        ? valueTrimmed.replace(UNIT_REGEX, '')
        : valueTrimmed;

      styleObject[formattedKey] = sanitizedValue;
    }
  });

  return styleObject;
};

/**
 * Expands CSS shorthand properties (margin, padding) into their longhand equivalents.