@prokodo/ui 0.0.4 → 0.0.6

package/dist/types/components/slider/Slider.model.d.ts

@@ -0,0 +1,11 @@
+import type { LabelProps } from "../label";
+import type { SliderProps as MUISliderProps } from "@mui/base/Slider";
+import type { HTMLAttributes } from "react";
+export type SliderProps = Omit<MUISliderProps, "value"> & {
+    id: string;
+    value?: string | number | number[];
+    label?: string;
+    labelProps?: LabelProps;
+    valueLabelProps?: HTMLAttributes<HTMLSpanElement>;
+    required?: boolean;
+};

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

@@ -0,0 +1,2 @@
+export * from "./Slider";
+export type * from "./Slider.model";

package/dist/types/components/stepper/Stepper.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { StepperProps } from "./Stepper.model";
+export declare const Stepper: FC<StepperProps>;

package/dist/types/components/stepper/Stepper.model.d.ts

@@ -0,0 +1,24 @@
+import type { Ref, HTMLAttributes } from "react";
+export type StepperRef = {
+    jumpToStep: (index: number) => void;
+};
+export type StepperTranslations = {
+    stepper: string;
+    step: string;
+    status: {
+        open: string;
+        completed: string;
+    };
+};
+export type Step = HTMLAttributes<HTMLLIElement> & {
+    key?: string;
+    label?: string;
+    labelProps?: HTMLAttributes<HTMLDivElement>;
+};
+export type StepperProps = HTMLAttributes<HTMLOListElement> & {
+    ref?: Ref<StepperRef>;
+    steps: Step[];
+    onChangeStep?: (index: number) => void;
+    initialStep?: number;
+    translations?: StepperTranslations;
+};

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

@@ -0,0 +1,2 @@
+export * from "./Stepper";
+export type * from "./Stepper.model";

package/dist/types/components/switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { SwitchProps } from "./Switch.model";
+export declare const Switch: FC<SwitchProps>;

package/dist/types/components/switch/Switch.model.d.ts

@@ -0,0 +1,18 @@
+import type { IconName } from "../icon";
+import type { LabelProps } from "../label";
+import type { SwitchProps as MUISwitchProps } from "@mui/base";
+import type { ChangeEvent } from "react";
+export type SwitchColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+export type SwitchProps = Omit<MUISwitchProps, "component" | "onChange"> & {
+    variant?: SwitchColor;
+    label?: string;
+    labelProps?: Omit<LabelProps, "label" | "require">;
+    name: string;
+    icon?: IconName;
+    checkedIcon?: IconName;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+};
+export type IconRenderProps = {
+    name: IconName;
+    isChecked?: boolean;
+};

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

@@ -0,0 +1,2 @@
+export * from "./Switch";
+export * from "./Switch.model";

package/dist/types/components/table/Table.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { TableProps } from "./Table.model";
+export declare const Table: FC<TableProps>;

package/dist/types/components/table/Table.model.d.ts

@@ -0,0 +1,32 @@
+import type { Variants } from "@/types/variants";
+import type { ReactNode, TableHTMLAttributes, HTMLAttributes } from "react";
+export type TableHeaderCellProps = {
+    label?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    className?: string;
+};
+export type TableBodyCellProps = {
+    label?: string;
+    icon?: ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    className?: string;
+};
+export type TableRowProps = {
+    data: TableBodyCellProps[];
+    className?: string;
+};
+export type TableData = {
+    header?: TableHeaderCellProps[];
+    body?: TableRowProps[];
+};
+export type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+    ariaLabel: string;
+    caption: string;
+    variant?: Variants;
+    headerType?: "single" | "double";
+    data?: TableData;
+    headerProps?: HTMLAttributes<HTMLTableSectionElement>;
+    bodyProps?: HTMLAttributes<HTMLTableSectionElement>;
+};

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

@@ -0,0 +1,2 @@
+export type * from "./Table.model";
+export * from "./Table";

package/dist/types/components/teaser/Teaser.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { TeaserProps } from "./Teaser.model";
+export declare const Teaser: FC<TeaserProps>;

package/dist/types/components/teaser/Teaser.model.d.ts

