@ovotech/element-native 5.4.0 → 5.4.1

package/dist/styled.native.js

@@ -0,0 +1,4 @@
+import * as styledComponents from 'styled-components/native';
+const { default: styled, css, ThemeProvider, ThemeContext, useTheme, } = styledComponents;
+export { css, ThemeProvider, ThemeContext, useTheme };
+export default styled;

package/dist/theme/index.d.ts

@@ -0,0 +1 @@
+export * from '@ovotech/element-core';

package/dist/theme/index.js

@@ -0,0 +1 @@
+export * from '@ovotech/element-core';

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from './utils';

package/dist/utils/utils.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType, ReactNode, ReactElement, Ref, RefCallback, RefObject, ComponentProps } from 'react';
+import { ViewProps, View } from 'react-native';
+import { BreakpointNames, Breakpoints } from '../hooks';
+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> ? ComponentProps<C> : object)) => import("react/jsx-runtime").JSX.Element;
+declare function responsiveStyle(property: string, value: any, breakpoints: Breakpoints, formatter?: (v: any) => string): any;
+declare function getErrorMessage(id: string, errors: Array<{
+    id: string;
+    message: ReactNode;
+}>): null | ReactNode;
+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, getValidChildren, getText, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };

package/dist/utils/utils.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, } from 'react';
+import { useBreakpoint } from '../hooks';
+function mergeRefs(...refs) {
+    return value => {
+        refs.forEach(ref => {
+            assignRef(ref, value);
+        });
+    };
+}
+function assignRef(ref, element) {
+    if (typeof ref === 'function') {
+        ref(element);
+    }
+    else if (ref) {
+        ref.current = element;
+    }
+}
+function getText(children) {
+    if (!Boolean(children) && typeof children !== 'number') {
+        return '';
+    }
+    if (typeof children === 'object' &&
+        children.props) {
+        return Children.map(children.props.children, child => getText(child)).join('');
+    }
+    return String(children);
+}
+function styledComponentWithBreakpoints(Component) {
+    return (props) => {
+        const breakpoints = useBreakpoint();
+        // @ts-ignore.
+        return _jsx(Component, { ...props, ...breakpoints, ref: props.ref });
+    };
+}
+function responsiveStyle(property, value, breakpoints, formatter) {
+    let values;
+    if (Array.isArray(value)) {
+        values = value;
+    }
+    else {
+        values = [value];
+    }
+    const ascMediaQueries = [
+        breakpoints.smallAndUp,
+        breakpoints.mediumAndUp,
+        breakpoints.largeAndUp,
+    ];
+    const [base, ...rest] = values;
+    return rest.reduce((acc, val, i) => ascMediaQueries[i]
+        ? `${property}: ${formatter ? formatter(val) : val};`
+        : acc, `${property}: ${formatter ? formatter(base) : base};`);
+}
+function getErrorMessage(id, errors) {
+    return (errors.find(({ id: errorId }) => id === errorId) || { message: null })
+        .message;
+}
+// eslint-disable-next-line @typescript-eslint/ban-types
+function callAll(...fns) {
+    return (...args) => fns.forEach(fn => fn && fn(...args));
+}
+function filterChildrenByType(children, type) {
+    return Children.toArray(children).filter(child => child?.type === type);
+}
+function getValidChildren(children) {
+    return Children.toArray(children).filter(Boolean);
+}
+export { callAll, filterChildrenByType, getErrorMessage, getValidChildren, getText, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",

package/dist/esm/src/components/NavigationIcon/index.js

@@ -1 +0,0 @@
-export { NavigationIcon } from './NavigationIcon';

package/dist/src/components/NavigationIcon/index.d.ts

@@ -1 +0,0 @@
-export { NavigationIcon } from './NavigationIcon';

package/dist/src/components/NavigationIcon/index.js

@@ -1 +0,0 @@
-export { NavigationIcon } from './NavigationIcon';