@tohuhono/puck-rich-text/src/compat/get-class-name-factory.ts

A puck component for rich text editing made for OberonCMS

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
import classnames from "classnames"

export const getGlobalClassName = (rootClass, options) => {
  if (typeof options === "string") {
    return `${rootClass}-${options}`
  } else {
    const mappedOptions = {}
    for (const option in options) {
      mappedOptions[`${rootClass}--${option}`] = options[option]
    }

    return classnames({
      [rootClass]: true,
      ...mappedOptions,
    })
  }
}

export const getClassNameFactory =
  (rootClass, styles, { baseClass = "" } = {}) =>
  (options = {}) => {
    let descendant = false
    let modifiers = false

    if (typeof options === "string") {
      descendant = options
    } else if (typeof options === "object") {
      modifiers = options
    }

    if (descendant) {
      const style = styles[`${rootClass}-${descendant}`]

      if (style) {
        return baseClass + styles[`${rootClass}-${descendant}`] || ""
      }

      return ""
    } else if (modifiers) {
      const prefixedModifiers = {}

      for (const modifier in modifiers) {
        prefixedModifiers[styles[`${rootClass}--${modifier}`]] =
          modifiers[modifier]
      }

      const c = styles[rootClass]

      return (
        baseClass +
        classnames({
          [c]: !!c, // only apply the class if it exists
          ...prefixedModifiers,
        })
      )
    } else {
      return baseClass + styles[rootClass] || ""
    }
  }