@ornikar/bumper 2.1.0 → 2.2.1-canary.0ceb6a0ec79212a49e36324c71e86b68677389c7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "2.1.0",
+  "version": "2.2.1-canary.0ceb6a0ec79212a49e36324c71e86b68677389c7.0",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",
@@ -11,9 +11,6 @@
     "access": "public"
   },
   "sideEffects": false,
-  "bin": {
-    "run-transformers": "./scripts/run-transformers.js"
-  },
   "engines": {
     "node": ">=22.17.0"
   },
@@ -21,7 +18,14 @@
     "build": "ORNIKAR_ONLY=bumper yarn  ../.. build",
     "lint:eslint": "yarn ../.. eslint --report-unused-disable-directives --quiet @ornikar/bumper"
   },
-  "ornikar": {},
+  "ornikar": {
+    "entries": [
+      "index"
+    ],
+    "extraEntries": [
+      "./src/tamagui.config.ts"
+    ]
+  },
   "dependencies": {
     "@babel/runtime": "^7.24.0",
     "@tamagui/core": "1.135.6"
@@ -45,11 +49,14 @@
   },
   "devDependencies": {
     "@babel/core": "7.27.1",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/react-native": "13.3.3",
     "@types/react": "18.3.27",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-native": "0.76.9",
-    "tamagui-loader": "1.135.6"
+    "react-test-renderer": "18.3.1"
   },
   "expo": {},
   "exports": {
@@ -70,7 +77,8 @@
         "import": "./dist/index.es.web.js"
       }
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./src/tamagui.config.ts": "./src/tamagui.config.ts"
   },
   "browser": "./dist/index.es",
   "main": "./dist/index-node-22.17.es.mjs",

package/src/components/breakpoints/hooks/useBreakpointValue.test.ts

@@ -0,0 +1,40 @@
+import { renderHook } from '@testing-library/react-native';
+import { BreakpointNameEnum } from '../../../themes/utils/breakpoints';
+import { getValueForBreakpoint } from '../utils/breakpointsUtils';
+import { useBreakpointValue } from './useBreakpointValue';
+import { useCurrentBreakpointName } from './useCurrentBreakpointName';
+
+jest.mock('./useCurrentBreakpointName');
+const mockUseCurrentBreakpointName = jest.mocked(useCurrentBreakpointName);
+
+jest.mock('../utils/breakpointsUtils');
+const mockGetValueForBreakpoint = jest.mocked(getValueForBreakpoint);
+
+describe('useBreakpointValue', () => {
+  beforeEach(() => {
+    mockUseCurrentBreakpointName.mockClear();
+    mockGetValueForBreakpoint.mockClear();
+  });
+
+  it('should call getValueForBreakpoint with correct arguments', () => {
+    const returnValue = 'base-value';
+    const breakpoint = BreakpointNameEnum.BASE;
+
+    mockGetValueForBreakpoint.mockReturnValueOnce(returnValue);
+    mockUseCurrentBreakpointName.mockReturnValue(breakpoint);
+
+    renderHook(() => useBreakpointValue({ base: returnValue }));
+    expect(mockGetValueForBreakpoint).toHaveBeenCalledWith(breakpoint, { base: returnValue });
+  });
+
+  it('should return the value provided by getValueForBreakpoint', () => {
+    const returnValue = 'base-value';
+    const breakpoint = BreakpointNameEnum.BASE;
+
+    mockGetValueForBreakpoint.mockReturnValueOnce(returnValue);
+    mockUseCurrentBreakpointName.mockReturnValue(breakpoint);
+
+    const { result } = renderHook(() => useBreakpointValue({ base: returnValue }));
+    expect(result.current).toEqual(returnValue);
+  });
+});

package/src/components/breakpoints/hooks/useCurrentBreakpointName.test.ts

@@ -0,0 +1,39 @@
+import { type UseMediaState, useMedia } from '@tamagui/core';
+import { renderHook } from '@testing-library/react-native';
+import { BreakpointNameEnum } from '../../../themes/utils/breakpoints';
+import { useCurrentBreakpointName } from './useCurrentBreakpointName';
+
+jest.mock('@tamagui/core');
+const mockedUseMedia = jest.mocked(useMedia);
+
+describe('useCurrentBreakpointName', () => {
+  beforeEach(() => {
+    mockedUseMedia.mockClear();
+  });
+
+  it.each([
+    [BreakpointNameEnum.WIDE, { wide: true }],
+    [BreakpointNameEnum.LARGE, { large: true }],
+    [BreakpointNameEnum.MEDIUM, { medium: true }],
+    [BreakpointNameEnum.SMALL, { small: true }],
+    [BreakpointNameEnum.BASE, { base: true }],
+  ])('should return the %s breakpoint when media returns a corresponding value', (breakpoint, mediaMock) => {
+    mockedUseMedia.mockReturnValue(mediaMock as UseMediaState);
+
+    const { result } = renderHook(() => useCurrentBreakpointName());
+    expect(result.current).toBe(breakpoint);
+  });
+
+  it('should default to BASE when there are no matching media queries', () => {
+    mockedUseMedia.mockReturnValue({
+      wide: false,
+      large: false,
+      medium: false,
+      small: false,
+      base: false,
+    });
+
+    const { result } = renderHook(() => useCurrentBreakpointName());
+    expect(result.current).toBe(BreakpointNameEnum.BASE);
+  });
+});

