Function cx

packages/core/src/cx.ts:23–58

()

 * @returns the combined, space separated class names that can be applied directly to the class attribute
 */
const cx: ICX = function cx() {
  const presentClassNames: (ClassName | ClassName<LinariaClassName>)[] =
    Array.prototype.slice
      // eslint-disable-next-line prefer-rest-params
      .call(arguments)
      .filter(Boolean);

  const atomicClasses: { [k: string]: string } = {};
  const nonAtomicClasses: string[] = [];
  presentClassNames.forEach((arg) => {
    // className could be the output of a previous cx call, so split by ' ' first
    const individualClassNames = arg ? arg.split(' ') : [];

    individualClassNames.forEach((className) => {
      if (className.startsWith('atm_')) {
        const [, keyHash] = className.split('_');
        atomicClasses[keyHash] = className;
      } else {
        nonAtomicClasses.push(className);
      }
    });
  });

  const result: string[] = [];

  // eslint-disable-next-line no-restricted-syntax
  for (const keyHash in atomicClasses) {
    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
      result.push(atomicClasses[keyHash]);
    }
  }

  result.push(...nonAtomicClasses);

  return result.join(' ') as LinariaClassName;
};

export default cx;