@mochi-inc-japan/react-native-stylex-sheet 1.0.0 → 1.0.2

package/lib/module/tests/mock.test.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { mockDimensions, finalStyle } from './test-utils';
-jest.mock('../utils/media', () => {
-  const originalModule = jest.requireActual('../utils/media');
-  return {
-    ...originalModule,
-    media: jest.fn(originalModule.media)
-  };
-});
-it('preset media effectively key access', async () => {
-  const mediaUtils = await import('../utils/media');
-  const stylex = await import('../');
-  const mocked = jest.mocked(mediaUtils.media);
-  const mediaVal = stylex.defineConsts({
-    md: '(width >= 750px)',
-    lg: '(width >= 1080px)'
-  });
-  const styles = stylex.create({
-    view: {
-      backgroundColor: {
-        default: 'yellow',
-        [mediaVal.md]: 'blue',
-        [mediaVal.lg]: 'green'
-      },
-      width: {
-        default: 100,
-        [mediaVal.md]: 200,
-        [mediaVal.lg]: 300
-      }
-    }
-  });
-  mockDimensions({
-    width: 750
-  });
-  function Comp() {
-    const sx = stylex.useStylex();
-    return /*#__PURE__*/React.createElement(View, sx.props(styles.view));
-  }
-  expect(finalStyle(/*#__PURE__*/React.createElement(stylex.RNStyleXProvider, {
-    media: mediaVal
-  }, /*#__PURE__*/React.createElement(Comp, null)))).toMatchObject({
-    backgroundColor: 'blue',
-    width: 200
-  });
-  expect(jest.isMockFunction(mocked)).toBe(true);
-  expect(mocked.mock.calls[0][1]).toBe(mediaVal.md);
-});
-//# sourceMappingURL=mock.test.js.map