package/src/components/breakpoints/utils/breakpointsUtils.test.ts

@@ -2,21 +2,21 @@ import { BreakpointNameEnum } from '../../../themes/utils/breakpoints';
 import { getValueForBreakpoint } from './breakpointsUtils';
 
 describe('getValueForBreakpoint', () => {
-  test('should return the base value for BASE breakpoint', () => {
+  it('should return the base value for BASE breakpoint', () => {
     expect(getValueForBreakpoint(BreakpointNameEnum.BASE, { base: 'base-value' })).toBe('base-value');
   });
 
-  test('should return small value for SMALL breakpoint if available', () => {
+  it('should return small value for SMALL breakpoint if available', () => {
     expect(getValueForBreakpoint(BreakpointNameEnum.SMALL, { base: 'base-value', small: 'small-value' })).toBe(
       'small-value',
     );
   });
 
-  test('should fallback to base value for SMALL breakpoint if small not provided', () => {
+  it('should fallback to base value for SMALL breakpoint if small not provided', () => {
     expect(getValueForBreakpoint(BreakpointNameEnum.SMALL, { base: 'base-value' })).toBe('base-value');
   });
 
-  test('should return medium value for MEDIUM breakpoint if available', () => {
+  it('should return medium value for MEDIUM breakpoint if available', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.MEDIUM, {
         base: 'base-value',
@@ -26,7 +26,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('medium-value');
   });
 
-  test('should fallback to small value for MEDIUM breakpoint if medium not provided', () => {
+  it('should fallback to small value for MEDIUM breakpoint if medium not provided', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.MEDIUM, {
         base: 'base-value',
@@ -35,7 +35,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('small-value');
   });
 
-  test('should return large value for LARGE breakpoint if available', () => {
+  it('should return large value for LARGE breakpoint if available', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.LARGE, {
         base: 'base-value',
@@ -46,7 +46,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('large-value');
   });
 
-  test('should fallback to medium value for LARGE breakpoint if large not provided', () => {
+  it('should fallback to medium value for LARGE breakpoint if large not provided', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.LARGE, {
         base: 'base-value',
@@ -56,7 +56,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('medium-value');
   });
 
-  test('should return wide value for WIDE breakpoint if available', () => {
+  it('should return wide value for WIDE breakpoint if available', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.WIDE, {
         base: 'base-value',
@@ -68,7 +68,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('wide-value');
   });
 
-  test('should fallback to large value for WIDE breakpoint if wide not provided', () => {
+  it('should fallback to large value for WIDE breakpoint if wide not provided', () => {
     expect(
       getValueForBreakpoint(BreakpointNameEnum.WIDE, {
         base: 'base-value',
@@ -79,7 +79,7 @@ describe('getValueForBreakpoint', () => {
     ).toBe('large-value');
   });
 
-  test('should return base value for unknown breakpoint', () => {
+  it('should return base value for unknown breakpoint', () => {
     expect(getValueForBreakpoint('unknown' as BreakpointNameEnum, { base: 'base-value' })).toBe('base-value');
   });
 });

package/src/index.ts

@@ -1,6 +1,16 @@
 export { BumperDecorator } from './core/BumperDecorator';
 export { BumperProvider } from './core/BumperProvider';
 
+// Primitives
+export type { HStackProps, StackProps, VStackProps } from './components/primitives/Stacks';
+export { HStack, Stack, VStack } from './components/primitives/Stacks';
+export type { ViewProps } from './components/primitives/View';
+export { View } from './components/primitives/View';
+
+// Typography
+export type { TypographyTextProps } from './components/typography/Typograhy';
+export { Typography } from './components/typography/Typograhy';
+
 // Breakpoints
 export { useBreakpointValue } from './components/breakpoints/hooks/useBreakpointValue';
 export { useCurrentBreakpointName } from './components/breakpoints/hooks/useCurrentBreakpointName';