@@ -0,0 +1,29 @@
+import type { HeadlineProps } from "../headline";
+import type { IconProps } from "../icon";
+import type { ImageProps } from "../image";
+import type { LinkProps } from "../link";
+import type { LottieAnimation } from "../lottie";
+import type { Variants } from "@/types/variants";
+export type TeaserVariant = Variants;
+export type TeaserHeadline = {
+    content: string;
+} & Omit<HeadlineProps, "children">;
+export type TeaserImage = ImageProps;
+export type TeaserAnimation = LottieAnimation;
+export type TeaserRedirect = LinkProps & {
+    label?: string;
+    icon?: IconProps;
+};
+export type TeaserAlign = "left" | "center" | "right";
+export type TeaserProps = {
+    className?: string;
+    variant?: TeaserVariant;
+    align?: TeaserAlign;
+    lineClamp?: boolean;
+    title: TeaserHeadline;
+    content?: string;
+    image?: TeaserImage;
+    animation?: TeaserAnimation;
+    onClick?: () => void;
+    redirect?: TeaserRedirect;
+};

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

@@ -0,0 +1,2 @@
+export * from "./Teaser";
+export type * from "./Teaser.model";

package/dist/types/helpers/bem.d.ts

@@ -0,0 +1,8 @@
+import { type WordSet } from "react-bem-helper";
+type Styles = {
+    readonly [key: string]: string;
+};
+type ClassNames = (element?: string, modifiers?: WordSet, extra?: WordSet) => string;
+export declare const COMPANY_PREFIX = "prokodo";
+declare function create(styles: Styles, blockName: string): ClassNames;
+export { create };

package/dist/types/helpers/calculation.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateWordCount: (text?: string) => number;
+export declare const calculateReadingTime: (wordsPerMinute: number, text?: string) => number;

package/dist/types/helpers/effect.d.ts

@@ -0,0 +1 @@
+export declare const throttleLayoutEffect: <T extends (...args: unknown[]) => void>(callback: T) => ((...args: Parameters<T>) => void);

package/dist/types/helpers/getTracking.d.ts

@@ -0,0 +1,5 @@
+export type Tracking = {
+    gclid?: string | null;
+    gaClientId?: string | null;
+};
+export declare const getTracking: () => Tracking | null;

package/dist/types/helpers/theme.d.ts

@@ -0,0 +1 @@
+export declare const getTheme: () => "light" | "dark" | null;

package/dist/types/helpers/validations.d.ts

@@ -0,0 +1,6 @@
+export declare const isString: (e?: string | null) => boolean;
+export declare const isEqual: (a?: string, b?: string) => boolean;
+export declare const isNumber: (e?: number | null) => boolean;
+export declare const isArray: <T>(array: T[] | null | undefined) => array is T[];
+export declare const isNull: (e: unknown) => boolean;
+export declare const isTrue: (e?: boolean) => boolean;

package/dist/types/hooks/useGoogleMaps.d.ts

@@ -0,0 +1 @@
+export declare const useGoogleMaps: (apiKey: string, reload?: boolean) => boolean;

package/dist/types/hooks/useThrottleScroll.d.ts