package/lib/module/tests/mock.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","mockDimensions","finalStyle","jest","mock","originalModule","requireActual","media","fn","it","mediaUtils","stylex","mocked","mediaVal","defineConsts","md","lg","styles","create","view","backgroundColor","default","width","Comp","sx","useStylex","createElement","props","expect","RNStyleXProvider","toMatchObject","isMockFunction","toBe","calls"],"sources":["mock.test.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { mockDimensions, finalStyle } from './test-utils';\n\njest.mock('../utils/media', () => {\n  const originalModule = jest.requireActual('../utils/media');\n\n  return {\n    ...originalModule,\n    media: jest.fn(originalModule.media),\n  };\n});\n\nit('preset media effectively key access', async () => {\n  const mediaUtils = await import( '../utils/media');\n  const stylex = await import( '../');\n\n  const mocked = jest.mocked(mediaUtils.media);\n\n  const mediaVal = stylex.defineConsts({\n    md: '(width >= 750px)',\n    lg: '(width >= 1080px)',\n  });\n\n  const styles = stylex.create({\n    view: {\n      backgroundColor: {\n        default: 'yellow',\n        [mediaVal.md]: 'blue',\n        [mediaVal.lg]: 'green',\n      },\n      width: {\n        default: 100,\n        [mediaVal.md]: 200,\n        [mediaVal.lg]: 300,\n      },\n    },\n  });\n\n  mockDimensions({ width: 750 });\n\n  function Comp() {\n    const sx = stylex.useStylex();\n    return <View {...sx.props(styles.view)} />;\n  }\n\n  expect(\n    finalStyle(\n      <stylex.RNStyleXProvider media={mediaVal}>\n        <Comp />\n      </stylex.RNStyleXProvider>\n    )\n  ).toMatchObject({\n    backgroundColor: 'blue',\n    width: 200,\n  });\n\n  expect(jest.isMockFunction(mocked)).toBe(true);\n  expect(mocked.mock.calls[0][1]).toBe(mediaVal.md);\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,cAAc,EAAEC,UAAU,QAAQ,cAAc;AAEzDC,IAAI,CAACC,IAAI,CAAC,gBAAgB,EAAE,MAAM;EAChC,MAAMC,cAAc,GAAGF,IAAI,CAACG,aAAa,CAAC,gBAAgB,CAAC;EAE3D,OAAO;IACL,GAAGD,cAAc;IACjBE,KAAK,EAAEJ,IAAI,CAACK,EAAE,CAACH,cAAc,CAACE,KAAK;EACrC,CAAC;AACH,CAAC,CAAC;AAEFE,EAAE,CAAC,qCAAqC,EAAE,YAAY;EACpD,MAAMC,UAAU,GAAG,MAAM,MAAM,CAAE,gBAAgB,CAAC;EAClD,MAAMC,MAAM,GAAG,MAAM,MAAM,CAAE,KAAK,CAAC;EAEnC,MAAMC,MAAM,GAAGT,IAAI,CAACS,MAAM,CAACF,UAAU,CAACH,KAAK,CAAC;EAE5C,MAAMM,QAAQ,GAAGF,MAAM,CAACG,YAAY,CAAC;IACnCC,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE;EACN,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAGN,MAAM,CAACO,MAAM,CAAC;IAC3BC,IAAI,EAAE;MACJC,eAAe,EAAE;QACfC,OAAO,EAAE,QAAQ;QACjB,CAACR,QAAQ,CAACE,EAAE,GAAG,MAAM;QACrB,CAACF,QAAQ,CAACG,EAAE,GAAG;MACjB,CAAC;MACDM,KAAK,EAAE;QACLD,OAAO,EAAE,GAAG;QACZ,CAACR,QAAQ,CAACE,EAAE,GAAG,GAAG;QAClB,CAACF,QAAQ,CAACG,EAAE,GAAG;MACjB;IACF;EACF,CAAC,CAAC;EAEFf,cAAc,CAAC;IAAEqB,KAAK,EAAE;EAAI,CAAC,CAAC;EAE9B,SAASC,IAAIA,CAAA,EAAG;IACd,MAAMC,EAAE,GAAGb,MAAM,CAACc,SAAS,CAAC,CAAC;IAC7B,oBAAO1B,KAAA,CAAA2B,aAAA,CAAC1B,IAAI,EAAKwB,EAAE,CAACG,KAAK,CAACV,MAAM,CAACE,IAAI,CAAI,CAAC;EAC5C;EAEAS,MAAM,CACJ1B,UAAU,cACRH,KAAA,CAAA2B,aAAA,CAACf,MAAM,CAACkB,gBAAgB;IAACtB,KAAK,EAAEM;EAAS,gBACvCd,KAAA,CAAA2B,aAAA,CAACH,IAAI,MAAE,CACgB,CAC3B,CACF,CAAC,CAACO,aAAa,CAAC;IACdV,eAAe,EAAE,MAAM;IACvBE,KAAK,EAAE;EACT,CAAC,CAAC;EAEFM,MAAM,CAACzB,IAAI,CAAC4B,cAAc,CAACnB,MAAM,CAAC,CAAC,CAACoB,IAAI,CAAC,IAAI,CAAC;EAC9CJ,MAAM,CAAChB,MAAM,CAACR,IAAI,CAAC6B,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACD,IAAI,CAACnB,QAAQ,CAACE,EAAE,CAAC;AACnD,CAAC,CAAC","ignoreList":[]}

package/lib/module/tests/test-utils.js

@@ -1,52 +0,0 @@
-import { render } from '@testing-library/react-native';
-const aspectRatio = 19.5 / 9; // iPhone 14
-
-export function mockDimensions(_ref) {
-  let {
-    width = 750,
-    height = width * aspectRatio,
-    pixelRatio = 1
-  } = _ref;
-  jest.resetModules();
-  jest.doMock('react-native/Libraries/Utilities/useWindowDimensions', () => ({
-    __esModule: true,
-    default: jest.fn().mockReturnValue({
-      width,
-      height
-    })
-  }));
-  // The react-native index.js exports PixelRatio via a lazy getter:
-  //   get PixelRatio() { return require('./Libraries/Utilities/PixelRatio').default }
-  // so the mock must be wrapped under `default`.
-  jest.doMock('react-native/Libraries/Utilities/PixelRatio', () => ({
-    __esModule: true,
-    default: {
-      get: () => pixelRatio,
-      getFontScale: () => 1,
-      getPixelSizeForLayoutSize: layoutSize => layoutSize * pixelRatio,
-      roundToNearestPixel: layoutSize => Math.round(layoutSize * pixelRatio) / pixelRatio
-    }
-  }));
-  jest.doMock('react-native/Libraries/Utilities/Dimensions', () => ({
-    __esModule: true,
-    default: {
-      get: jest.fn().mockReturnValue({
-        width,
-        height
-      }),
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn()
-    }
-  }));
-}
-export function reduceStyles(s) {
-  return s.reduce((s1, s2) => ({
-    ...s1,
-    ...s2
-  }), {});
-}
-export function finalStyle(Component) {
-  var _render$toJSON;
-  return reduceStyles((_render$toJSON = render(Component).toJSON()) === null || _render$toJSON === void 0 ? void 0 : _render$toJSON.props.style);
-}
-//# sourceMappingURL=test-utils.js.map

package/lib/module/tests/test-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["render","aspectRatio","mockDimensions","_ref","width","height","pixelRatio","jest","resetModules","doMock","__esModule","default","fn","mockReturnValue","get","getFontScale","getPixelSizeForLayoutSize","layoutSize","roundToNearestPixel","Math","round","addEventListener","removeEventListener","reduceStyles","s","reduce","s1","s2","finalStyle","Component","_render$toJSON","toJSON","props","style"],"sources":["test-utils.tsx"],"sourcesContent":["import { render } from '@testing-library/react-native';\n\nconst aspectRatio = 19.5 / 9; // iPhone 14\n\nexport function mockDimensions({\n  width = 750,\n  height = width * aspectRatio,\n  pixelRatio = 1,\n}: {\n  width?: number;\n  height?: number;\n  pixelRatio?: number;\n}) {\n  jest.resetModules();\n  jest.doMock('react-native/Libraries/Utilities/useWindowDimensions', () => ({\n    __esModule: true,\n    default: jest.fn().mockReturnValue({ width, height }),\n  }));\n  // The react-native index.js exports PixelRatio via a lazy getter:\n  //   get PixelRatio() { return require('./Libraries/Utilities/PixelRatio').default }\n  // so the mock must be wrapped under `default`.\n  jest.doMock('react-native/Libraries/Utilities/PixelRatio', () => ({\n    __esModule: true,\n    default: {\n      get: () => pixelRatio,\n      getFontScale: () => 1,\n      getPixelSizeForLayoutSize: (layoutSize: number) =>\n        layoutSize * pixelRatio,\n      roundToNearestPixel: (layoutSize: number) =>\n        Math.round(layoutSize * pixelRatio) / pixelRatio,\n    },\n  }));\n  jest.doMock('react-native/Libraries/Utilities/Dimensions', () => ({\n    __esModule: true,\n    default: {\n      get: jest.fn().mockReturnValue({ width, height }),\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n    },\n  }));\n}\n\nexport function reduceStyles(s: any) {\n  return s.reduce((s1: any, s2: any) => ({ ...s1, ...s2 }), {});\n}\n\nexport function finalStyle(Component: React.ReactElement) {\n  return reduceStyles(\n    render(\n      Component\n    ).toJSON()?.props.style\n  );\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,+BAA+B;AAEtD,MAAMC,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;;AAE9B,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAQ3B;EAAA,IAR4B;IAC7BC,KAAK,GAAG,GAAG;IACXC,MAAM,GAAGD,KAAK,GAAGH,WAAW;IAC5BK,UAAU,GAAG;EAKf,CAAC,GAAAH,IAAA;EACCI,IAAI,CAACC,YAAY,CAAC,CAAC;EACnBD,IAAI,CAACE,MAAM,CAAC,sDAAsD,EAAE,OAAO;IACzEC,UAAU,EAAE,IAAI;IAChBC,OAAO,EAAEJ,IAAI,CAACK,EAAE,CAAC,CAAC,CAACC,eAAe,CAAC;MAAET,KAAK;MAAEC;IAAO,CAAC;EACtD,CAAC,CAAC,CAAC;EACH;EACA;EACA;EACAE,IAAI,CAACE,MAAM,CAAC,6CAA6C,EAAE,OAAO;IAChEC,UAAU,EAAE,IAAI;IAChBC,OAAO,EAAE;MACPG,GAAG,EAAEA,CAAA,KAAMR,UAAU;MACrBS,YAAY,EAAEA,CAAA,KAAM,CAAC;MACrBC,yBAAyB,EAAGC,UAAkB,IAC5CA,UAAU,GAAGX,UAAU;MACzBY,mBAAmB,EAAGD,UAAkB,IACtCE,IAAI,CAACC,KAAK,CAACH,UAAU,GAAGX,UAAU,CAAC,GAAGA;IAC1C;EACF,CAAC,CAAC,CAAC;EACHC,IAAI,CAACE,MAAM,CAAC,6CAA6C,EAAE,OAAO;IAChEC,UAAU,EAAE,IAAI;IAChBC,OAAO,EAAE;MACPG,GAAG,EAAEP,IAAI,CAACK,EAAE,CAAC,CAAC,CAACC,eAAe,CAAC;QAAET,KAAK;QAAEC;MAAO,CAAC,CAAC;MACjDgB,gBAAgB,EAAEd,IAAI,CAACK,EAAE,CAAC,CAAC;MAC3BU,mBAAmB,EAAEf,IAAI,CAACK,EAAE,CAAC;IAC/B;EACF,CAAC,CAAC,CAAC;AACL;AAEA,OAAO,SAASW,YAAYA,CAACC,CAAM,EAAE;EACnC,OAAOA,CAAC,CAACC,MAAM,CAAC,CAACC,EAAO,EAAEC,EAAO,MAAM;IAAE,GAAGD,EAAE;IAAE,GAAGC;EAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/D;AAEA,OAAO,SAASC,UAAUA,CAACC,SAA6B,EAAE;EAAA,IAAAC,cAAA;EACxD,OAAOP,YAAY,EAAAO,cAAA,GACjB9B,MAAM,CACJ6B,SACF,CAAC,CAACE,MAAM,CAAC,CAAC,cAAAD,cAAA,uBAFVA,cAAA,CAEYE,KAAK,CAACC,KACpB,CAAC;AACH","ignoreList":[]}

package/lib/types/tests/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/types/tests/media.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/types/tests/mock.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/types/tests/test-utils.d.ts

@@ -1,7 +0,0 @@
-export declare function mockDimensions({ width, height, pixelRatio, }: {
-    width?: number;
-    height?: number;
-    pixelRatio?: number;
-}): void;
-export declare function reduceStyles(s: any): any;
-export declare function finalStyle(Component: React.ReactElement): any;

package/lib/types/tests/utils.d.ts

@@ -1,6 +0,0 @@
-export declare function mockDimensions({ width, height, pixelRatio, }: {
-    width?: number;
-    height?: number;
-    pixelRatio?: number;
-}): void;
-export declare function reduceStyles(s: any): any;

package/lib/types/utils/index.d.ts

@@ -1,9 +0,0 @@
-import { XRNStyleSheets, NamedStyles, RNStyle, VariantStyleSheet } from './types';
-export declare const create: <T extends NamedStyles<any, R>, R extends RNStyle>(args: T) => XRNStyleSheets<T, R>;
-export declare const createVariants: <K extends string, A extends Record<string, RNStyle>>(variantKey: K, args: A) => Record<`@${K}_${keyof A & string}`, RNStyle>;
-export declare const variants: <T extends VariantStyleSheet<any, RNStyle>, V extends Record<string, string>>(target: T, variants: V) => T[keyof T][];
-type PropValue = VariantStyleSheet<string, RNStyle> | RNStyle;
-export declare const props: <T extends RNStyle>(...args: (PropValue | RNStyle[])[]) => {
-    style: T[];
-};
-export {};

package/lib/types/utils/utils.d.ts

@@ -1,4 +0,0 @@
-type StyleObject = Record<string, any>;
-type UtilMap = Record<string, (v: any) => StyleObject>;
-export declare function flattenStyles(styles: StyleObject, utils: UtilMap | undefined): StyleObject;
-export {};