feat: add createTV utility to create a tv function from a config (#…

…121)
nextui-org · Oct 28, 2023 · e07e421 · e07e421
1 parent 9b8ae43
commit e07e421
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/src/__tests__/createTV.test.ts b/src/__tests__/createTV.test.ts
@@ -0,0 +1,20 @@
+import {createTV} from "../index";
+
+describe("createTV", () => {
+  test("should use config in tv calls", () => {
+    const tv = createTV({twMerge: false});
+    const h1 = tv({base: "text-3xl font-bold text-blue-400 text-xl text-blue-200"});
+
+    expect(h1()).toBe("text-3xl font-bold text-blue-400 text-xl text-blue-200");
+  });
+
+  test("should override config", () => {
+    const tv = createTV({twMerge: false});
+    const h1 = tv(
+      {base: "text-3xl font-bold text-blue-400 text-xl text-blue-200"},
+      {twMerge: true},
+    );
+
+    expect(h1()).toBe("font-bold text-xl text-blue-200");
+  });
+});
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -296,6 +296,8 @@ export type TV = {
 // main function
 export declare const tv: TV;
 
+export declare function createTV(config: TVConfig): TV;
+
 export declare const defaultConfig: TVConfig;
 
 export type VariantProps<Component extends (...args: any) => any> = Omit<

diff --git a/src/index.js b/src/index.js
@@ -8,7 +8,6 @@ import {
   removeExtraSpaces,
   flatMergeArrays,
   flatArray,
-  isBoolean,
 } from "./utils.js";
 
 export const defaultConfig = {
@@ -427,3 +426,7 @@ export const tv = (options, configProp) => {
 
   return component;
 };
+
+export const createTV = (configProp) => {
+  return (options, config) => tv(options, config ? mergeObjects(configProp, config) : configProp);
+};