@@ -0,0 +1 @@
+export declare const useThrottledScroll: (callback: () => void) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,80 @@
+export { Accordion } from "./components/accordion";
+export { Animated } from "./components/animated";
+export { AnimatedText } from "./components/animatedText";
+export { Avatar } from "./components/avatar";
+export { BaseLink } from "./components/base-link";
+export { Button } from "./components/button";
+export { Calendly } from "./components/calendly";
+export { Card } from "./components/card";
+export { Carousel } from "./components/carousel";
+export { Chip } from "./components/chip";
+export { DatePicker } from "./components/datePicker";
+export { Dialog } from "./components/dialog";
+export { Drawer } from "./components/drawer";
+export { Form, FormResponse } from "./components/form";
+export { Grid, GridRow } from "./components/grid";
+export { Headline } from "./components/headline";
+export { Icon } from "./components/icon";
+export { Image } from "./components/image";
+export { ImageText } from "./components/image-text";
+export { Input } from "./components/input";
+export { InputOTP } from "./components/inputOTP";
+export { Label } from "./components/label";
+export { Link } from "./components/link";
+export { List } from "./components/list";
+export { Loading } from "./components/loading";
+export { Lottie } from "./components/lottie";
+export { Map } from "./components/map";
+export { PostItem } from "./components/post-item";
+export { PostTeaser } from "./components/post-teaser";
+export { PostWidget } from "./components/post-widget";
+export { PostWidgetCarousel } from "./components/post-widget-carousel";
+export { Quote } from "./components/quote";
+export { RichText } from "./components/rich-text";
+export { Select } from "./components/select";
+export { Skeleton } from "./components/skeleton";
+export { Slider } from "./components/slider";
+export { Stepper } from "./components/stepper";
+export { Switch } from "./components/switch";
+export { Table } from "./components/table";
+export { Teaser } from "./components/teaser";
+export type { AccordionProps, AccordionItem, AccordionAction, } from "./components/accordion";
+export type { AnimatedProps } from "./components/animated";
+export type { AnimatedTextProps } from "./components/animatedText";
+export type { AvatarProps, AvatarSize } from "./components/avatar";
+export type { BaseLinkProps } from "./components/base-link";
+export type { ButtonProps, ButtonColor, ButtonIconProps, ButtonDefaultProps, } from "./components/button";
+export type { CalendlyProps, CalendlyColorOptions, CalendlyData, CalendlyDataCustomAnswers, } from "./components/calendly";
+export type { CardProps, CardBackground, CardBackgroundProps, CardVariant, } from "./components/card";
+export type { CarouselProps, CarouselDirection, CarouselRef, } from "./components/carousel";
+export type { ChipProps, ChipColor, ChipVariant } from "./components/chip";
+export type { DatePickerProps, DatePickerValue, DatePickerErrorTranslations, } from "./components/datePicker";
+export type { DialogProps, DialogAction, DialogActions, DialogRef, DialogTranslations, } from "./components/dialog";
+export type { DrawerProps } from "./components/drawer";
+export type { FormProps, FormField, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants, } from "./components/form";
+export type { GridProps, GridRowProps } from "./components/grid";
+export type { HeadlineProps, HeadlineSizeProps, HeadlineTypeProps, HeadlineVariant, } from "./components/headline";
+export type { IconProps, IconColor, IconName, IconSize, } from "./components/icon";
+export type { ImageProps } from "./components/image";
+export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, ImageTextAnimation, } from "./components/image-text";
+export type { InputProps, InputChangeEvent, InputColor, InputErrorTranslations, InputValidateEvent, } from "./components/input";
+export type { InputOTPProps } from "./components/inputOTP";
+export type { LabelProps } from "./components/label";
+export type { LinkProps, LinkClassNames, LinkClickProps, LinkDefaultProps, LinkHrefProps, LinkVariants, } from "./components/link";
+export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListItemProps, ListType, ListVariant, } from "./components/list";
+export type { LoadingProps, LoadingSize } from "./components/loading";
+export type { LottieProps, LottieAnimation } from "./components/lottie";
+export type { MapProps, MapCenter, MapMarker, MapMarkerPosition, } from "./components/map";
+export type { PostItemProps, PostItemAuthorAvatar, PostItemAuthorProps, PostItemHeadline, } from "./components/post-item";
+export type { PostTeaserProps, PostTeaserHeadline, PostTeaserImage, PostTeaserRedirect, } from "./components/post-teaser";
+export type { PostWidgetProps, PostWidgetHeadline, PostWidgetImage, PostWidgetItem, PostWidgetRedirect, } from "./components/post-widget";
+export type { PostWidgetCarouselProps, PostWidgetCarouselHeadline, PostWidgetCarouselImage, PostWidgetCarouselItem, PostWidgetCarouselRedirect, } from "./components/post-widget-carousel";
+export type { QuoteProps, QuoteAuthor, QuoteHeadline } from "./components/quote";
+export type { RichTextProps } from "./components/rich-text";
+export type { SelectProps, SelectChangeEvent, SelectColor, SelectEvent, SelectItem, SelectValueMultiple, SelectValueSingle, } from "./components/select";
+export type { SkeletonProps } from "./components/skeleton";
+export type { SliderProps } from "./components/slider";
+export type { StepperProps, StepperRef, StepperTranslations, } from "./components/stepper";
+export type { SwitchProps, SwitchColor } from "./components/switch";
+export type { TableProps, TableBodyCellProps, TableData, TableHeaderCellProps, TableRowProps, } from "./components/table";
+export type { TeaserProps, TeaserAlign, TeaserAnimation, TeaserHeadline, TeaserImage, TeaserRedirect, TeaserVariant, } from "./components/teaser";

package/dist/types/types/colors.d.ts

@@ -0,0 +1,5 @@
+type RGB = `rgb(${number}, ${number}, ${number})`;
+type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HEX = `#${string}`;
+export type Color = string | RGB | RGBA | HEX;
+export {};

package/dist/types/types/core.d.ts

@@ -0,0 +1,5 @@
+declare module "hugeicons-react/dist/esm/icons/*" {
+    import type { FC } from "react";
+    const IconComponent: FC<React.SVGProps<SVGSVGElement>>;
+    export default IconComponent;
+}

package/dist/types/types/schema.d.ts

@@ -0,0 +1,7 @@
+export type Schema = {
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+};

package/dist/types/types/variants.d.ts

@@ -0,0 +1 @@
+export type Variants = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "white";