@prokodo/ui 0.1.2 → 0.1.3

package/dist/types/components/accordion/Accordion.model.d.ts

@@ -11,6 +11,7 @@ export type AccordionItem = {
     title: string;
     titleOptions?: HeadlineProps;
     renderHeader?: ReactNode;
+    renderHeaderActions?: ReactNode;
     renderContent: ReactNode;
     actions?: AccordionAction[];
     className?: string;

package/dist/types/components/card/Card.model.d.ts

@@ -4,13 +4,12 @@ import type { LinkProps } from "../link";
 import type { SkeletonProps } from "../skeleton";
 import type { Variants } from "@/types/variants";
 import type { StaticImageData } from "next/image";
-import type { Ref, ReactNode, KeyboardEvent, ElementType } from "react";
+import type { Ref, ReactNode, KeyboardEvent } from "react";
 export type CardVariant = Variants;
 export type CardBackgroundProps = {
-    imageComponent: ElementType;
     src?: string | StaticImageData;
     alt?: string;
-} & Omit<ImageProps, "src" | "alt" | "width" | "height" | "imageComponent">;
+} & Omit<ImageProps, "src" | "alt" | "width" | "height">;
 export type CardProps = {
     ref?: Ref<HTMLDivElement>;
     variant?: CardVariant;

package/dist/types/components/dialog/Dialog.model.d.ts

@@ -19,6 +19,7 @@ export type DialogViewProps = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
     title?: string;
     titleProps?: Omit<HeadlineProps, "children">;
+    height?: number;
     hideTitle?: boolean;
     renderHeader?: () => ReactNode;
     hideCloseButton?: boolean;

package/dist/types/components/dialog/Dialog.view.d.ts

@@ -1,3 +1,3 @@
 import type { DialogViewProps } from "./Dialog.model";
 import type { JSX } from "react";
-export declare function DialogView({ open, title, containerRef, hideTitle, renderHeader, hideCloseButton, translations, actions, contentProps, contentRef, containerChildren, className, classNameHeader, scroll, fullScreen, titleProps, children, onClose, onCloseKeyDown, wrapperProps, closeOnBackdropClick, closeButtonProps, closeButtonRef, ...rest }: DialogViewProps): JSX.Element;
+export declare function DialogView({ open, title, containerRef, hideTitle, renderHeader, hideCloseButton, translations, actions, contentProps, contentRef, containerChildren, className, classNameHeader, height, scroll, fullScreen, titleProps, children, onClose, onCloseKeyDown, wrapperProps, closeOnBackdropClick, closeButtonProps, closeButtonRef, ...rest }: DialogViewProps): JSX.Element;

package/dist/types/components/form/Form.model.d.ts

@@ -8,9 +8,10 @@ import { InputOTP } from "../inputOTP";
 import { Select, type SelectProps } from "../select";
 import { Slider, type SliderProps } from "../slider";
 import { Switch, type SwitchProps } from "../switch";
+import { Rating, type RatingProps } from "../rating";
 import type { FormFieldProps } from "./FormField.client";
 export type FormVariants = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-export type FormFieldTypes = "input" | "select" | "switch" | "slider" | "date" | "dynamic-list";
+export type FormFieldTypes = "input" | "select" | "switch" | "slider" | "date" | "dynamic-list" | "rating";
 export type FormFieldValue = string | boolean | string[] | Record<string, string>[] | undefined;
 export type FormFieldCondition = {
     fieldId: string;
@@ -41,7 +42,10 @@ export type FormFieldDate = FormFieldOptionals & {
 export type FormFieldDynamicList = FormFieldOptionals & {
     fieldType: "dynamic-list";
 } & DynamicListProps;
-export type FormField = FormFieldInput | FormFieldSelect | FormFieldSwitch | FormFieldSlider | FormFieldDate | FormFieldDynamicList;
+export type FormFieldRating = FormFieldOptionals & {
+    fieldType: "rating";
+} & RatingProps;
+export type FormField = FormFieldInput | FormFieldSelect | FormFieldSwitch | FormFieldSlider | FormFieldDate | FormFieldDynamicList | FormFieldRating;
 export type FormMessagesErrors = {
     [key: string]: string[];
 };
@@ -59,7 +63,7 @@ export type FormFieldMessagesErrors = {
 export type FormFieldMessages = {
     errors?: FormFieldMessagesErrors;
 };
-export type FormAllowedChildren = ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch> | ReactElement<typeof DynamicList>;
+export type FormAllowedChildren = ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch> | ReactElement<typeof DynamicList> | ReactElement<typeof Rating>;
 export type ParentComponentProps = {
     children: FormAllowedChildren | FormAllowedChildren[];
 };

package/dist/types/components/image/Image.d.ts

@@ -1,4 +1,28 @@
-import type { ImageProps } from "./Image.model";
-export declare const Image: import("react").ComponentType<ImageProps & {
+export declare const Image: import("react").ComponentType<Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "width" | "height" | "src"> & {
+    caption?: string;
+    src?: string | import("next/image").StaticImageData;
+    containerClassName?: string;
+    captionClassName?: string;
+} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref" | "loading" | "width" | "height" | "src" | "alt" | "srcSet"> & {
+    src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    loader?: import("next/image").ImageLoader;
+    quality?: number | `${number}`;
+    priority?: boolean;
+    loading?: "lazy" | "eager" | undefined;
+    placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    overrideSrc?: string;
+    onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+    layout?: string;
+    objectFit?: string;
+    objectPosition?: string;
+    lazyBoundary?: string;
+    lazyRoot?: string;
+} & {
     priority?: boolean;
 }>;

package/dist/types/components/image/Image.lazy.d.ts

@@ -1,5 +1,29 @@
-import type { ImageProps } from "./Image.model";
-declare const _default: import("react").ComponentType<ImageProps & {
+declare const _default: import("react").ComponentType<Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "width" | "height" | "src"> & {
+    caption?: string;
+    src?: string | import("next/image").StaticImageData;
+    containerClassName?: string;
+    captionClassName?: string;
+} & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref" | "loading" | "width" | "height" | "src" | "alt" | "srcSet"> & {
+    src: string | import("next/dist/shared/lib/get-img-props").StaticImport;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    loader?: import("next/image").ImageLoader;
+    quality?: number | `${number}`;
+    priority?: boolean;
+    loading?: "lazy" | "eager" | undefined;
+    placeholder?: import("next/dist/shared/lib/get-img-props").PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    overrideSrc?: string;
+    onLoadingComplete?: import("next/dist/shared/lib/get-img-props").OnLoadingComplete;
+    layout?: string;
+    objectFit?: string;
+    objectPosition?: string;
+    lazyBoundary?: string;
+    lazyRoot?: string;
+} & {
     priority?: boolean;
 }>;
 export default _default;

package/dist/types/components/image/Image.model.d.ts

@@ -1,14 +1,9 @@
 import type { ImageProps as NextImageProps, StaticImageData } from "next/image";
-import type { ImgHTMLAttributes, ElementType } from "react";
+import type { ImgHTMLAttributes } from "react";
 export type BaseImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "width" | "height"> & {
     caption?: string;
     src?: string | StaticImageData;
     containerClassName?: string;
     captionClassName?: string;
-    imageComponent?: ElementType;
 };
-export type ImageProps = BaseImageProps & ({
-    imageComponent?: undefined;
-} | ({
-    imageComponent: ElementType;
-} & NextImageProps));
+export type ImageProps = BaseImageProps & NextImageProps;

package/dist/types/components/post-teaser/PostTeaser.view.d.ts

@@ -1,3 +1,3 @@
-import { type JSX } from "react";
 import type { PostTeaserViewProps } from "./PostTeaser.model";
+import type { JSX } from "react";
 export declare function PostTeaserView(props: PostTeaserViewProps): JSX.Element;

package/dist/types/components/post-widget/PostWidget.view.d.ts

@@ -1,3 +1,3 @@
-import { type JSX } from "react";
 import type { PostWidgetProps } from "./PostWidget.model";
+import type { JSX } from "react";
 export declare function PostWidgetView({ fullWidth, className, title, listClassName, contentClassName, items, classes, componentsProps, structuredData, ...rest }: PostWidgetProps): JSX.Element;

package/dist/types/components/post-widget-carousel/PostWidgetCarousel.view.d.ts

@@ -1,3 +1,3 @@
-import { type JSX } from "react";
 import type { PostWidgetCarouselProps } from "./PostWidgetCarousel.model";
+import type { JSX } from "react";
 export declare function PostWidgetCarouselView(props: PostWidgetCarouselProps): JSX.Element;

package/dist/types/components/rating/Rating.client.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "react";
+import type { RatingProps } from "./Rating.model";
+declare function RatingClient({ isFocused, name, value, defaultValue, max, min, disabled, readOnly, required, helperText, errorText, errorTranslations, fullWidth, className, fieldClassName, groupClassName, iconClassName, inputRef, onChange, onValidate, onFocus, onBlur, ...rest }: RatingProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof RatingClient>;
+export default _default;

package/dist/types/components/rating/Rating.d.ts

@@ -0,0 +1,4 @@
+import type { RatingProps } from "./Rating.model";
+export declare const Rating: import("react").ComponentType<RatingProps & {
+    priority?: boolean;
+}>;

package/dist/types/components/rating/Rating.lazy.d.ts

@@ -0,0 +1,5 @@
+import type { RatingProps } from "./Rating.model";
+declare const _default: import("react").ComponentType<RatingProps & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/rating/Rating.model.d.ts

@@ -0,0 +1,52 @@
+import type { LabelProps } from "../label";
+import type { Ref, FocusEvent, MouseEvent } from "react";
+export type RatingValue = number | string;
+export type RatingChangeEvent = {
+    name: string;
+    value: RatingValue;
+};
+export type RatingChangeEventHandler = (event: RatingChangeEvent) => void;
+export type RatingValidateEvent = (name: string, error?: string) => void;
+export type RatingFocusEvent = FocusEvent<HTMLElement>;
+export type RatingFocusEventHandler = (event: RatingFocusEvent) => void;
+export type RatingBlurEvent = RatingFocusEvent;
+export type RatingBlurEventHandler = (event: RatingBlurEvent) => void;
+export type RatingErrorTranslations = {
+    required?: string;
+    min?: string;
+    max?: string;
+};
+export type RatingProps = {
+    id?: string;
+    name: string;
+    label?: string;
+    labelProps?: Omit<LabelProps, "label" | "required" | "error" | "htmlFor">;
+    value?: RatingValue;
+    defaultValue?: RatingValue;
+    max?: number;
+    min?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    helperText?: string;
+    errorText?: string;
+    errorTranslations?: RatingErrorTranslations;
+    isFocused?: boolean;
+    className?: string;
+    fieldClassName?: string;
+    groupClassName?: string;
+    iconClassName?: string;
+    hideLegend?: boolean;
+    onChange?: RatingChangeEventHandler;
+    onValidate?: RatingValidateEvent;
+    onFocus?: RatingFocusEventHandler;
+    onBlur?: RatingBlurEventHandler;
+    inputRef?: Ref<HTMLInputElement>;
+};
+export type RatingViewProps = RatingProps & {
+    hoverValue?: RatingValue;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onMouseEnter?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onMouseLeave?: () => void;
+};

package/dist/types/components/rating/Rating.server.d.ts

@@ -0,0 +1,3 @@
+import type { RatingProps } from "./Rating.model";
+import type { JSX } from "react";
+export default function RatingServer(p: RatingProps): JSX.Element;

package/dist/types/components/rating/Rating.validation.d.ts

@@ -0,0 +1,2 @@
+import type { RatingErrorTranslations, RatingValidateEvent, RatingValue } from "./Rating.model";
+export declare function handleRatingValidation(name: string, value?: RatingValue, required?: boolean, min?: number, max?: number, errorTranslations?: RatingErrorTranslations, onValidate?: RatingValidateEvent): void;

package/dist/types/components/rating/Rating.view.d.ts

@@ -0,0 +1,3 @@
+import type { RatingViewProps } from "./Rating.model";
+import type { JSX } from "react";
+export declare function RatingView(props: RatingViewProps): JSX.Element;

package/dist/types/components/rating/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Rating";
+export type { RatingProps, RatingChangeEvent, RatingChangeEventHandler, RatingValidateEvent, RatingErrorTranslations, RatingFocusEvent, RatingFocusEventHandler, RatingBlurEvent, RatingBlurEventHandler, } from "./Rating.model";

package/dist/types/components/snackbar/Snackbar.model.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from "react";
+import type { IconProps } from "../icon";
+import type { HTMLAttributes, ReactNode } from "react";
 export type SnackbarVariant = "default" | "success" | "error" | "warning" | "info";
 export type SnackbarAnchorOrigin = {
     vertical: "top" | "bottom";
@@ -17,4 +18,6 @@ export interface SnackbarProps {
     elevation?: number;
     onClose?: SnackbarCloseHandler;
     className?: string;
+    closeButtonProps?: HTMLAttributes<HTMLButtonElement>;
+    closeIconProps?: IconProps;
 }

package/dist/types/components/snackbar/Snackbar.view.d.ts

@@ -4,4 +4,4 @@ export interface SnackbarViewProps extends Omit<SnackbarProps, "open"> {
     onClose?: SnackbarCloseHandler;
     readOnly?: boolean;
 }
-export declare function SnackbarView({ message, variant, anchorOrigin, action, closeable, elevation, className, onClose, readOnly, }: SnackbarViewProps): JSX.Element;
+export declare function SnackbarView({ message, variant, anchorOrigin, action, closeable, elevation, className, onClose, readOnly, closeButtonProps, closeIconProps, }: SnackbarViewProps): JSX.Element;

package/dist/types/components/snackbar/SnackbarProvider.model.d.ts

@@ -1,18 +1,8 @@
-import type { SnackbarVariant } from "./Snackbar.model";
+import type { SnackbarProps } from "./Snackbar.model";
 import type { ReactNode } from "react";
-export interface SnackbarPayload {
+export type SnackbarPayload = SnackbarProps & {
     id?: string;
-    className?: string;
-    message: ReactNode;
-    variant?: SnackbarVariant;
-    autoHideDuration?: number;
-    action?: ReactNode;
-    anchorOrigin?: {
-        vertical: "top" | "bottom";
-        horizontal: "left" | "center" | "right";
-    };
-    closeable?: boolean;
-}
+};
 export interface SnackbarContextValue {
     enqueue: (s: SnackbarPayload) => string;
     close: (id: string) => void;

package/dist/types/index.d.ts

@@ -32,6 +32,7 @@ export { PostWidget } from "./components/post-widget";
 export { PostWidgetCarousel } from "./components/post-widget-carousel";
 export { ProgressBar } from "./components/progressBar";
 export { Quote } from "./components/quote";
+export { Rating } from "./components/rating";
 export { RichText } from "./components/rich-text";
 export { Select } from "./components/select";
 export { SideNav } from "./components/sidenav";