@datlv-trustshop/shopify-inapp-components 0.1.14 → 0.1.15

package/dist/components/PartnerIntegration.d.ts

@@ -23,7 +23,6 @@ export interface PartnerIntegrationProps {
         onInstall: () => void;
         onOpen: () => void;
     }) => React.ReactNode;
-    maxColumns?: 1 | 2 | 3;
     showEmptyState?: boolean;
     statusProvider?: IntegrationStatusProvider;
 }

package/dist/components/PartnerIntegration.js

@@ -3,7 +3,7 @@ import { Badge, BlockStack, Box, Button, Card, InlineStack, Text, Grid, Skeleton
 import { ExternalIcon } from "@shopify/polaris-icons";
 import { usePartnerIntegrations } from "../hooks/usePartnerIntegration";
 import { useDashboardContext } from "../provider/DashboardProvider";
-export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen, onUpgradeClick, renderCard, maxColumns = 2, showEmptyState = true, statusProvider, }) => {
+export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen, onUpgradeClick, renderCard, showEmptyState = true, statusProvider, }) => {
     const { groups, loading, error } = usePartnerIntegrations();
     const { translations } = useDashboardContext();
     const handleManage = (item) => {
@@ -151,7 +151,13 @@ export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen
     };
     // Loading state
     if (loading) {
-        return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: [1, 2, 3].map((groupIndex) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(SkeletonBodyText, { lines: 1 }) }), _jsx(Grid, { children: [1, 2].map((cardIndex) => (_jsx(Grid.Cell, { columnSpan: { xs: 6, md: maxColumns === 1 ? 6 : 6 }, children: _jsx(Card, { children: _jsx(BlockStack, { gap: "300", children: _jsx(SkeletonBodyText, { lines: 3 }) }) }) }, `skeleton-card-${groupIndex}-${cardIndex}`))) })] }, `skeleton-group-${groupIndex}`))) }) }));
+        return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: [1, 2, 3].map((groupIndex) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(SkeletonBodyText, { lines: 1 }) }), _jsx(Grid, { children: [1, 2].map((cardIndex) => (_jsx(Grid.Cell, { columnSpan: {
+                                    xs: 6,
+                                    sm: 6,
+                                    md: 3,
+                                    lg: 3,
+                                    xl: 3,
+                                }, children: _jsx(Card, { children: _jsx(BlockStack, { gap: "300", children: _jsx(SkeletonBodyText, { lines: 3 }) }) }) }, `skeleton-card-${groupIndex}-${cardIndex}`))) })] }, `skeleton-group-${groupIndex}`))) }) }));
     }
     // Error state
     if (error) {
@@ -170,7 +176,10 @@ export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen
     // Render groups
     return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: groups.map((group) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(Text, { as: "h3", variant: "headingMd", fontWeight: "semibold", children: group.title }) }), _jsx(Grid, { children: group.items.map((item) => (_jsx(Grid.Cell, { columnSpan: {
                                 xs: 6,
-                                md: maxColumns === 1 ? 6 : maxColumns === 3 ? 2 : 3,
+                                sm: 6,
+                                md: 3,
+                                lg: 3,
+                                xl: 3,
                             }, children: renderIntegrationCard(item) }, `integration-cell--${item.id || item.key}`))) })] }, `integration-group--${group.key}`))) }) }));
 };
 export default PartnerIntegration;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datlv-trustshop/shopify-inapp-components",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "private": false,
   "description": "React TypeScript components for Shopify in-app dashboard content",
   "main": "dist/index.js",