@prokodo/ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +35 -0
- package/README.md +31 -0
- package/dist/index.cjs.js +46 -0
- package/dist/index.es.js +13840 -0
- package/dist/main.d.ts +3 -0
- package/dist/preview.d.ts +3 -0
- package/dist/prokodo-ui.css +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/dist/types/components/accordion/Accordion.d.ts +3 -0
- package/dist/types/components/accordion/Accordion.model.d.ts +28 -0
- package/dist/types/components/accordion/index.d.ts +2 -0
- package/dist/types/components/animated/Animated.d.ts +3 -0
- package/dist/types/components/animated/Animated.model.d.ts +12 -0
- package/dist/types/components/animated/index.d.ts +2 -0
- package/dist/types/components/animatedText/AnimatedText.d.ts +3 -0
- package/dist/types/components/animatedText/AnimatedText.model.d.ts +7 -0
- package/dist/types/components/animatedText/index.d.ts +2 -0
- package/dist/types/components/avatar/Avatar.d.ts +3 -0
- package/dist/types/components/avatar/Avatar.model.d.ts +11 -0
- package/dist/types/components/avatar/index.d.ts +2 -0
- package/dist/types/components/base-link/BaseLink.d.ts +3 -0
- package/dist/types/components/base-link/BaseLink.model.d.ts +7 -0
- package/dist/types/components/base-link/index.d.ts +2 -0
- package/dist/types/components/button/Button.d.ts +3 -0
- package/dist/types/components/button/Button.model.d.ts +26 -0
- package/dist/types/components/button/index.d.ts +2 -0
- package/dist/types/components/calendly/Calendly.d.ts +22 -0
- package/dist/types/components/calendly/Calendly.model.d.ts +27 -0
- package/dist/types/components/calendly/index.d.ts +2 -0
- package/dist/types/components/card/Card.d.ts +3 -0
- package/dist/types/components/card/Card.model.d.ts +35 -0
- package/dist/types/components/card/index.d.ts +2 -0
- package/dist/types/components/carousel/Carousel.d.ts +3 -0
- package/dist/types/components/carousel/Carousel.model.d.ts +24 -0
- package/dist/types/components/carousel/Carousel.services.d.ts +23 -0
- package/dist/types/components/carousel/index.d.ts +2 -0
- package/dist/types/components/chip/Chip.d.ts +3 -0
- package/dist/types/components/chip/Chip.model.d.ts +14 -0
- package/dist/types/components/chip/index.d.ts +2 -0
- package/dist/types/components/datePicker/DatePicker.d.ts +3 -0
- package/dist/types/components/datePicker/DatePicker.model.d.ts +21 -0
- package/dist/types/components/datePicker/index.d.ts +2 -0
- package/dist/types/components/dialog/Dialog.d.ts +3 -0
- package/dist/types/components/dialog/Dialog.model.d.ts +34 -0
- package/dist/types/components/dialog/index.d.ts +2 -0
- package/dist/types/components/drawer/Drawer.d.ts +5 -0
- package/dist/types/components/drawer/Drawer.model.d.ts +11 -0
- package/dist/types/components/drawer/index.d.ts +2 -0
- package/dist/types/components/form/Form.d.ts +3 -0
- package/dist/types/components/form/Form.model.d.ts +71 -0
- package/dist/types/components/form/FormField.d.ts +9 -0
- package/dist/types/components/form/FormResponse.d.ts +6 -0
- package/dist/types/components/form/index.d.ts +3 -0
- package/dist/types/components/grid/Grid.d.ts +7 -0
- package/dist/types/components/grid/GridRow.d.ts +13 -0
- package/dist/types/components/grid/index.d.ts +2 -0
- package/dist/types/components/headline/Headline.d.ts +4 -0
- package/dist/types/components/headline/Headline.model.d.ts +19 -0
- package/dist/types/components/headline/index.d.ts +2 -0
- package/dist/types/components/icon/Icon.d.ts +4 -0
- package/dist/types/components/icon/Icon.model.d.ts +15 -0
- package/dist/types/components/icon/Icon.utils.d.ts +79 -0
- package/dist/types/components/icon/iconsMap.d.ts +4128 -0
- package/dist/types/components/icon/index.d.ts +2 -0
- package/dist/types/components/image/Image.d.ts +3 -0
- package/dist/types/components/image/Image.model.d.ts +12 -0
- package/dist/types/components/image/index.d.ts +2 -0
- package/dist/types/components/image-text/ImageText.d.ts +3 -0
- package/dist/types/components/image-text/ImageText.model.d.ts +21 -0
- package/dist/types/components/image-text/index.d.ts +2 -0
- package/dist/types/components/input/Input.d.ts +3 -0
- package/dist/types/components/input/Input.model.d.ts +55 -0
- package/dist/types/components/input/InputValidation.d.ts +2 -0
- package/dist/types/components/input/index.d.ts +2 -0
- package/dist/types/components/inputOTP/InputOTP.d.ts +3 -0
- package/dist/types/components/inputOTP/InputOTP.model.d.ts +8 -0
- package/dist/types/components/inputOTP/index.d.ts +2 -0
- package/dist/types/components/label/Label.d.ts +3 -0
- package/dist/types/components/label/Label.model.d.ts +9 -0
- package/dist/types/components/label/index.d.ts +2 -0
- package/dist/types/components/link/Link.d.ts +3 -0
- package/dist/types/components/link/Link.model.d.ts +23 -0
- package/dist/types/components/link/index.d.ts +2 -0
- package/dist/types/components/list/List.d.ts +3 -0
- package/dist/types/components/list/List.model.d.ts +49 -0
- package/dist/types/components/list/index.d.ts +2 -0
- package/dist/types/components/loading/Loading.d.ts +3 -0
- package/dist/types/components/loading/Loading.model.d.ts +5 -0
- package/dist/types/components/loading/index.d.ts +2 -0
- package/dist/types/components/lottie/Lottie.d.ts +3 -0
- package/dist/types/components/lottie/Lottie.model.d.ts +8 -0
- package/dist/types/components/lottie/LottieAnimations.d.ts +32 -0
- package/dist/types/components/lottie/index.d.ts +2 -0
- package/dist/types/components/map/Map.d.ts +3 -0
- package/dist/types/components/map/Map.model.d.ts +20 -0
- package/dist/types/components/map/index.d.ts +2 -0
- package/dist/types/components/post-item/PostItem.d.ts +3 -0
- package/dist/types/components/post-item/PostItem.model.d.ts +21 -0
- package/dist/types/components/post-item/PostItemAuthor.d.ts +3 -0
- package/dist/types/components/post-item/PostItemAuthor.model.d.ts +14 -0
- package/dist/types/components/post-item/index.d.ts +3 -0
- package/dist/types/components/post-teaser/PostTeaser.d.ts +3 -0
- package/dist/types/components/post-teaser/PostTeaser.model.d.ts +25 -0
- package/dist/types/components/post-teaser/index.d.ts +2 -0
- package/dist/types/components/post-widget/PostWidget.d.ts +3 -0
- package/dist/types/components/post-widget/PostWidget.model.d.ts +25 -0
- package/dist/types/components/post-widget/index.d.ts +2 -0
- package/dist/types/components/post-widget-carousel/PostWidgetCarousel.d.ts +3 -0
- package/dist/types/components/post-widget-carousel/PostWidgetCarousel.model.d.ts +20 -0
- package/dist/types/components/post-widget-carousel/index.d.ts +2 -0
- package/dist/types/components/quote/Quote.d.ts +3 -0
- package/dist/types/components/quote/Quote.model.d.ts +19 -0
- package/dist/types/components/quote/index.d.ts +2 -0
- package/dist/types/components/rich-text/RichText.d.ts +3 -0
- package/dist/types/components/rich-text/RichText.model.d.ts +11 -0
- package/dist/types/components/rich-text/index.d.ts +2 -0
- package/dist/types/components/select/Select.d.ts +3 -0
- package/dist/types/components/select/Select.model.d.ts +30 -0
- package/dist/types/components/select/index.d.ts +2 -0
- package/dist/types/components/skeleton/Skeleton.d.ts +3 -0
- package/dist/types/components/skeleton/Skeleton.model.d.ts +7 -0
- package/dist/types/components/skeleton/index.d.ts +2 -0
- package/dist/types/components/slider/Slider.d.ts +3 -0
- package/dist/types/components/slider/Slider.model.d.ts +11 -0
- package/dist/types/components/slider/index.d.ts +2 -0
- package/dist/types/components/stepper/Stepper.d.ts +3 -0
- package/dist/types/components/stepper/Stepper.model.d.ts +24 -0
- package/dist/types/components/stepper/index.d.ts +2 -0
- package/dist/types/components/switch/Switch.d.ts +3 -0
- package/dist/types/components/switch/Switch.model.d.ts +18 -0
- package/dist/types/components/switch/index.d.ts +2 -0
- package/dist/types/components/table/Table.d.ts +3 -0
- package/dist/types/components/table/Table.model.d.ts +32 -0
- package/dist/types/components/table/index.d.ts +2 -0
- package/dist/types/components/teaser/Teaser.d.ts +3 -0
- package/dist/types/components/teaser/Teaser.model.d.ts +29 -0
- package/dist/types/components/teaser/index.d.ts +2 -0
- package/dist/types/helpers/bem.d.ts +7 -0
- package/dist/types/helpers/calculation.d.ts +2 -0
- package/dist/types/helpers/validations.d.ts +6 -0
- package/dist/types/hooks/useGoogleMaps.d.ts +1 -0
- package/dist/types/index.d.ts +80 -0
- package/dist/types/types/colors.d.ts +5 -0
- package/dist/types/types/schema.d.ts +7 -0
- package/dist/types/types/variants.d.ts +1 -0
- package/package.json +131 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ImgHTMLAttributes, ElementType } from "react";
|
|
2
|
+
export interface BaseImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
3
|
+
caption?: string;
|
|
4
|
+
containerClassName?: string;
|
|
5
|
+
captionClassName?: string;
|
|
6
|
+
imageComponent?: ElementType;
|
|
7
|
+
}
|
|
8
|
+
export type ImageProps = BaseImageProps & ({
|
|
9
|
+
imageComponent?: undefined;
|
|
10
|
+
} | {
|
|
11
|
+
imageComponent: ElementType;
|
|
12
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ButtonProps } from "../button";
|
|
2
|
+
import type { HeadlineProps } from "../headline";
|
|
3
|
+
import type { ImageProps } from "../image";
|
|
4
|
+
import type { LottieAnimation } from "../lottie";
|
|
5
|
+
export type ImageTextHeadline = {
|
|
6
|
+
content: string;
|
|
7
|
+
} & Omit<HeadlineProps, "children">;
|
|
8
|
+
export type ImageTextAnimation = LottieAnimation;
|
|
9
|
+
export type ImageTextAnimatedBorder = {
|
|
10
|
+
direction?: "top-to-bottom" | "bottom-to-top";
|
|
11
|
+
};
|
|
12
|
+
export type ImageTextProps = {
|
|
13
|
+
animatedBorder?: ImageTextAnimatedBorder;
|
|
14
|
+
reverse?: boolean;
|
|
15
|
+
subTitle?: ImageTextHeadline;
|
|
16
|
+
title: ImageTextHeadline;
|
|
17
|
+
content?: string;
|
|
18
|
+
animation?: ImageTextAnimation;
|
|
19
|
+
image?: ImageProps;
|
|
20
|
+
button?: ButtonProps;
|
|
21
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { LabelProps } from "../label";
|
|
2
|
+
import type { InputProps as MUIInputProps } from "@mui/base";
|
|
3
|
+
import type { Ref, ChangeEventHandler, HTMLInputTypeAttribute } from "react";
|
|
4
|
+
export type FieldType = Omit<HTMLInputTypeAttribute, "date" | "datetime-local" | "month" | "week" | "time">;
|
|
5
|
+
export type InputChangeEvent = ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
|
|
6
|
+
export type InputValidateEvent = (name: string, error?: string) => void;
|
|
7
|
+
export type InputColor = "primary" | "secondary" | "error" | "info" | "success" | "warning";
|
|
8
|
+
export type InputErrorTranslations = {
|
|
9
|
+
required?: string;
|
|
10
|
+
email?: string;
|
|
11
|
+
tel?: string;
|
|
12
|
+
text?: string;
|
|
13
|
+
url?: string;
|
|
14
|
+
number?: string;
|
|
15
|
+
color?: string;
|
|
16
|
+
password?: string;
|
|
17
|
+
min?: string;
|
|
18
|
+
max?: string;
|
|
19
|
+
};
|
|
20
|
+
export type InputProps = {
|
|
21
|
+
inputRef?: Ref<HTMLInputElement>;
|
|
22
|
+
customRegexPattern?: string;
|
|
23
|
+
fieldClassName?: string;
|
|
24
|
+
hideCounter?: boolean;
|
|
25
|
+
inputContainerClassName?: string;
|
|
26
|
+
inputClassName?: string;
|
|
27
|
+
fullWidth?: boolean;
|
|
28
|
+
required?: boolean;
|
|
29
|
+
color?: InputColor;
|
|
30
|
+
name: string;
|
|
31
|
+
label?: string;
|
|
32
|
+
labelProps?: Omit<LabelProps, "label" | "require" | "error" | "htmlFor">;
|
|
33
|
+
errorTranslations?: InputErrorTranslations;
|
|
34
|
+
min?: number;
|
|
35
|
+
max?: number;
|
|
36
|
+
maxLength?: number;
|
|
37
|
+
value?: string | number | undefined;
|
|
38
|
+
hideLegend?: boolean;
|
|
39
|
+
errorText?: string;
|
|
40
|
+
helperText?: string;
|
|
41
|
+
onChange?: InputChangeEvent;
|
|
42
|
+
onValidate?: InputValidateEvent;
|
|
43
|
+
} & ({
|
|
44
|
+
multiline?: false;
|
|
45
|
+
type?: FieldType;
|
|
46
|
+
maxRows?: undefined;
|
|
47
|
+
minRows?: undefined;
|
|
48
|
+
rows?: undefined;
|
|
49
|
+
} | {
|
|
50
|
+
multiline: true;
|
|
51
|
+
type?: undefined;
|
|
52
|
+
maxRows?: number;
|
|
53
|
+
minRows?: number;
|
|
54
|
+
rows?: number;
|
|
55
|
+
}) & Omit<MUIInputProps, "inputRef" | "variant" | "color" | "name" | "onChange" | "type" | "multiline" | "maxRows" | "minRows" | "rows" | "error">;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FieldType, InputValidateEvent, InputErrorTranslations } from "./Input.model";
|
|
2
|
+
export declare const handleValidation: (type: FieldType, name: string, value?: string, required?: boolean, min?: number, max?: number, customRegexPattern?: string, errorTranslations?: InputErrorTranslations, onValidate?: InputValidateEvent) => void;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { InputProps } from "../input";
|
|
2
|
+
export type InputOTPProps = Omit<InputProps, "onChange" | "name" | "multiline" | "maxRows" | "minRows" | "rows"> & {
|
|
3
|
+
groupLabel?: string;
|
|
4
|
+
groupInstruction?: string;
|
|
5
|
+
length?: number;
|
|
6
|
+
onChange?: (otp: string) => void;
|
|
7
|
+
onComplete?: (otp: string) => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { LabelHTMLAttributes, HTMLAttributes } from "react";
|
|
2
|
+
export type LabelProps = Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> & {
|
|
3
|
+
required?: boolean;
|
|
4
|
+
error?: boolean;
|
|
5
|
+
label?: string;
|
|
6
|
+
contentProps?: HTMLAttributes<HTMLSpanElement>;
|
|
7
|
+
textProps?: HTMLAttributes<HTMLElement>;
|
|
8
|
+
htmlFor?: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { BaseLinkProps } from "../base-link";
|
|
2
|
+
import type { Variants } from "@/types/variants";
|
|
3
|
+
import type { MouseEventHandler } from "react";
|
|
4
|
+
export type LinkVariants = Omit<Variants, "white">;
|
|
5
|
+
export type LinkClassNames = {
|
|
6
|
+
label?: string;
|
|
7
|
+
link?: string;
|
|
8
|
+
};
|
|
9
|
+
export type LinkDefaultProps = BaseLinkProps & {
|
|
10
|
+
variant?: LinkVariants;
|
|
11
|
+
classNames?: LinkClassNames;
|
|
12
|
+
hasBackground?: boolean;
|
|
13
|
+
locale?: string;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
onPress?: MouseEventHandler<HTMLAnchorElement>;
|
|
16
|
+
};
|
|
17
|
+
export type LinkHrefProps = LinkDefaultProps & {
|
|
18
|
+
href: string;
|
|
19
|
+
};
|
|
20
|
+
export type LinkClickProps = LinkDefaultProps & {
|
|
21
|
+
onPress: MouseEventHandler<HTMLAnchorElement>;
|
|
22
|
+
};
|
|
23
|
+
export type LinkProps = LinkHrefProps | LinkClickProps;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { CardProps } from "../card";
|
|
2
|
+
import type { IconProps, IconName } from "../icon";
|
|
3
|
+
import type { LinkProps } from "../link";
|
|
4
|
+
import type { Variants } from "@/types/variants";
|
|
5
|
+
import type { HTMLAttributes } from "react";
|
|
6
|
+
export type ListType = "default" | "icon" | "card";
|
|
7
|
+
export type ListVariant = Omit<Variants, "white">;
|
|
8
|
+
export type ListCardItemProps = {
|
|
9
|
+
title: string;
|
|
10
|
+
desc?: string;
|
|
11
|
+
icon?: IconName;
|
|
12
|
+
variant?: ListVariant;
|
|
13
|
+
iconProps?: IconProps;
|
|
14
|
+
redirect?: LinkProps;
|
|
15
|
+
innerClassName?: string;
|
|
16
|
+
onClick?: (e?: ListCardItemProps) => void;
|
|
17
|
+
} & Omit<CardProps, "children">;
|
|
18
|
+
export type ListDefaultItemProps = {
|
|
19
|
+
title: string;
|
|
20
|
+
desc?: string;
|
|
21
|
+
className?: string;
|
|
22
|
+
icon?: IconName;
|
|
23
|
+
variant?: ListVariant;
|
|
24
|
+
redirect?: LinkProps;
|
|
25
|
+
onClick?: (e?: ListDefaultItemProps) => void;
|
|
26
|
+
};
|
|
27
|
+
export type ListDefaultOptions = {
|
|
28
|
+
icon?: IconProps;
|
|
29
|
+
};
|
|
30
|
+
export type ListItemProps = ListDefaultItemProps | ListCardItemProps;
|
|
31
|
+
export type ListDefaultProps = HTMLAttributes<HTMLUListElement> & {
|
|
32
|
+
type?: "default";
|
|
33
|
+
variant?: ListVariant;
|
|
34
|
+
className?: string;
|
|
35
|
+
classNameDesc?: string;
|
|
36
|
+
options?: ListDefaultOptions;
|
|
37
|
+
items: ListDefaultItemProps[];
|
|
38
|
+
onClick?: () => void;
|
|
39
|
+
};
|
|
40
|
+
export type ListCardProps = HTMLAttributes<HTMLUListElement> & {
|
|
41
|
+
type?: "card";
|
|
42
|
+
variant?: ListVariant;
|
|
43
|
+
className?: string;
|
|
44
|
+
classNameDesc?: string;
|
|
45
|
+
options?: undefined;
|
|
46
|
+
items: ListCardItemProps[];
|
|
47
|
+
onClick?: () => void;
|
|
48
|
+
};
|
|
49
|
+
export type ListProps = ListDefaultProps | ListCardProps;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ANIMATIONS } from "./LottieAnimations";
|
|
2
|
+
import type { DotLottieConfig } from "@lottiefiles/dotlottie-react";
|
|
3
|
+
export type LottieAnimation = keyof typeof ANIMATIONS;
|
|
4
|
+
export type LottieProps = Omit<DotLottieConfig, "container"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
containerClassName?: string;
|
|
7
|
+
animationName: LottieAnimation;
|
|
8
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const ANIMATIONS: {
|
|
2
|
+
readonly SolutionUIUXDesign: "https://lottie.host/af0b17d4-cc93-48bb-b388-d058f579ae3a/mzzgcsHwL4.lottie";
|
|
3
|
+
readonly SolutionSoftwareDevelopment: "https://lottie.host/bf06b5a0-be40-4f2a-95e4-ae3e033006d3/pxQ7Wtj79u.lottie";
|
|
4
|
+
readonly SolutionAppDevelopment: "https://lottie.host/24da243e-b6e4-4180-abd2-fc70ece1a39c/UDS9WBtmnP.lottie";
|
|
5
|
+
readonly SolutionMarketing: "https://lottie.host/adcecb1c-461d-44a1-88bb-33ac05d46d3c/3MJbj0EmAN.lottie";
|
|
6
|
+
readonly SolutionCloud: "https://lottie.host/1f4750fd-b6d1-467c-956e-aa73a135859e/eFYRZy1wGx.lottie";
|
|
7
|
+
readonly SolutionCMS: "https://lottie.host/ba018362-745a-437f-9d7b-d73b9e703330/rzxWewbkvC.lottie";
|
|
8
|
+
readonly SolutionAIAutomation: "https://lottie.host/48d72c0c-5c54-4b15-9bd7-fd74c390ba37/m0eYQx59TH.lottie";
|
|
9
|
+
readonly SolutionProjectManagement: "https://lottie.host/688bcc01-8a1d-409b-908e-a56173c7927b/svTnec8A7e.lottie";
|
|
10
|
+
readonly ServiceAI: "https://lottie.host/a5311ebe-c1f3-4b94-9509-2d631a59cc46/bjuqMpRJkv.lottie";
|
|
11
|
+
readonly ServiceProjectmanagement: "https://lottie.host/841f6dd8-1cfc-4165-b5e9-09381141cb99/z0eni2vMyw.lottie";
|
|
12
|
+
readonly ServiceCloudSolutionsDatacenter: "https://lottie.host/66ac6f8d-66ef-458a-8d14-948592f1a65e/uQfPmnlujm.lottie";
|
|
13
|
+
readonly ServiceCMSDataTransfer: "https://lottie.host/105fc09c-ee9c-4765-ab43-0bf5b26cb395/93DzSJoUgh.lottie";
|
|
14
|
+
readonly ServiceWebApplicationCoding: "https://lottie.host/2830c0f4-5e97-4b3a-b3ed-b726c0de8447/g5nlv0g7p9.lottie";
|
|
15
|
+
readonly ServiceAppApplicationCoding: "https://lottie.host/9c029e60-f915-4eb8-91ea-123edb9b42bc/V77o0U9cND.lottie";
|
|
16
|
+
readonly ServiceAPIDevelopment: "https://lottie.host/f1df7053-da17-4070-afcd-0ee7063b94d5/ENvAukhE2D.lottie";
|
|
17
|
+
readonly ServiceWebdesign: "https://lottie.host/76b43e18-040a-4a8f-b75f-46eab430d3af/YuB4P2DMfj.lottie";
|
|
18
|
+
readonly AboutOurMission: "https://lottie.host/e9a146f1-91a1-4c9a-a75b-2b2646dbae13/Yanqpw6Rzd.lottie";
|
|
19
|
+
readonly AboutWhoWeAre: "https://lottie.host/e1123476-13bd-45ef-a5a4-a8560bcf3f29/9HJJWo4xtJ.lottie";
|
|
20
|
+
readonly LogoAWS: "https://lottie.host/0db4ad01-4be2-439f-858e-5b35a6a3fa10/na8bHDn7XH.lottie";
|
|
21
|
+
readonly LogoGCP: "https://lottie.host/7485553e-5baa-4463-a4cd-dc34df3e1966/b8mdLcofyU.lottie";
|
|
22
|
+
readonly LogoReact: "https://lottie.host/1f3571ff-9caf-4669-9cca-eb49f4481eab/rP3fY4zubb.lottie";
|
|
23
|
+
readonly LogoNodejs: "https://lottie.host/9bab6357-0884-43b8-ae4d-46e9ed1f175f/B1hOYuLcCu.lottie";
|
|
24
|
+
readonly LogoGithub: "https://lottie.host/e83a6197-0828-4cfe-b4e3-c02c64ae62e9/6Dcb0MXTTu.lottie";
|
|
25
|
+
readonly DataAnalytics: "https://lottie.host/39705791-7f99-48e4-8bd5-bc591c8c5356/TUI5KNWHZf.lottie";
|
|
26
|
+
readonly ProjectManagement: "https://lottie.host/5d3b9fec-c47e-42db-a730-eba87a1e8423/0ad0xAp3EE.lottie";
|
|
27
|
+
readonly CustomerFeedback: "https://lottie.host/a747a4f7-edf5-4d39-a815-513ec58b0f08/l0JXyd15wv.lottie";
|
|
28
|
+
readonly CustomerService: "https://lottie.host/9f95fc75-bc9a-4e79-962e-ee29aa814006/tYw7JZIxRh.lottie";
|
|
29
|
+
readonly MobileOTP: "https://lottie.host/23f9ab5b-1338-4ed4-841c-8fcdc3c2088c/7IjlwL6yhC.lottie";
|
|
30
|
+
readonly Swipe: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie";
|
|
31
|
+
readonly NotFound: "https://lottie.host/ee63adf0-2f07-44ca-94b1-f8829aea03a5/8qjL7cSngV.lottie";
|
|
32
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type MapCenter = {
|
|
2
|
+
lat: number;
|
|
3
|
+
lng: number;
|
|
4
|
+
};
|
|
5
|
+
export type MapMarkerPosition = {
|
|
6
|
+
lat: number;
|
|
7
|
+
lng: number;
|
|
8
|
+
};
|
|
9
|
+
export type MapMarker = Omit<google.maps.marker.AdvancedMarkerElement, "position" | "map"> & {
|
|
10
|
+
position: MapMarkerPosition;
|
|
11
|
+
};
|
|
12
|
+
export type MapProps = {
|
|
13
|
+
apiKey: string;
|
|
14
|
+
mapId?: string;
|
|
15
|
+
center: MapCenter;
|
|
16
|
+
marker?: MapMarker[];
|
|
17
|
+
zoom?: number;
|
|
18
|
+
heading?: number;
|
|
19
|
+
tilt?: number;
|
|
20
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ComponentType } from "react";
|
|
2
|
+
import type { ButtonProps } from "../button";
|
|
3
|
+
import type { HeadlineProps } from "../headline";
|
|
4
|
+
import type { ImageProps } from "../image";
|
|
5
|
+
import type { PostItemAuthorProps } from "./PostItemAuthor.model";
|
|
6
|
+
export type PostItemHeadline = {
|
|
7
|
+
content: string;
|
|
8
|
+
} & Omit<HeadlineProps, "children">;
|
|
9
|
+
export type PostItemProps = {
|
|
10
|
+
readCount?: number;
|
|
11
|
+
title: PostItemHeadline;
|
|
12
|
+
className?: string;
|
|
13
|
+
author?: PostItemAuthorProps;
|
|
14
|
+
category?: string;
|
|
15
|
+
content?: string;
|
|
16
|
+
date?: string;
|
|
17
|
+
metaDate?: string;
|
|
18
|
+
image?: ImageProps;
|
|
19
|
+
button?: ButtonProps;
|
|
20
|
+
imageComponent?: ComponentType<ImageProps>;
|
|
21
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { AvatarProps } from "../avatar";
|
|
2
|
+
import type { ImageProps } from "../image";
|
|
3
|
+
import type { HTMLAttributes } from "react";
|
|
4
|
+
export type PostItemAuthorAvatar = Omit<ImageProps, "src" | "alt"> & {
|
|
5
|
+
src?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
};
|
|
8
|
+
export type PostItemAuthorProps = {
|
|
9
|
+
className?: string;
|
|
10
|
+
avatar?: PostItemAuthorAvatar;
|
|
11
|
+
avatarProps?: AvatarProps;
|
|
12
|
+
name?: string;
|
|
13
|
+
nameProps?: HTMLAttributes<HTMLParagraphElement>;
|
|
14
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { HeadlineProps } from "../headline";
|
|
2
|
+
import type { IconProps } from "../icon";
|
|
3
|
+
import type { ImageProps } from "../image";
|
|
4
|
+
import type { LinkProps } from "../link";
|
|
5
|
+
export type PostTeaserHeadline = {
|
|
6
|
+
content: string;
|
|
7
|
+
} & Omit<HeadlineProps, "children">;
|
|
8
|
+
export type PostTeaserImage = ImageProps;
|
|
9
|
+
export type PostTeaserRedirect = LinkProps & {
|
|
10
|
+
label?: string;
|
|
11
|
+
icon?: IconProps;
|
|
12
|
+
};
|
|
13
|
+
export type PostTeaserProps = {
|
|
14
|
+
className?: string;
|
|
15
|
+
readCount?: number;
|
|
16
|
+
title: PostTeaserHeadline;
|
|
17
|
+
content?: string;
|
|
18
|
+
hideCategory?: boolean;
|
|
19
|
+
category?: string;
|
|
20
|
+
date?: string;
|
|
21
|
+
metaDate?: string;
|
|
22
|
+
image?: PostTeaserImage;
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
redirect?: PostTeaserRedirect;
|
|
25
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { CardProps } from "../card";
|
|
2
|
+
import type { HeadlineProps } from "../headline";
|
|
3
|
+
import type { ImageProps } from "../image";
|
|
4
|
+
import type { LinkProps } from "../link";
|
|
5
|
+
import type { TimeHTMLAttributes } from "react";
|
|
6
|
+
export type PostWidgetHeadline = {
|
|
7
|
+
content: string;
|
|
8
|
+
} & Omit<HeadlineProps, "children">;
|
|
9
|
+
export type PostWidgetImage = ImageProps;
|
|
10
|
+
export type PostWidgetRedirect = LinkProps;
|
|
11
|
+
export type PostWidgetItem = {
|
|
12
|
+
title: PostWidgetHeadline;
|
|
13
|
+
category?: string;
|
|
14
|
+
date?: string;
|
|
15
|
+
dateProps?: TimeHTMLAttributes<HTMLTimeElement>;
|
|
16
|
+
image?: PostWidgetImage;
|
|
17
|
+
redirect: PostWidgetRedirect;
|
|
18
|
+
};
|
|
19
|
+
export type PostWidgetProps = Omit<CardProps, "children"> & {
|
|
20
|
+
fullWidth?: boolean;
|
|
21
|
+
className?: string;
|
|
22
|
+
title?: PostWidgetHeadline;
|
|
23
|
+
listClassName?: string;
|
|
24
|
+
items?: PostWidgetItem[];
|
|
25
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { CardProps } from "../card";
|
|
2
|
+
import type { HeadlineProps } from "../headline";
|
|
3
|
+
import type { ImageProps } from "../image";
|
|
4
|
+
import type { LinkProps } from "../link";
|
|
5
|
+
export type PostWidgetCarouselHeadline = {
|
|
6
|
+
content: string;
|
|
7
|
+
} & Omit<HeadlineProps, "children">;
|
|
8
|
+
export type PostWidgetCarouselImage = ImageProps;
|
|
9
|
+
export type PostWidgetCarouselRedirect = LinkProps;
|
|
10
|
+
export type PostWidgetCarouselItem = {
|
|
11
|
+
title: PostWidgetCarouselHeadline;
|
|
12
|
+
image?: PostWidgetCarouselImage;
|
|
13
|
+
redirect: PostWidgetCarouselRedirect;
|
|
14
|
+
};
|
|
15
|
+
export type PostWidgetCarouselProps = Omit<CardProps, "children"> & {
|
|
16
|
+
autoplay?: number;
|
|
17
|
+
className?: string;
|
|
18
|
+
title?: PostWidgetCarouselHeadline;
|
|
19
|
+
items?: PostWidgetCarouselItem[];
|
|
20
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { AvatarProps } from "../avatar";
|
|
2
|
+
import type { HeadlineProps } from "../headline";
|
|
3
|
+
import type { Variants } from "@/types/variants";
|
|
4
|
+
export type QuoteHeadline = {
|
|
5
|
+
content: string;
|
|
6
|
+
} & Omit<HeadlineProps, "children">;
|
|
7
|
+
export type QuoteAuthor = {
|
|
8
|
+
avatar?: AvatarProps;
|
|
9
|
+
name: string;
|
|
10
|
+
position?: string;
|
|
11
|
+
};
|
|
12
|
+
export type QuoteProps = {
|
|
13
|
+
className?: string;
|
|
14
|
+
variant?: Variants;
|
|
15
|
+
title?: QuoteHeadline;
|
|
16
|
+
subTitle?: QuoteHeadline;
|
|
17
|
+
content: string;
|
|
18
|
+
author?: QuoteAuthor;
|
|
19
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AnimatedTextProps } from "@/components/animatedText";
|
|
2
|
+
import type { Schema } from "@/types/schema";
|
|
3
|
+
import type { Variants } from "@/types/variants";
|
|
4
|
+
import type { Options } from "react-markdown";
|
|
5
|
+
export type RichTextProps = Options & {
|
|
6
|
+
animated?: boolean;
|
|
7
|
+
schema?: Schema;
|
|
8
|
+
animationProps?: Omit<AnimatedTextProps, "children">;
|
|
9
|
+
variant?: Variants;
|
|
10
|
+
itemProp?: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { LabelProps } from "../label";
|
|
2
|
+
import type { SelectProps as MUISelectProps, OptionProps, SelectValue as MUISelectValue } from "@mui/base";
|
|
3
|
+
import type { ReactNode, Ref, MouseEvent, KeyboardEvent, FocusEvent } from "react";
|
|
4
|
+
export type SelectEvent = MouseEvent | KeyboardEvent | FocusEvent | null;
|
|
5
|
+
export type SelectChangeEvent = SelectProps["onChange"];
|
|
6
|
+
type DefaultValueType = string;
|
|
7
|
+
export type SelectItem<Value = DefaultValueType> = Omit<OptionProps<Value>, "children"> & {
|
|
8
|
+
label?: string;
|
|
9
|
+
icon?: () => ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export type SelectValueSingle = MUISelectValue<DefaultValueType, false>;
|
|
12
|
+
export type SelectValueMultiple = MUISelectValue<DefaultValueType, true>;
|
|
13
|
+
export type SelectColor = "primary" | "secondary" | "error" | "info" | "success" | "warning";
|
|
14
|
+
export type SelectProps<OptionValue extends {} = DefaultValueType, Multiple extends boolean = false | true, RootComponentType extends React.ElementType = "button"> = Omit<MUISelectProps<OptionValue, Multiple, RootComponentType>, "variant" | "color" | "name" | "onChange"> & {
|
|
15
|
+
ref?: Ref<HTMLButtonElement>;
|
|
16
|
+
id: string;
|
|
17
|
+
iconVisible?: boolean;
|
|
18
|
+
name: string;
|
|
19
|
+
color?: SelectColor;
|
|
20
|
+
label: string;
|
|
21
|
+
hideLabel?: boolean;
|
|
22
|
+
labelProps?: Omit<LabelProps, "label" | "require" | "error">;
|
|
23
|
+
classNameSelect?: string;
|
|
24
|
+
items: SelectItem<OptionValue>[];
|
|
25
|
+
multiple?: Multiple;
|
|
26
|
+
errorText?: string;
|
|
27
|
+
helperText?: string;
|
|
28
|
+
onChange?: (e: SelectEvent, value: string | string[] | null) => void;
|
|
29
|
+
};
|
|
30
|
+
export {};
|