@yahoo/uds 1.7.4 → 1.8.0

package/cli/utils/purgeCSS.test.ts

@@ -1,210 +0,0 @@
-import { describe, expect, it } from 'bun:test';
-import { Project } from 'ts-morph';
-
-import {
-  getClassesForEnabledThemesAndScales,
-  getComponentsToConvertToTW,
-  getFiles,
-  getTailwindSafelist,
-  getUsedProps,
-  isUDSComponent,
-  parseFiles,
-  scanGetStylesReferences,
-} from './purgeCSS';
-
-const PAGE_A_CODE = `
-import { HStack, Button, getStyles } from '@yahoo/uds';
-
-const functionWithProp = () => {
-  const vars = {
-    isActive: false
-  };
-
-  return {
-    ...vars, 
-    color: 'blue'
-  }
-}
-
-const AnotherComponent = () => {
-  const propsList = functionWithProp();
-
-  const classNames = getStyles({
-    borderStartColor: 'primary'
-  });
-
-  return <HStack testProp="testValue" classNames={classNames} {...propsList}>meow</HStack>
-}
-
-const PageA = () => {
-  const justifyContent = 'justify-start';
-  const classNames = getStyles({
-    justifyContent
-  });
-
-  return (
-    <div>
-      <HStack />
-      <Button> Click me </Button>
-    </div>
-  )
-}
-`;
-
-const PAGE_B_CODE = `
-import { HStack, Spinner } from '@yahoo/uds';
-import { noop } from 'lodash';
-
-const PageB = () => {
-  return (
-    <div>
-    <HStack flexGrow="1" alignItems="center" justifyContent="center">
-      <Spinner />
-    </HStack>
-    </div>
-  )
-}
-`;
-
-const FILES = ['/pages/PageA.tsx', '/pages/PageB.tsx'];
-const IMPORTED_UDS_COMPONENTS = ['HStack', 'Button', 'getStyles', 'Spinner'];
-
-describe('purgeCSS', () => {
-  const project = new Project();
-
-  describe('getFiles', () => {
-    it('returns the list of files', async () => {
-      const files = await getFiles('./src/');
-
-      expect(files).toEqual(FILES);
-    });
-  });
-
-  describe('parseFiles', () => {
-    it('returns the list of imports from @yahoo/uds', () => {
-      project.createSourceFile(FILES[0], PAGE_A_CODE, {
-        overwrite: true,
-      });
-      project.createSourceFile(FILES[1], PAGE_B_CODE, {
-        overwrite: true,
-      });
-
-      const res = parseFiles(project, FILES);
-
-      expect(res).toEqual(IMPORTED_UDS_COMPONENTS);
-    });
-  });
-
-  describe('getTailwindSafelist', () => {
-    it('returns the tailwind classes required for all the components', () => {
-      project.createSourceFile(FILES[0], PAGE_A_CODE, {
-        overwrite: true,
-      });
-      project.createSourceFile(FILES[1], PAGE_B_CODE, {
-        overwrite: true,
-      });
-
-      const res = getTailwindSafelist(project, IMPORTED_UDS_COMPONENTS);
-
-      expect(res).toEqual([
-        'container',
-        'fill',
-        'items-start',
-        'items-center',
-        'justify-start',
-        'justify-center',
-        'text-accent',
-        'text-alert',
-        'text-black',
-        'text-brand',
-        'text-positive',
-        'text-warning',
-        'text-white',
-        'text-transparent',
-        'text-muted',
-        'text-on-color',
-        'text-primary',
-        'text-secondary',
-        'text-tertiary',
-        'text-current',
-        'border-s-primary',
-      ]);
-    });
-  });
-
-  describe('getComponentsToConvertToTW', () => {
-    it('should get just exports which are components from UDS', () => {
-      const res = getComponentsToConvertToTW(['Button', 'HStack', 'randomThingy']);
-
-      expect(res).toEqual(['Button', 'Icon', 'Pressable', 'Text', 'HStack', 'Box']);
-    });
-  });
-
-  describe('isUDSComponent', () => {
-    it('returns true if the component is exported from UDS', () => {
-      const res = isUDSComponent('HStack');
-
-      expect(res).toBeTrue();
-    });
-
-    it('returns false if the component is not exported from UDS', () => {
-      const res = isUDSComponent('NotUdsComponent');
-
-      expect(res).toBeFalse();
-    });
-  });
-
-  describe('getUsedProps', () => {
-    it('return the list of all used props in the project for a given component', () => {
-      project.createSourceFile(FILES[0], PAGE_A_CODE, {
-        overwrite: true,
-      });
-      project.createSourceFile(FILES[1], PAGE_B_CODE, {
-        overwrite: true,
-      });
-
-      const usedProps = getUsedProps(project, 'HStack');
-
-      expect(usedProps).toEqual([
-        ['testProp', ['testValue']],
-        ['classNames', []],
-        ['color', []],
-        ['isActive', []],
-        ['flexGrow', ['1']],
-        ['alignItems', ['center']],
-        ['justifyContent', ['center']],
-      ]);
-    });
-  });
-
-  describe('getClassesForEnabledThemesAndScales', () => {
-    it('returns the list of classes related to the mode/themes we have in the config', () => {
-      const classes = getClassesForEnabledThemesAndScales();
-
-      expect(classes).toEqual([
-        'uds-color-mode-dark',
-        'uds-color-mode-light',
-        'uds-scale-mode-large',
-      ]);
-    });
-  });
-
-  describe('scanGetStylesReferences', () => {
-    it('should scan the project for getStyles references and return the used variants', () => {
-      project.createSourceFile(FILES[0], PAGE_A_CODE, {
-        overwrite: true,
-      });
-      project.createSourceFile(FILES[1], PAGE_B_CODE, {
-        overwrite: true,
-      });
-
-      const res = scanGetStylesReferences(project);
-
-      const expectedResult = new Map();
-      expectedResult.set('borderStartColor', new Set(['primary']));
-      expectedResult.set('justifyContent', new Set([]));
-
-      expect(res).toEqual(expectedResult);
-    });
-  });
-});

