@cakemail-org/ui-components-v2 2.2.124 → 2.2.125

package/dist/cjs/components/index.d.ts

@@ -35,6 +35,10 @@ export * from "./logo";
 export * from "./metricCard";
 export * from "./modal";
 export * from "./overlay";
+export * from "./resourceCard";
+export { ResourceCardGrid } from "./resourceCard/ResourceCardGrid";
+export { computeResourceCardGridColumns } from "./resourceCard/gridTypes";
+export type { TResourceCardGrid } from "./resourceCard/gridTypes";
 export * from "./radio";
 export * from "./resourceEdit";
 export * from "./scopePicker";

package/dist/cjs/components/resourceCard/ResourceCardGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { TResourceCardGrid } from "./gridTypes";
+import "./gridStyles.scss";
+export declare function ResourceCardGrid({ children, maxCardWidth, minCardWidth, gap, className, }: TResourceCardGrid): React.JSX.Element;
+export default ResourceCardGrid;

package/dist/cjs/components/resourceCard/gridTypes.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+export type TResourceCardGrid = {
+    children: ReactNode;
+    maxCardWidth?: number;
+    minCardWidth?: number;
+    gap?: number;
+    className?: string;
+};
+export declare function computeResourceCardGridColumns({ containerWidth, maxCardWidth, minCardWidth, gap, }: {
+    containerWidth: number;
+    maxCardWidth: number;
+    minCardWidth: number;
+    gap: number;
+}): number;

package/dist/cjs/components/resourceCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "./styles.scss";
+import { TResourceCard } from "./types";
+export declare function ResourceCard({ title, description, chip, support, imageUrl, primaryAction, primaryActionLabel, secondaryAction, secondaryActionLabel, additionalActions, className, }: TResourceCard): React.JSX.Element;
+export default ResourceCard;

package/dist/cjs/components/resourceCard/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { TDropMenuItem } from "../dropMenu/types";
+export type TResourceCardAdditionalAction = Omit<TDropMenuItem, "isMultiSelect" | "selected"> & {
+    renderedText?: string;
+};
+export type TResourceCard = {
+    title: string;
+    description?: string;
+    chip?: ReactNode;
+    support?: ReactNode;
+    imageUrl?: string;
+    primaryAction?: () => void;
+    primaryActionLabel?: string;
+    secondaryAction?: () => void;
+    secondaryActionLabel?: string;
+    additionalActions?: TResourceCardAdditionalAction[];
+    className?: string;
+};