@zealicsolutions/web-ui 0.3.267 → 0.3.269

package/dist/cjs/molecules/SelectableInfoCard/SelectableInfoCard.stories.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { SelectableCardGroup as SelectableCardGroupComponent } from './SelectableCardGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ cards, handleChange, spacing, initialValue, }: import("./SelectableCardGroup").SelectableCardGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SelectableCardGroup: ComponentStory<typeof SelectableCardGroupComponent>;

package/dist/cjs/molecules/SelectableInfoCard/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("@emotion/styled").StyledComponent<import("atoms").TextProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SelectableInfoCardStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isActive?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GroupWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    spacing: SizesTypes;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/molecules/SettingsSelectionField/SettingsSelectionField.d.ts

@@ -0,0 +1,9 @@
+export declare type SettingsSelectionFieldProps = {
+    options: {
+        title: string;
+        id: string;
+    }[];
+    onChange?: (id: string) => void;
+    fieldTitle: string;
+};
+export declare const SettingsSelectionField: ({ options, onChange, fieldTitle, }: SettingsSelectionFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/SettingsSelectionField/SettingsSelectionField.stories.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { SettingsSelectionField as SettingsSelectionFieldComponent } from './SettingsSelectionField';
+declare const _default: {
+    title: string;
+    component: ({ options, onChange, fieldTitle, }: import("./SettingsSelectionField").SettingsSelectionFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SettingsSelectionField: ComponentStory<typeof SettingsSelectionFieldComponent>;

package/dist/cjs/molecules/Stepper/Step.d.ts

@@ -0,0 +1,9 @@
+import { OrientationType, ProcessStep } from 'containers';
+export declare type StepProps = {
+    step: ProcessStep;
+    stepsNumber: number;
+    order: number;
+    orientation?: OrientationType;
+    htmlElementId?: string | undefined;
+};
+export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, htmlElementId, }: StepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/Stepper/Stepper.d.ts

@@ -0,0 +1,12 @@
+import { ConfigurationItemInfo, MetadataType, ProcessStep } from 'containers';
+export declare type ProcessTrackerOrientation = 'horizontal' | 'vertical';
+export declare type StepperProps = {
+    steps: ProcessStep[];
+    orientation: ProcessTrackerOrientation;
+    htmlElementId?: string;
+    metadata: MetadataType;
+    isMobile?: boolean;
+    isOnClickDisabled?: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/cjs/molecules/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn } from '@storybook/react';
+import { StepperProps } from './Stepper';
+declare const _default: {
+    title: string;
+    component: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const Stepper: StoryFn<StepperProps>;

package/dist/cjs/molecules/Stepper/styles.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { OrientationType } from 'containers';
+export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    orientation?: OrientationType | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    orientation?: OrientationType | undefined;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StepWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerticalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    orientation?: OrientationType | undefined;
+    isLastChild?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomStep: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isComplete?: boolean | undefined;
+    isProgress?: boolean | undefined;
+    orientation?: OrientationType | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ConnectionLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    orientation?: OrientationType | undefined;
+    isComplete?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/molecules/TabGroup/TabGroup.d.ts

@@ -0,0 +1,32 @@
+import { TabProps, TabTheme } from 'atoms';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+export declare type AdditionalTabContainerProps = {
+    containerStyle?: StylesType;
+    containerProps?: Record<string, unknown>;
+};
+export declare type TabGroupProps<T = string, K = string> = {
+    tabs: TabType<T, K>[];
+    activeTabKey: T;
+    onTabChange?: (tabKey: T) => void;
+    onOptionClick?: (optionKey: K) => void;
+    styles?: StylesType;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    tabFont?: FontSizesTypes;
+    textSize?: number;
+    tabPadding?: SizesTypes | number;
+    tabSpacing?: SizesTypes;
+    defaultTabTextColor?: ThemeColors | string;
+    selectedTabTextColor?: ThemeColors | string;
+    selectedTabIndicatorColor?: ThemeColors | string;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
+    isMobile?: boolean;
+    htmlElementId?: string;
+    menuIconColor?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/TabGroup/TabGroup.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { TabGroupProps } from './TabGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const TabGroup: StoryFn<TabGroupProps>;

package/dist/cjs/molecules/TabGroup/styles.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { TabTheme } from 'atoms/Tab/Tab';
+import { SizesTypes, ThemeColors } from 'theme/types';
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const TabsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledTransientProps<{
+    spacing: SizesTypes;
+    vertical: boolean;
+}> & OverrideStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare type TabSliderProps = {
+    width: number;
+    left: number;
+    isActiveTab?: boolean;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabSlider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabSliderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare type TabWrapperProps = {
+    disabled?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabTextColor?: ThemeColors | string;
+    isActiveTab?: boolean;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabWrapperProps, {}, {}>;
+export {};

package/dist/cjs/molecules/TabGroup/useTabAnimation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useTabAnimation: (activeTab: string) => {
+    tabsUnderlineLeft: number[];
+    tabsUnderlineWidth: number[];
+    tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
+};

package/dist/cjs/molecules/TextMolecule/TextMolecule.d.ts

@@ -0,0 +1,20 @@
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+    htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo;
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/TextMolecule/TextMolecule.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { TextMoleculeProps } from './TextMolecule';
+declare const _default: {
+    title: string;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

package/dist/cjs/molecules/Video/Video.d.ts

@@ -0,0 +1,22 @@
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'react';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    height: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    styles: StylesType;
+    template: FeedContentTemplateTypes;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    isOnClickDisabled: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
+}>;
+export declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/cjs/molecules/Video/Video.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: import("./Video").VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const Video: StoryFn<typeof VideoComponent>;

package/dist/cjs/molecules/ZealUIModal/ZealUIModal.d.ts

@@ -0,0 +1,30 @@
+import { ModalProps as MUIModalProps } from '@mui/material';
+import React, { CSSProperties, KeyboardEvent, PropsWithChildren } from 'react';
+import type { OverrideStyles } from 'typescript';
+export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    size?: string;
+    popupId: string;
+    onClose: () => void;
+    withCloseIcon?: boolean;
+};
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, withCloseIcon, ...rest }: ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & OverrideStyles, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/molecules/ZealUIModal/ZealUIModal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
+declare const _default: {
+    title: string;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, withCloseIcon, ...rest }: import("./ZealUIModal").ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

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

@@ -0,0 +1,31 @@
+export * from './FieldLabels/FieldLabels';
+export * from './InputField/InputField';
+export * from './FieldMapper/FieldMapper';
+export * from './CheckboxField/CheckboxField';
+export * from './CheckboxField/CheckboxGroup';
+export * from './SelectField/SelectField';
+export * from './CustomValidation/CustomValidation';
+export * from './SelectableInfoCard/SelectableCardGroup';
+export * from './Drawer/Drawer';
+export * from './MenuItems/MenuItems';
+export * from './AvatarDropdown/AvatarDropdown';
+export * from './TabGroup/TabGroup';
+export * from './FieldSection/FieldSection';
+export * from './MenuNavigation/MenuNavigation';
+export * from './EmphasizedText/EmphasizedText';
+export * from './RadioButtonField/RadioButtonField';
+export * from './Alert/Alert';
+export { Stepper, StepperProps } from './Stepper/Stepper';
+export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
+export { FeedContentHeader, FeedContentHeaderProps } from './FeedContentHeader/FeedContentHeader';
+export { HorizontalButtonsField } from './HorizontalButtonsField/HorizontalButtonsField';
+export { BottomNavBarItem, BottomNaVBarItemProps } from './BottomNavBarItem/BottomNavBarItem';
+export { Video, VideoProps } from './Video/Video';
+export { Image, ImageProps } from './Image/Image';
+export { Carousel, CarouselProps } from './Caruser/Carousel';
+export * from './TextMolecule/TextMolecule';
+export { Button, ButtonProps } from './Button/Button';
+export * from './ZealUIModal/ZealUIModal';
+export * from './Consent/Consent';
+export * from './Link/Link';
+export * from './Checklist/Checklist';

package/dist/cjs/organisms/Organism/Organism.d.ts

@@ -0,0 +1,5 @@
+import { OrganismDTO } from 'organisms/types';
+export declare type OrganismProps = {
+    organism: OrganismDTO;
+};
+export declare const Organism: ({ organism }: OrganismProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/organisms/Organism/Organism.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Organism as OrganismComponent } from './Organism';
+declare const _default: {
+    title: string;
+    component: ({ organism }: import("./Organism").OrganismProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Organism: StoryFn<typeof OrganismComponent>;