package/dist/chunk-KEQTRKKF.js

@@ -1,3 +0,0 @@
-import{normalIconSizes as e}from"./chunk-YRYDHL65.js";import{variants as r}from"./chunk-RGE634O5.js";import{lineColors as t,borderWidths as n,borderRadii as o,foregroundColors as s,spectrumColors as c,backgroundColors as i,textVariants as l}from"@yahoo/uds/fixtures";import a from"clsx";import u from"imurmurhash";import{extendTailwindMerge as f}from"tailwind-merge";import{forwardRef as m,Children as d,isValidElement as p,cloneElement as h}from"react";import{jsx as y}from"react/jsx-runtime";
-/*! © 2024 Yahoo, Inc. UDS v0.0.0-development */
-var v="undefined"!=typeof process,b={useGetStylesCache:!!v&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE,useCLIAuth:!!v&&"true"===process.env.UDS_FEATURE_ENABLE_CLI_AUTH},g=e=>b={...b,...e},E=()=>b;function N(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}function x(e){const r=Object.create(null),t=Object.keys(e);for(let n=0,o=t.length;n<o;n++){const o=t[n];void 0!==e[o]&&(r[o]=e[o])}return r}var C=f({extend:{theme:{borderColor:t,borderWidth:n,borderRadius:o}},override:{classGroups:{"text-color":[{text:[...s,...c]}],"bg-color":[{bg:i}],"font-family":[{font:["icons",...l]}],leading:[{leading:l}]},conflictingClassGroups:{}}}),_=(...e)=>{const r=a(e);return C(r)},j=e=>r=>{if(!e?.variants)return _(e?.base,r?.className);const{variants:t,defaultVariants:n}=e,o=Object.keys(t).map((e=>{const o=r?.[e],s=n?.[e],c=N(o)||N(s);return t[e][c]})),s={...n,...r&&x(r)},c=e?.compoundVariants?.reduce(((e,{className:r,...t})=>Object.entries(t).every((([e,r])=>s[e]===r))?_(e,r):e),"");return _(e?.base,o,c,r?.className)},w=j({variants:r}),S=new Map,A=e=>{const{useGetStylesCache:r}=E();if(r){const r=function(e){const r=Object.create(null),t=Object.keys(e).sort();for(let n=0,o=t.length;n<o;n++){const o=t[n];r[o]=e[o]}return r}(x(e)),t=(new u).hash(JSON.stringify(r)).result();if(S.has(t))return S.get(t);const n=w(r);return S.set(t,n),n}return w(e)},O=m((function({name:r,size:t="md",variant:n="outline",color:o="primary",className:s,...c},i){const l=A({color:o,flex:"none",className:s}),a=e[t];return y("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",width:a,height:a,viewBox:`0 0 ${a} ${a}`,"aria-hidden":"true",focusable:"false",className:l,...c,children:y(r,{size:t,variant:n})})}));function U(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function L(){const e=m(((e,t)=>{const{children:o,...s}=e,c=d.toArray(o),i=c.find(n);if(i){const e=i.props.children,n=c.map((r=>r===i?d.count(e)>1?d.only(null):p(e)?e.props.children:null:r));return y(r,{...s,ref:t,children:p(e)?h(e,void 0,n):null})}return y(r,{...s,ref:t,children:o})}));e.displayName="Slot";const r=m(((e,r)=>{const{children:t,...n}=e;return p(t)?h(t,{...o(n,t.props),ref:r?U(r,t.ref):t.ref}):d.count(t)>1?d.only(null):null}));r.displayName="SlotClone";const t=({children:e})=>e;function n(e){return p(e)&&e.type===t}function o(e,r){const t={...r};for(const n in r){const o=e[n],s=r[n];/^on[A-Z]/.test(n)?o&&s?t[n]=(...e)=>{s(...e),o(...e)}:o&&(t[n]=o):"style"===n&&(t[n]={...o,...s})}return{...e,...t}}return e}export{O as Icon,L as createSlot,j as cva,_ as cx,E as getFeatureFlags,A as getStyles,g as updateFeatureFlags};

package/dist/chunk-RILYWBPB.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("./chunk-WLOEKYUI.cjs"),r=require("./chunk-LNFRMD6G.cjs"),t=require("@yahoo/uds/fixtures"),n=require("clsx"),s=require("imurmurhash"),o=require("tailwind-merge"),l=require("react"),i=require("react/jsx-runtime");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(n),u=a(s),d="undefined"!=typeof process,f={useGetStylesCache:!!d&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE,useCLIAuth:!!d&&"true"===process.env.UDS_FEATURE_ENABLE_CLI_AUTH},h=()=>f;function p(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}function m(e){const r=Object.create(null),t=Object.keys(e);for(let n=0,s=t.length;n<s;n++){const s=t[n];void 0!==e[s]&&(r[s]=e[s])}return r}var x=o.extendTailwindMerge({extend:{theme:{borderColor:t.lineColors,borderWidth:t.borderWidths,borderRadius:t.borderRadii}},override:{classGroups:{"text-color":[{text:[...t.foregroundColors,...t.spectrumColors]}],"bg-color":[{bg:t.backgroundColors}],"font-family":[{font:["icons",...t.textVariants]}],leading:[{leading:t.textVariants}]},conflictingClassGroups:{}}}),g=(...e)=>{const r=c.default(e);return x(r)},y=e=>r=>{if(!e?.variants)return g(e?.base,r?.className);const{variants:t,defaultVariants:n}=e,s=Object.keys(t).map((e=>{const s=r?.[e],o=n?.[e],l=p(s)||p(o);return t[e][l]})),o={...n,...r&&m(r)},l=e?.compoundVariants?.reduce(((e,{className:r,...t})=>Object.entries(t).every((([e,r])=>o[e]===r))?g(e,r):e),"");return g(e?.base,s,l,r?.className)},v=y({variants:r.variants}),C=new Map,b=e=>{const{useGetStylesCache:r}=h();if(r){const r=function(e){const r=Object.create(null),t=Object.keys(e).sort();for(let n=0,s=t.length;n<s;n++){const s=t[n];r[s]=e[s]}return r}(m(e)),t=(new u.default).hash(JSON.stringify(r)).result();if(C.has(t))return C.get(t);const n=v(r);return C.set(t,n),n}return v(e)},E=l.forwardRef((function({name:r,size:t="md",variant:n="outline",color:s="primary",className:o,...l},a){const c=b({color:s,flex:"none",className:o}),u=e.normalIconSizes[t];return i.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:u,height:u,viewBox:`0 0 ${u} ${u}`,"aria-hidden":"true",focusable:"false",className:c,...l,children:i.jsx(r,{size:t,variant:n})})}));function j(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}exports.Icon=E,exports.createSlot=function(){const e=l.forwardRef(((e,t)=>{const{children:s,...o}=e,a=l.Children.toArray(s),c=a.find(n);if(c){const e=c.props.children,n=a.map((r=>r===c?l.Children.count(e)>1?l.Children.only(null):l.isValidElement(e)?e.props.children:null:r));return i.jsx(r,{...o,ref:t,children:l.isValidElement(e)?l.cloneElement(e,void 0,n):null})}return i.jsx(r,{...o,ref:t,children:s})}));e.displayName="Slot";const r=l.forwardRef(((e,r)=>{const{children:t,...n}=e;return l.isValidElement(t)?l.cloneElement(t,{...s(n,t.props),ref:r?j(r,t.ref):t.ref}):l.Children.count(t)>1?l.Children.only(null):null}));r.displayName="SlotClone";const t=({children:e})=>e;function n(e){return l.isValidElement(e)&&e.type===t}function s(e,r){const t={...r};for(const n in r){const s=e[n],o=r[n];/^on[A-Z]/.test(n)?s&&o?t[n]=(...e)=>{o(...e),s(...e)}:s&&(t[n]=s):"style"===n&&(t[n]={...s,...o})}return{...e,...t}}return e},exports.cva=y,exports.cx=g,exports.getFeatureFlags=h,exports.getStyles=b,exports.updateFeatureFlags=e=>f={...f,...e};