@ovotech/element-native 5.5.0 → 5.6.0

package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageSkeletonContainer = exports.Illustration = exports.ImageContent = exports.HeadingText = exports.CardWithQuickLink = void 0;
+const react_native_1 = require("react-native");
+const __1 = require("../..");
+const styled_native_1 = __importDefault(require("../../../styled.native"));
+const P_1 = require("../../P");
+exports.CardWithQuickLink = (0, styled_native_1.default)(__1.Card)(({ theme }) => ({
+    padding: theme.space[300],
+    minHeight: theme.space[2400],
+    minWidth: theme.space[3500],
+}));
+exports.HeadingText = (0, styled_native_1.default)(P_1.P)(({ theme }) => ({
+    marginBottom: theme.space[900],
+}));
+exports.ImageContent = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => ({
+    position: 'absolute',
+    bottom: theme.space[300],
+    right: theme.space[300],
+}));
+exports.Illustration = (0, styled_native_1.default)(react_native_1.Image)(({ isSmall, theme }) => ({
+    width: isSmall ? theme.space[1000] : theme.space[1600],
+    height: isSmall ? theme.space[1000] : theme.space[1600],
+}));
+exports.ImageSkeletonContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => ({
+    alignSelf: 'flex-end',
+    width: theme.space[1000],
+}));

package/dist/components/Cards/QuickLinkCard/index.d.ts

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

package/dist/components/Cards/QuickLinkCard/index.js

@@ -0,0 +1,17 @@
+"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 });
+__exportStar(require("./QuickLinkCard"), exports);

package/dist/components/Cards/ServicesImageCard/ServicesImageCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ImageSourcePropType } from 'react-native';
+import { TitleSegment } from '../types';
+type Props = {
+    badgeText?: string;
+    image: ImageSourcePropType | string;
+    heading: TitleSegment[] | string;
+    subHeading?: string;
+    onPress?: () => void;
+};
+export declare const ServicesImageCard: React.FC<Props>;
+export {};

package/dist/components/Cards/ServicesImageCard/ServicesImageCard.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ServicesImageCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const P_1 = require("../../P");
+const components_1 = require("../components");
+const shared_styles_1 = require("../shared.styles");
+const ServicesImageCard_styles_1 = require("./ServicesImageCard.styles");
+const ServicesImageCard = ({ badgeText, image, heading, subHeading, onPress, }) => {
+    const hasBadge = !!badgeText;
+    const [cardHeight, setCardHeight] = (0, react_1.useState)(0);
+    const onLayout = (0, react_1.useCallback)((e) => {
+        const { height: layoutHeight } = e.nativeEvent.layout;
+        setCardHeight(layoutHeight);
+    }, []);
+    const pushImage = (0, react_1.useMemo)(() => cardHeight > shared_styles_1.SMALL_CARD_HEIGHT, [cardHeight]);
+    const content = ((0, jsx_runtime_1.jsxs)(ServicesImageCard_styles_1.CardWithServicesImage, { isSmall: true, onPress: onPress, onLayout: onLayout, children: [(0, jsx_runtime_1.jsxs)(ServicesImageCard_styles_1.TextContent, { hasBadge: hasBadge, pushImage: pushImage, children: [(0, jsx_runtime_1.jsx)(ServicesImageCard_styles_1.HeadingContainer, { subHeading: !!subHeading, children: (0, jsx_runtime_1.jsx)(components_1.ResponsiveHeading, { heading: heading }) }), !!subHeading && ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(P_1.P, { children: subHeading }) }))] }), (0, jsx_runtime_1.jsx)(ServicesImageCard_styles_1.ImageContent, { pushImage: pushImage, children: (0, jsx_runtime_1.jsx)(ServicesImageCard_styles_1.CardImage, { pushImage: pushImage, source: typeof image === 'string' ? { uri: image } : image, resizeMode: "cover" }) })] }));
+    if (!hasBadge)
+        return content;
+    return ((0, jsx_runtime_1.jsx)(components_1.ContainerWithCardBadge, { badgeText: badgeText, children: content }));
+};
+exports.ServicesImageCard = ServicesImageCard;