🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

tw-tailwind

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tw-tailwind - npm Package Compare versions

Comparing version
1.0.17
 to
1.0.18
+2
-1
package.json
{
"name": "tw-tailwind",
"version": "1.0.17",
"version": "1.0.18",
"description": "A lighter version of twin.macro that allows you to create tailwind react components like styled-components",
"main": "dist/index.js",
"types": "dist/index.d.ts",
"type": "module",
"files": [

@@ -8,0 +9,0 @@ "dist/**/*"

-11
dist/src/index.d.ts
/// <reference types="react" />
import { componentFactory } from './utils/componentFactory';
declare class Wrapper<T extends keyof JSX.IntrinsicElements> {
wrapped(e: T): <TTWProps extends {}>(template: TemplateStringsArray | ((props: JSX.IntrinsicElements[T] & TTWProps) => string | import("clsx").ClassValue[]), ...templateElements: ((string | boolean | null | undefined) | ((props: JSX.IntrinsicElements[T] & TTWProps) => string | boolean | null | undefined))[]) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.IntrinsicElements[T] & TTWProps> & import("react").RefAttributes<import("react").ElementRef<T>>>;
}
declare type IntrinsicElementsTemplateFunctionsMap = {
[Key in keyof JSX.IntrinsicElements]: ReturnType<Wrapper<Key>['wrapped']>;
};
export declare const tagMap: IntrinsicElementsTemplateFunctionsMap;
declare const tw: typeof componentFactory & IntrinsicElementsTemplateFunctionsMap;
export default tw;
-18
dist/src/index.js
/* eslint-disable no-unused-vars */
/* eslint-disable react/display-name */
import tags from './utils/tags';
import { componentFactory } from './utils/componentFactory';
import { tagFactory } from './utils/tagFactory';
class Wrapper {
// wrapped has no explicit return type so we can infer it
wrapped(e) {
return tagFactory(e);
}
}
export const tagMap = tags.reduce((acc, tag) => ({
...acc,
[tag]: tagFactory(tag),
}), {});
const tw = Object.assign(componentFactory, tagMap);
export default tw;
//# sourceMappingURL=index.js.map
-1
dist/src/index.js.map
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,uCAAuC;AAEvC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,MAAM,OAAO;IACX,yDAAyD;IACzD,OAAO,CAAC,CAAI;QACV,OAAO,UAAU,CAAI,CAAC,CAAC,CAAA;IACzB,CAAC;CACF;AAKD,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,GAAgC,EAAE,EAAE,CAAC,CAAC;IAC1C,GAAG,GAAG;IACN,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC;CACvB,CAAC,EACF,EAA2C,CAC5C,CAAA;AAED,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;AAElD,eAAe,EAAE,CAAA"}
-7
dist/src/types/objectWithoutPrefixDollar.d.ts
declare type FilteredKeys<T> = {
[P in keyof T]: P extends `$${string}` ? never : P;
}[keyof T];
export declare type ObjectWithoutPrefixDollar<T> = {
[Q in FilteredKeys<T>]: T[Q];
};
export {};
-2
dist/src/types/objectWithoutPrefixDollar.js
export {};
//# sourceMappingURL=objectWithoutPrefixDollar.js.map
-1
dist/src/types/objectWithoutPrefixDollar.js.map
{"version":3,"file":"objectWithoutPrefixDollar.js","sourceRoot":"","sources":["../../../src/types/objectWithoutPrefixDollar.ts"],"names":[],"mappings":""}
-1
dist/src/utils/cleanTemplate.d.ts
export declare const cleanTemplate: (template: (string | undefined | null | boolean)[], inheritedClasses?: string) => string;
-13
dist/src/utils/cleanTemplate.js
import { twMerge } from 'tailwind-merge';
export const cleanTemplate = (template, inheritedClasses = '') => {
const newClasses = template
.join(' ')
.trim()
.replace(/\n/g, ' ')
.replace(/\s{2,}/g, ' ')
.split(' ')
.filter((c) => c !== ',');
const inheritedClassesArray = inheritedClasses ? inheritedClasses.split(' ') : [];
return twMerge(...newClasses.concat(inheritedClassesArray).filter((c) => c !== ' '));
};
//# sourceMappingURL=cleanTemplate.js.map
-1
dist/src/utils/cleanTemplate.js.map
{"version":3,"file":"cleanTemplate.js","sourceRoot":"","sources":["../../../src/utils/cleanTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAiD,EAAE,mBAA2B,EAAE,EAAE,EAAE;IAChH,MAAM,UAAU,GAAa,QAAQ;SAClC,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE;SACN,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;IAE3B,MAAM,qBAAqB,GAAa,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3F,OAAO,OAAO,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;AAC9F,CAAC,CAAA"}
-14
dist/src/utils/componentFactory.d.ts
import { ClassValue } from 'clsx';
import { ComponentType, PropsWithoutRef, RefAttributes } from 'react';
import React from 'react';
declare global {
export interface ArrayConstructor {
isArray(arg: ReadonlyArray<any> | any): arg is ReadonlyArray<any>;
}
}
declare type TemplateElementsReturn = string | boolean | undefined | null;
export declare function componentFactory<TComponentProps extends {
className?: string;
}, Ref = never>(Element: ComponentType<PropsWithoutRef<TComponentProps> & RefAttributes<Ref>>): <TTWProps extends {}>(template: TemplateStringsArray | ((props: PropsWithoutRef<TComponentProps> & TTWProps) => string | ClassValue[]), ...templateElements: (((props: PropsWithoutRef<TComponentProps> & TTWProps) => TemplateElementsReturn) | TemplateElementsReturn)[]) => React.ForwardRefExoticComponent<PropsWithoutRef<PropsWithoutRef<TComponentProps> & TTWProps> & RefAttributes<Ref>>;
export declare function componentFactory(Element: ReadonlyArray<string>): string;
export {};
-24
dist/src/utils/componentFactory.js
/* eslint-disable no-redeclare */
/* eslint-disable no-unused-vars */
import clsx from 'clsx';
import { forwardRef } from 'react';
import { cleanTemplate } from './cleanTemplate';
import { mergeArrays } from './mergeArrays';
import React from 'react';
import { twMerge } from 'tailwind-merge';
export function componentFactory(Element) {
if (Array.isArray(Element)) {
return twMerge(Element[0]);
}
return (template, ...templateElements) => {
const Component = forwardRef((props, ref) => {
const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key.charAt(0) !== '$'));
return (React.createElement(Element, { ...filteredProps, className: typeof template === 'function'
? twMerge(clsx(template(props), props.className))
: cleanTemplate(mergeArrays(template, templateElements.map((t) => (typeof t === 'function' ? t(props) : t))), props.className), ref: ref }));
});
Component.displayName = `tw.${Element.displayName || Element.name}`;
return Component;
};
}
//# sourceMappingURL=componentFactory.js.map
-1
dist/src/utils/componentFactory.js.map
{"version":3,"file":"componentFactory.js","sourceRoot":"","sources":["../../../src/utils/componentFactory.tsx"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,mCAAmC;AACnC,OAAO,IAAoB,MAAM,MAAM,CAAA;AACvC,OAAO,EAAiD,UAAU,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAgCxC,MAAM,UAAU,gBAAgB,CAC9B,OAEyB;IAEzB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;KAC3B;IAED,OAAO,CACL,QAE0E,EAC1E,GAAG,gBAGA,EACH,EAAE;QACF,MAAM,SAAS,GAAG,UAAU,CAAmD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC5F,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CACtC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CACW,CAAA;YAE3E,OAAO,CACL,oBAAC,OAAO,OACF,aAAa,EACjB,SAAS,EACP,OAAO,QAAQ,KAAK,UAAU;oBAC5B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;oBACjD,CAAC,CAAC,aAAa,CACX,WAAW,CACT,QAAQ,EACR,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACtE,EACD,KAAK,CAAC,SAAS,CAChB,EAEP,GAAG,EAAE,GAAG,GACR,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QACF,SAAS,CAAC,WAAW,GAAG,MAAM,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,EAAE,CAAA;QACnE,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;AACH,CAAC"}
-1
dist/src/utils/mergeArrays.d.ts
export declare const mergeArrays: (template: TemplateStringsArray, templateElements: (string | boolean | undefined | null)[]) => (string | boolean | null | undefined)[];
-2
dist/src/utils/mergeArrays.js
export const mergeArrays = (template, templateElements) => template.reduce((acc, c, i) => acc.concat(c || [], templateElements[i] || []), []);
//# sourceMappingURL=mergeArrays.js.map
-1
dist/src/utils/mergeArrays.js.map
{"version":3,"file":"mergeArrays.js","sourceRoot":"","sources":["../../../src/utils/mergeArrays.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAA8B,EAAE,gBAAyD,EAAE,EAAE,CACvH,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAA6C,CAAC,CAAA"}
-5
dist/src/utils/tagFactory.d.ts
import { ClassValue } from 'clsx';
import { ElementRef } from 'react';
declare type TemplateElementsReturn = string | boolean | undefined | null;
export declare const tagFactory: <TTag extends keyof JSX.IntrinsicElements>(tag: TTag) => <TTWProps extends {}>(template: TemplateStringsArray | ((props: JSX.IntrinsicElements[TTag] & TTWProps) => string | ClassValue[]), ...templateElements: (TemplateElementsReturn | ((props: JSX.IntrinsicElements[TTag] & TTWProps) => TemplateElementsReturn))[]) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.IntrinsicElements[TTag] & TTWProps> & import("react").RefAttributes<ElementRef<TTag>>>;
export {};
-22
dist/src/utils/tagFactory.js
/* eslint-disable no-redeclare */
/* eslint-disable no-unused-vars */
import clsx from 'clsx';
import { forwardRef, createElement } from 'react';
import { cleanTemplate } from './cleanTemplate';
import { mergeArrays } from './mergeArrays';
import { twMerge } from 'tailwind-merge';
export const tagFactory = (tag) => (template, ...templateElements) => {
const Component = forwardRef((props, ref) => {
const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key.charAt(0) !== '$'));
return createElement(tag, {
...filteredProps,
className: typeof template === 'function'
? twMerge(clsx(template(props), props.className))
: cleanTemplate(mergeArrays(template, templateElements.map((t) => (typeof t === 'function' ? t(props) : t))), props.className),
ref,
}, props.children);
});
Component.displayName = `tw.${tag}`;
return Component;
};
//# sourceMappingURL=tagFactory.js.map
-1
dist/src/utils/tagFactory.js.map
{"version":3,"file":"tagFactory.js","sourceRoot":"","sources":["../../../src/utils/tagFactory.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,mCAAmC;AAEnC,OAAO,IAAoB,MAAM,MAAM,CAAA;AACvC,OAAO,EAAE,UAAU,EAAc,aAAa,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,MAAM,CAAC,MAAM,UAAU,GACrB,CAA2C,GAAS,EAAE,EAAE,CACxD,CACE,QAE8E,EAC9E,GAAG,gBAGA,EACH,EAAE;IACF,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CACtC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CACM,CAAA;QACtE,OAAO,aAAa,CAClB,GAAG,EACH;YACE,GAAG,aAAa;YAChB,SAAS,EACP,OAAO,QAAQ,KAAK,UAAU;gBAC5B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;gBACjD,CAAC,CAAC,aAAa,CACX,WAAW,CACT,QAAQ,EACR,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACtE,EACD,KAAK,CAAC,SAAS,CAChB;YACP,GAAG;SACJ,EACD,KAAK,CAAC,QAAQ,CACf,CAAA;IACH,CAAC,CACF,CAAA;IACD,SAAS,CAAC,WAAW,GAAG,MAAM,GAAG,EAAE,CAAA;IACnC,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
-3
dist/src/utils/tags.d.ts
/// <reference types="react" />
declare const elementsArray: (keyof JSX.IntrinsicElements)[];
export default elementsArray;
-138
dist/src/utils/tags.js
const elementsArray = [
'a',
'abbr',
'address',
'area',
'article',
'aside',
'audio',
'b',
'base',
'bdi',
'bdo',
'big',
'blockquote',
'body',
'br',
'button',
'canvas',
'caption',
'cite',
'code',
'col',
'colgroup',
'data',
'datalist',
'dd',
'del',
'details',
'dfn',
'dialog',
'div',
'dl',
'dt',
'em',
'embed',
'fieldset',
'figcaption',
'figure',
'footer',
'form',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'head',
'header',
'hgroup',
'hr',
'html',
'i',
'iframe',
'img',
'input',
'ins',
'kbd',
'keygen',
'label',
'legend',
'li',
'link',
'main',
'map',
'mark',
'menu',
'menuitem',
'meta',
'meter',
'nav',
'noscript',
'object',
'ol',
'optgroup',
'option',
'output',
'p',
'param',
'picture',
'pre',
'progress',
'q',
'rp',
'rt',
'ruby',
's',
'samp',
'script',
'section',
'select',
'small',
'source',
'span',
'strong',
'style',
'sub',
'summary',
'sup',
'table',
'tbody',
'td',
'textarea',
'tfoot',
'th',
'thead',
'time',
'title',
'tr',
'track',
'u',
'ul',
'var',
'video',
'wbr',
'circle',
'clipPath',
'defs',
'ellipse',
'foreignObject',
'g',
'image',
'line',
'linearGradient',
'marker',
'mask',
'path',
'pattern',
'polygon',
'polyline',
'radialGradient',
'rect',
'stop',
'svg',
'text',
'tspan',
];
export default elementsArray;
//# sourceMappingURL=tags.js.map
-1
dist/src/utils/tags.js.map
{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../../src/utils/tags.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAoC;IACrD,GAAG;IACH,MAAM;IACN,SAAS;IACT,MAAM;IACN,SAAS;IACT,OAAO;IACP,OAAO;IACP,GAAG;IACH,MAAM;IACN,KAAK;IACL,KAAK;IACL,KAAK;IACL,YAAY;IACZ,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,UAAU;IACV,MAAM;IACN,UAAU;IACV,IAAI;IACJ,KAAK;IACL,SAAS;IACT,KAAK;IACL,QAAQ;IACR,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,KAAK;IACL,UAAU;IACV,QAAQ;IACR,IAAI;IACJ,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,GAAG;IACH,OAAO;IACP,SAAS;IACT,KAAK;IACL,UAAU;IACV,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,OAAO;IACP,KAAK;IACL,SAAS;IACT,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,UAAU;IACV,OAAO;IACP,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO;IACP,IAAI;IACJ,OAAO;IACP,GAAG;IACH,IAAI;IACJ,KAAK;IACL,OAAO;IACP,KAAK;IACL,QAAQ;IACR,UAAU;IACV,MAAM;IACN,SAAS;IACT,eAAe;IACf,GAAG;IACH,OAAO;IACP,MAAM;IACN,gBAAgB;IAChB,QAAQ;IACR,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,OAAO;CACR,CAAA;AAED,eAAe,aAAa,CAAA"}
-1
dist/test/setup.d.ts
import '@testing-library/jest-dom';
-2
dist/test/setup.js
import '@testing-library/jest-dom';
//# sourceMappingURL=setup.js.map
-1
dist/test/setup.js.map
{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}
-1
dist/test/tw-tailwind.test.d.ts
import '@testing-library/jest-dom';
-190
dist/test/tw-tailwind.test.js
import '@testing-library/jest-dom';
import { render, screen, act } from '@testing-library/react';
import tw from '../src';
import React, { useRef, useEffect } from 'react';
const ClassName = ({ className, ...props }) => (React.createElement("input", { className: className, ...props }));
describe('tw', async () => {
it('should render component with className', () => {
const Component1 = tw.span `bg-red-600`;
const Component2 = tw(Component1) `bg-red-600`;
const Component3 = tw(ClassName) `bg-red-600`;
const Component4 = tw.span(() => [`bg-red-600`]);
const Component5 = tw(Component1)(() => [`bg-red-600`]);
const Component6 = tw(ClassName)(() => [`bg-red-600`]);
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { "data-testid": "Component-1", className: "text-red-300" }),
React.createElement(Component2, { "data-testid": "Component-2", className: "text-red-300" }),
React.createElement(Component3, { "data-testid": "Component-3", className: "text-red-300" }),
React.createElement(Component4, { "data-testid": "Component-4", className: "text-red-300" }),
React.createElement(Component5, { "data-testid": "Component-5", className: "text-red-300" }),
React.createElement(Component6, { "data-testid": "Component-6", className: "text-red-300" })));
expect(screen.getByTestId('Component-1')).toHaveClass('bg-red-600 text-red-300');
expect(screen.getByTestId('Component-2')).toHaveClass('bg-red-600 text-red-300');
expect(screen.getByTestId('Component-3')).toHaveClass('bg-red-600 text-red-300');
expect(screen.getByTestId('Component-4')).toHaveClass('bg-red-600 text-red-300');
expect(screen.getByTestId('Component-5')).toHaveClass('bg-red-600 text-red-300');
expect(screen.getByTestId('Component-6')).toHaveClass('bg-red-600 text-red-300');
});
it('should render component with props attributes and className', () => {
const Component1 = tw.input `bg-red-600
${({ disabled }) => (disabled ? 'border border-red-500' : '')}`;
const Component2 = tw(Component1) `bg-red-600
${({ disabled }) => (disabled ? 'border border-red-500' : '')}`;
const Component3 = tw(ClassName) `bg-red-600
${({ disabled }) => (disabled ? 'border border-red-500' : '')}`;
const Component4 = tw.span(({ disabled }) => [
`bg-red-600`,
disabled ? 'border border-red-500' : '',
]);
const Component5 = tw(Component1)(({ disabled }) => [
`bg-red-600`,
disabled ? 'border border-red-500' : '',
]);
const Component6 = tw(ClassName)(({ disabled }) => [
`bg-red-600`,
disabled ? 'border border-red-500' : '',
]);
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { disabled: true, "data-testid": "Component-1", className: "text-red-300" }),
React.createElement(Component2, { disabled: true, "data-testid": "Component-2", className: "text-red-300" }),
React.createElement(Component3, { disabled: true, "data-testid": "Component-3", className: "text-red-300" }),
React.createElement(Component4, { disabled: true, "data-testid": "Component-4", className: "text-red-300" }),
React.createElement(Component5, { disabled: true, "data-testid": "Component-5", className: "text-red-300" }),
React.createElement(Component6, { disabled: true, "data-testid": "Component-6", className: "text-red-300" })));
expect(screen.getByTestId('Component-1')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-2')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-3')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-4')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-5')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-6')).toHaveClass('bg-red-600 border border-red-500 text-red-300');
expect(screen.getByTestId('Component-1')).toHaveAttribute('disabled');
expect(screen.getByTestId('Component-2')).toHaveAttribute('disabled');
expect(screen.getByTestId('Component-3')).toHaveAttribute('disabled');
expect(screen.getByTestId('Component-4')).toHaveAttribute('disabled');
expect(screen.getByTestId('Component-5')).toHaveAttribute('disabled');
expect(screen.getByTestId('Component-6')).toHaveAttribute('disabled');
});
it('should render component without props attributes and className', () => {
const Component1 = tw.input `bg-red-600 ${({ $disabled }) => $disabled ? 'border border-red-500' : ''}`;
const Component2 = tw(Component1) `bg-red-600 ${({ $disabled }) => $disabled ? 'border border-red-500' : ''}`;
const Component3 = tw(ClassName) `bg-red-600 ${({ $disabled }) => $disabled ? 'border border-red-500' : ''}`;
const Component4 = tw.span(({ $disabled }) => [
`bg-red-600`,
$disabled ? 'border border-red-500' : '',
]);
const Component5 = tw(Component1)(({ $disabled }) => [
`bg-red-600`,
$disabled ? 'border border-red-500' : '',
]);
const Component6 = tw(ClassName)(({ $disabled }) => [
`bg-red-600`,
$disabled ? 'border border-red-500' : '',
]);
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { "$disabled": true, "data-testid": "Component-1", className: "text-red-300" }),
React.createElement(Component2, { "$disabled": true, "data-testid": "Component-2", className: "text-red-300" }),
React.createElement(Component3, { "$disabled": true, "data-testid": "Component-3", className: "text-red-300" }),
React.createElement(Component4, { "$disabled": true, "data-testid": "Component-4", className: "text-red-300" }),
React.createElement(Component5, { "$disabled": true, "data-testid": "Component-5", className: "text-red-300" }),
React.createElement(Component6, { "$disabled": true, "data-testid": "Component-6", className: "text-red-300" })));
expect(screen.getByTestId('Component-1')).not.toHaveAttribute('$disabled');
expect(screen.getByTestId('Component-2')).not.toHaveAttribute('$disabled');
expect(screen.getByTestId('Component-3')).not.toHaveAttribute('$disabled');
expect(screen.getByTestId('Component-4')).not.toHaveAttribute('$disabled');
expect(screen.getByTestId('Component-5')).not.toHaveAttribute('$disabled');
expect(screen.getByTestId('Component-6')).not.toHaveAttribute('$disabled');
});
it('should render component className by string', () => {
const Component1 = tw.input `bg-red-600 ${'border-red-600'}`;
const Component2 = tw(Component1) `bg-red-600 ${'border-red-600'}`;
const Component3 = tw(ClassName) `bg-red-600 ${'border-red-600'}`;
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { "data-testid": "Component-1", className: "text-red-300" }),
React.createElement(Component2, { "data-testid": "Component-2", className: "text-red-300" }),
React.createElement(Component3, { "data-testid": "Component-3", className: "text-red-300" })));
expect(screen.getByTestId('Component-1')).toHaveClass('bg-red-600 border-red-600 text-red-300');
expect(screen.getByTestId('Component-2')).toHaveClass('bg-red-600 border-red-600 text-red-300');
expect(screen.getByTestId('Component-3')).toHaveClass('bg-red-600 border-red-600 text-red-300');
});
it('should ignore falsy value', () => {
const Component1 = tw.span `${null} ${undefined} ${false}`;
const Component2 = tw(Component1) `${null} ${undefined} ${false}`;
const Component3 = tw(ClassName) `${null} ${undefined} ${false}`;
const Component4 = tw.span(() => [null, undefined, false]);
const Component5 = tw(Component1)(() => [null, undefined, false]);
const Component6 = tw(ClassName)(() => [null, undefined, false]);
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { "data-testid": "Component-1" }),
React.createElement(Component2, { "data-testid": "Component-2" }),
React.createElement(Component3, { "data-testid": "Component-3" }),
React.createElement(Component4, { "data-testid": "Component-4" }),
React.createElement(Component5, { "data-testid": "Component-5" }),
React.createElement(Component6, { "data-testid": "Component-6" })));
screen.debug();
expect(screen.getByTestId('Component-1')).not.toHaveClass('null undefined false');
expect(screen.getByTestId('Component-2')).not.toHaveClass('null undefined false');
expect(screen.getByTestId('Component-3')).not.toHaveClass('null undefined false');
expect(screen.getByTestId('Component-4')).not.toHaveClass('null undefined false');
expect(screen.getByTestId('Component-5')).not.toHaveClass('null undefined false');
expect(screen.getByTestId('Component-6')).not.toHaveClass('null undefined false');
});
it('should override class', () => {
const Component1 = tw.span `bg-red-200`;
const Component2 = tw(Component1) `bg-red-200`;
const Component3 = tw(Component1) `bg-pink-400`;
const Component4 = tw.span(() => ['bg-red-200']);
const Component5 = tw(Component1)(() => ['bg-red-200']);
const Component6 = tw(Component1)(() => [`bg-pink-400`]);
render(React.createElement(React.Fragment, null,
React.createElement(Component1, { "data-testid": "Component-1", className: "bg-blue-200" }),
React.createElement(Component2, { "data-testid": "Component-2", className: "bg-blue-200" }),
React.createElement(Component3, { "data-testid": "Component-3" }),
React.createElement(Component4, { "data-testid": "Component-4", className: "bg-blue-200" }),
React.createElement(Component5, { "data-testid": "Component-5", className: "bg-blue-200" }),
React.createElement(Component6, { "data-testid": "Component-6" })));
screen.debug();
expect(screen.getByTestId('Component-1')).toHaveClass('bg-blue-200');
expect(screen.getByTestId('Component-1')).not.toHaveClass('bg-red-200');
expect(screen.getByTestId('Component-2')).toHaveClass('bg-blue-200');
expect(screen.getByTestId('Component-2')).not.toHaveClass('bg-red-200');
expect(screen.getByTestId('Component-3')).toHaveClass('bg-pink-400');
expect(screen.getByTestId('Component-3')).not.toHaveClass('bg-red-200');
expect(screen.getByTestId('Component-4')).toHaveClass('bg-blue-200');
expect(screen.getByTestId('Component-4')).not.toHaveClass('bg-red-200');
expect(screen.getByTestId('Component-5')).toHaveClass('bg-blue-200');
expect(screen.getByTestId('Component-5')).not.toHaveClass('bg-red-200');
expect(screen.getByTestId('Component-6')).toHaveClass('bg-pink-400');
expect(screen.getByTestId('Component-6')).not.toHaveClass('bg-red-200');
});
it('should have a proper displayName', () => {
const Div = tw.div `bg-gray-400`;
const A = tw.a `bg-gray-400`;
const Nav = tw.nav `bg-gray-400`;
const H1 = tw.h1 `bg-gray-400`;
const TestComponent = () => React.createElement(React.Fragment, null);
const TwTestComponent = tw(TestComponent) ``;
expect(Div.displayName).toBe('tw.div');
expect(A.displayName).toBe('tw.a');
expect(Nav.displayName).toBe('tw.nav');
expect(H1.displayName).toBe('tw.h1');
expect(TwTestComponent.displayName).toBe('tw.TestComponent');
});
it('passes ref', async () => {
const Div = tw.div `bg-gray-400`;
let r = null;
const HasRef = () => {
const ref = useRef(null);
useEffect(() => {
r = ref;
}, [ref]);
return (React.createElement(Div, { "data-testid": "mydiv", ref: ref }, "ref"));
};
render(React.createElement(HasRef, null));
await act(async () => {
expect(r).not.toBeNull();
expect(r.current).not.toBeNull();
expect(r.current.localName).toBe('div');
});
});
});
//# sourceMappingURL=tw-tailwind.test.js.map
-1
dist/test/tw-tailwind.test.js.map
{"version":3,"file":"tw-tailwind.test.js","sourceRoot":"","sources":["../../test/tw-tailwind.test.tsx"],"names":[],"mappings":"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"}