@stenajs-webui/panels 22.2.2 → 22.4.0

package/dist/components/action-menu-button/ActionMenuButton.d.ts

@@ -16,5 +16,9 @@ export interface ActionMenuButtonProps extends Omit<PrimaryButtonProps, "variant
     buttonComponent: typeof PrimaryButton | typeof SecondaryButton | typeof FlatButton;
     disableArrow?: boolean;
     buttonRef?: RefObject<HTMLButtonElement | null>;
+    /**
+     * Use if focus should not be trapped inside the Action Menu.
+     * Defaults to false. */
+    disableTrapFocus?: boolean;
 }
 export declare const ActionMenuButton: React.FC<ActionMenuButtonProps>;

package/dist/components/cards/product-card/LargePrice.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+export interface LargePriceProps extends PropsWithChildren {
+}
+export declare const LargePrice: React.FC<LargePriceProps>;

package/dist/components/cards/product-card/ProductCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { PropsWithChildren, ReactNode } from "react";
+export interface ProductCardProps extends PropsWithChildren {
+    renderSelectedProductCard?: () => ReactNode;
+    renderEditButton?: () => ReactNode;
+    loading?: boolean;
+    border?: boolean;
+}
+export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/cards/product-card/ProductCardContentItem.d.ts

@@ -0,0 +1,16 @@
+import { HeadingVariant } from "@stenajs-webui/core";
+import * as React from "react";
+import { PropsWithChildren, ReactNode } from "react";
+export interface ProductCardContentItemProps extends PropsWithChildren {
+    title: string;
+    headingLevel?: HeadingVariant;
+    subTitle?: string;
+    description?: string;
+    subDescription?: string;
+    descriptionTags?: ReactNode;
+    capacityTag?: string;
+    offerCodeTag?: ReactNode;
+    priceText?: string;
+    renderImage?: () => ReactNode;
+}
+export declare const ProductCardContentItem: React.FC<ProductCardContentItemProps>;

package/dist/components/cards/product-card/ProductCardContentItemSkeletor.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface ProductCardContentItemSkeletorProps {
+    renderImage?: () => ReactNode;
+}
+export declare const ProductCardContentItemSkeletor: React.FC<ProductCardContentItemSkeletorProps>;

package/dist/components/cards/product-card/SelectedProductCard.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+export interface SelectedProductCardProps extends PropsWithChildren {
+    label: string;
+}
+export declare const SelectedProductCard: React.FC<SelectedProductCardProps>;

package/dist/components/cards/product-summary-card/ProductSummaryCard.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { PropsWithChildren, ReactNode } from "react";
+import { MediumIcon, XlIcon } from "@stenajs-webui/elements";
+export type ProductCategoryCardVariant = "edit" | "upgrade" | "normal";
+export interface ProductSummaryCardProps extends PropsWithChildren {
+    title?: string;
+    variant?: ProductCategoryCardVariant;
+    loading?: boolean;
+    iconLeft?: XlIcon;
+    compactIconLeft?: MediumIcon;
+    renderButton?: () => React.ReactNode;
+    renderOfferCodeTag?: () => ReactNode;
+    renderMandatoryTag?: () => ReactNode;
+    renderContentLeftOfButton?: () => ReactNode;
+}
+export declare const ProductSummaryCard: React.FC<ProductSummaryCardProps>;

package/dist/components/cards/product-summary-card/ProductSummaryCardSkeletor.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export interface ProductSummaryCardSkeletorProps {
+    iconLeft?: IconDefinition;
+}
+export declare const ProductSummaryCardSkeletor: React.FC<ProductSummaryCardSkeletorProps>;

package/dist/components/image-carousel/ImageCarousel.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import "./ImageCarousel.module.css";
+import "yet-another-react-lightbox/styles.css";
+export interface CarouselImage {
+    url: string;
+    alt: string;
+    width: number;
+    height: number;
+    title?: string;
+    description?: string;
+    fullscreenImage?: {
+        url: string;
+        width: number;
+        height: number;
+    };
+}
+export interface ImageCarouselProps {
+    images: Array<CarouselImage>;
+    altLabelPrevious: string;
+    altLabelNext: string;
+    altLabelClose: string;
+    altLabelZoomIn: string;
+    altLabelZoomOut: string;
+}
+export declare const ImageCarousel: React.FC<ImageCarouselProps>;

package/dist/index.d.ts

@@ -35,3 +35,11 @@ export * from "./components/sidebar-menu/items/SidebarMenuCollapsible";
 export * from "./components/sidebar-menu/items/SidebarMenuSeparator";
 export * from "./components/selected-items-actions-panel/SelectedItemsActionsPanel";
 export * from "./components/selected-items-actions-panel/SelectedItemsActionsPadding";
+export * from "./components/cards/product-card/ProductCard";
+export * from "./components/cards/product-card/ProductCardContentItem";
+export * from "./components/cards/product-card/ProductCardContentItemSkeletor";
+export * from "./components/cards/product-card/SelectedProductCard";
+export * from "./components/cards/product-summary-card/ProductSummaryCard";
+export * from "./components/cards/product-summary-card/ProductSummaryCardSkeletor";
+export * from "./components/image-carousel/ImageCarousel";
+export * from "./utils/UseDeviceSize";