@ovotech/element-native 5.5.0 → 5.7.0

package/dist/test/utils.d.ts

@@ -0,0 +1,4 @@
+import { render } from '@testing-library/react-native';
+declare const customRender: typeof render;
+export * from '@testing-library/react-native';
+export { customRender as render };

package/dist/test/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const element_core_1 = require("@ovotech/element-core");
+const react_native_1 = require("@testing-library/react-native");
+const styled_native_1 = require("../styled.native");
+function Wrapper({ children }) {
+    return (0, jsx_runtime_1.jsx)(styled_native_1.ThemeProvider, { theme: element_core_1.themeNative, children: children });
+}
+const customRender = (ui, options) => (0, react_native_1.render)(ui, Object.assign({ wrapper: Wrapper }, options));
+exports.render = customRender;
+// re-export everything
+__exportStar(require("@testing-library/react-native"), exports);

package/dist/utils/utils.d.ts

@@ -1,6 +1,7 @@
 import { ComponentType, ReactElement, ReactNode, Ref, RefCallback, RefObject } from 'react';
 import { View, ViewProps } from 'react-native';
 import { BreakpointNames, Breakpoints } from '../hooks';
+import { ThemeNative } from '../styled.native';
 declare function mergeRefs<T>(...refs: Array<RefObject<T> | Ref<T> | undefined>): RefCallback<T>;
 declare function getText(children: ReactNode): string;
 declare function styledComponentWithBreakpoints<T = ViewProps, C = View>(Component: ComponentType<T>): (props: Omit<T, BreakpointNames> & (C extends ComponentType<any> ? import("react").ComponentProps<C> : object)) => import("react/jsx-runtime").JSX.Element;
@@ -12,4 +13,13 @@ declare function getErrorMessage(id: string, errors: Array<{
 declare function callAll(...fns: Array<Function | undefined>): (...args: any[]) => void;
 declare function filterChildrenByType(children: ReactNode, type: ComponentType): ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
 declare function getValidChildren(children: ReactNode): ReactNode;
-export { callAll, filterChildrenByType, getErrorMessage, getText, getValidChildren, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };
+declare function getShadowCSS({ theme, shadowColor, shadowOffsetX, shadowOffsetY, shadowOpacity, shadowRadius, elevation, }: {
+    theme: ThemeNative;
+    shadowColor?: string;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    shadowOpacity?: number;
+    shadowRadius?: number;
+    elevation?: number;
+}): import("styled-components").FlattenSimpleInterpolation;
+export { callAll, filterChildrenByType, getErrorMessage, getShadowCSS, getText, getValidChildren, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };

package/dist/utils/utils.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.callAll = callAll;
 exports.filterChildrenByType = filterChildrenByType;
 exports.getErrorMessage = getErrorMessage;
+exports.getShadowCSS = getShadowCSS;
 exports.getText = getText;
 exports.getValidChildren = getValidChildren;
 exports.mergeRefs = mergeRefs;
@@ -11,6 +12,8 @@ exports.styledComponentWithBreakpoints = styledComponentWithBreakpoints;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const hooks_1 = require("../hooks");
+const styled_native_1 = require("../styled.native");
+const theme_1 = require("../theme");
 function mergeRefs(...refs) {
     return value => {
         refs.forEach(ref => {
@@ -76,3 +79,12 @@ function filterChildrenByType(children, type) {
 function getValidChildren(children) {
     return react_1.Children.toArray(children).filter(Boolean);
 }
+function getShadowCSS({ theme, shadowColor, shadowOffsetX, shadowOffsetY, shadowOpacity = 0.1, shadowRadius, elevation = 5, }) {
+    return (0, styled_native_1.css) `
+    shadow-color: ${shadowColor || theme.color.neutral.black};
+    shadow-offset: ${`${shadowOffsetX > 0 ? (0, theme_1.numToPx)(shadowOffsetX) : 0} ${(0, theme_1.numToPx)(shadowOffsetY || theme.space[100])}`};
+    shadow-opacity: ${shadowOpacity || '0.1'};
+    shadow-radius: ${(0, theme_1.numToPx)(shadowRadius || theme.space[200])};
+    elevation: ${elevation || 5};
+  `;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "5.5.0",
+  "version": "5.7.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -10,14 +10,15 @@
   ],
   "repository": {
     "type": "git",
-    "url": "@ovotech/element"
+    "url": "https://github.com/ovotech/element-design-system.git",
+    "directory": "packages/native"
   },
   "dependencies": {
     "@backpackapp-io/react-native-toast": "^0.14.0",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0",
     "react-native-reanimated-carousel": "^3.5.1",
-    "@ovotech/element-core": "4.2.0"
+    "@ovotech/element-core": "4.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -28,7 +29,6 @@
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.1.0",
     "@testing-library/react-native": "^13.3.3",
-    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.4",
     "@types/lodash.groupby": "^4.6.9",
     "@types/react": "^19.1.0",
@@ -60,10 +60,10 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react-native-error-boundary": "^3.0.0",
     "@react-native-masked-view/masked-view": "^0.3.2",
     "react": "^19.1.0",
     "react-native": "^0.74.2 | ^0.81.0",
+    "react-native-error-boundary": "^3.0.0",
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "^3.19.1",
     "react-native-safe-area-context": "^5.6.1",

package/dist/components/ErrorWrapper/styles.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/components/ErrorWrapper/styles.js

@@ -1 +0,0 @@
-"use strict";