askirmas / react-classnaming

import type { BemAbsraction } from "./bem.core";

import type { CssModule } from "./definitions.defs";

import { bem2arr } from "./bem.core";

import { joinWithLead, picker, wrapper } from "./core"

import { EMPTY_OBJECT } from "./consts.json"

export {

  classBeming

}

function classBeming<

  Ctx extends {classnames: Source, className?: string},

  Source extends CssModule = Ctx["classnames"],

  // WithClassName extends boolean = Ctx["className"] extends string ? true : false

>(

 context: Ctx = EMPTY_OBJECT as Ctx

) {

  const {className} = context

  //@ts-expect-error

  const host = (arg0?, arg1?) => bem(context, arg0, arg1)

  return wrapper(host, className)

}

function bem<

  Source extends CssModule,

>(

  {

    className,

    classnames,

  }: {

    className?: string,

    classnames?: Source,

  },

  arg0?: boolean | BemAbsraction,

  arg1?: BemAbsraction 

) {

  const source = typeof arg0 === "object" ? arg0 : arg1

  , debemed = source && bem2arr(source)

  , picked = debemed && picker(classnames, debemed)

  , result = joinWithLead(arg0 === true && className, picked)

  return {className: result}

}