@zohodesk/utils/es/applyOpenToCustomize.js

DOT Utils Collection

/**
 * Opening the customization, need to addd for behaviour changes. also add only enabled.
 * @param {*} style 
 * @param {*} options
 * Example code
 * <Component openToCutsomize={{prefix:'dot'}} />
 * let style = applyOpenToCustomize(style,openToCutsomize)
 */
export default function applyOpenToCustomize(style, options) {
  let resultStyle = style;

  if (options && options.prefix) {
    resultStyle = { ...style
    };
    let defaultPrefix = options.prefix || "";

    if (defaultPrefix) {
      defaultPrefix = `${defaultPrefix}-`;
    }

    Object.keys(style).forEach(styleName => {
      if (resultStyle[styleName] && !resultStyle[styleName].includes(styleName)) {
        resultStyle[styleName] = `${resultStyle[styleName]} ${defaultPrefix}${styleName}`;
      }
    });
  }

  return resultStyle;
}