@zealicsolutions/web-ui 0.3.268 → 0.3.334

package/dist/cjs/src/atoms/Select/Select.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+import type { AnyObject, Callback, StylesType } from 'typescript';
+import { RefCallBack } from 'react-hook-form/dist/types';
+export declare type SelectOption = {
+    id: string;
+    label: string;
+    value?: string;
+    config?: AnyObject;
+};
+export declare type SelectInternalConfigurationOptions = {
+    placeholderTextColor: ThemeColors | string;
+    placeholderTextFontSize: number;
+    selectedTextColor: ThemeColors | string;
+    selectedTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    wrapperStyles: StylesType;
+    styles: StylesType;
+};
+export declare type SelectProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback;
+    value: string;
+    optionsPresentation: boolean;
+    onChange: (value: string) => void;
+    placeholder: string;
+    disabled: boolean;
+    options: SelectOption[];
+    isError: boolean;
+    isEditMode: boolean;
+    selectInternalConfig: SelectInternalConfigurationOptions;
+    isRichText: boolean;
+}>;
+export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;

package/dist/cjs/src/atoms/Select/Select.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { SelectProps } from './Select';
+declare const _default: {
+    title: string;
+    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        onBlur: import("../../typescript").Callback;
+        value: string;
+        optionsPresentation: boolean;
+        onChange: (value: string) => void;
+        placeholder: string;
+        disabled: boolean;
+        options: import("./Select").SelectOption[];
+        isError: boolean;
+        isEditMode: boolean;
+        selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
+        isRichText: boolean;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const Select: StoryFn<SelectProps>;

package/dist/cjs/src/atoms/Select/styles.d.ts

@@ -0,0 +1,16 @@
+import { StylesType } from 'typescript';
+import { SelectInternalConfigurationOptions } from './Select';
+declare type SelectContainerProps = {
+    hasValue: boolean;
+    disabled: boolean;
+    isOpen: boolean;
+    hasError: boolean;
+    $styles: StylesType;
+};
+export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectContainerProps, never>;
+export declare const DropdownMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $selected: boolean;
+}, never>;
+export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+export {};

package/dist/cjs/src/atoms/Spacer/Spacer.d.ts

@@ -0,0 +1,7 @@
+import { SizesTypes } from 'theme';
+export declare type SpacerProps = {
+    width?: SizesTypes | number;
+    height?: SizesTypes | number;
+    layout?: 'div' | 'span';
+};
+export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpacerProps, never>;

package/dist/cjs/src/atoms/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+import type { SizesTypes, ThemeColors } from 'theme/types';
+export declare const Spinner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: ThemeColors | undefined;
+    size?: SizesTypes | undefined;
+}, never>;

package/dist/cjs/src/atoms/Tab/Tab.d.ts

@@ -0,0 +1,56 @@
+import { MenuItem } from 'molecules';
+import React from 'react';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+export declare type TabTheme = 'light' | 'dark';
+export declare type TabProps<T = string, K = string> = {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    defaultTabTextColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: StylesType;
+}>;
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
+export declare const Tab: <T, K>(props: {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItem<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    defaultTabTextColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+}> & {
+    ref?: React.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+export {};

package/dist/cjs/src/atoms/Tab/Tab.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Tab as TabComponent } from './Tab';
+declare const _default: {
+    title: string;
+    component: <T, K>(props: {
+        tabKey: T;
+        text: string;
+    } & Partial<{
+        disabled: boolean;
+        vertical: boolean;
+        isActive: boolean;
+        onClick: (key: T) => void;
+        options: import("../..").MenuItem<K>[];
+        onOptionClick: (optionKey: K) => void;
+        tabTheme: import("atoms").TabTheme;
+        divider: boolean;
+        tabFont: import("theme").FontSizesTypes;
+        textSize: number;
+        tabPadding: number | import("theme").SizesTypes;
+        defaultTabTextColor: string;
+        selectedTabTextColor: string;
+        selectedTabIndicatorColor: string;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }> & {
+        ref?: React.ForwardedRef<HTMLDivElement | null> | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+declare type Story = StoryObj<typeof TabComponent>;
+export declare const Tab: Story;

package/dist/cjs/src/atoms/Tab/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TabProps } from 'atoms/Tab/Tab';
+declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
+declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;
+export declare const TabText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, TabTextProps, never>;
+export declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
+export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabContainerProps, never>;
+export {};

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { FontSizesTypes, ThemeColors } from 'theme/types';
+import type { StylesType } from 'typescript';
+export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+export declare type TextAlign = 'center' | 'right' | 'left';
+export declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+export declare type TextProps = {
+    variant: FontSizesTypes;
+    layout?: 'div' | 'span';
+    type?: TextTypes;
+    styles?: StylesType;
+    color?: ThemeColors | string;
+    numberOfLines?: number;
+    textAlign?: TextAlign;
+    behaveAs?: 'text' | 'button';
+    seoTag?: SeoTags;
+};
+export declare type TextWrapperProps = PropsWithChildren<TextProps>;
+export declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
+export declare const ErrorText: ({ text }: {
+    text: string;
+}) => JSX.Element;

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { TextWrapperProps } from 'atoms';
+declare const _default: {
+    title: string;
+    component: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
+};
+export default _default;
+export declare const Text: StoryFn<TextWrapperProps>;

package/dist/cjs/src/atoms/Toast/Toast.stories.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { ToastParams } from './types';
+declare const _default: {
+    title: string;
+    component: ({ message, type, duration }: ToastParams) => void | undefined;
+};
+export default _default;
+export declare const Toast: ComponentStory<FC<ToastParams>>;

package/dist/cjs/src/atoms/Toast/ToastContent.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToastType } from './types';
+declare type ToastContentProps = {
+    type: ToastType;
+    message: string;
+};
+export declare const ToastContent: ({ type, message }: ToastContentProps) => JSX.Element;
+export {};

package/dist/cjs/src/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
+import { OverrideStyles, StylesType } from 'typescript';
+import 'rc-tooltip/assets/bootstrap.css';
+export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
+    styles?: StylesType;
+};
+export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
+export declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;

package/dist/cjs/src/atoms/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TooltipProps } from './Tooltip';
+declare const _default: {
+    title: string;
+    component: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
+};
+export default _default;
+export declare const Tooltip: ComponentStory<FC<TooltipProps>>;

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+export declare type ValidationTagProps = {
+    status: ValidationTagStatus;
+    text: string;
+};
+export declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ValidationTag as ValidationTagComponent } from './ValidationTag';
+declare const _default: {
+    title: string;
+    component: ({ text, status }: import("./ValidationTag").ValidationTagProps) => JSX.Element;
+};
+export default _default;
+export declare const ValidationTag: ComponentStory<typeof ValidationTagComponent>;

package/dist/cjs/src/atoms/index.d.ts

@@ -0,0 +1,24 @@
+export * from './Buttons/TouchableOpacity';
+export * from './Checkbox/Checkbox';
+export * from './Select/Select';
+export * from './Input/Input';
+export * from './TextWrapper/TextWrapper';
+export * from './Icon/Icon';
+export * from './Spacer/Spacer';
+export * from './Spinner/Spinner';
+export * from './RegularImage/RegularImage';
+export * from './Buttons/TextButton';
+export * from './ValidationTag/ValidationTag';
+export * from './Tooltip/Tooltip';
+export * from './Toast/toast';
+export * from './HorizontalButtons/HorizontalButtons';
+export * from './Avatar/Avatar';
+export * from './Paddings/Paddings';
+export * from './Divider/Divider';
+export * from './GoogleMap/GoogleMap';
+export * from './RichTextViewer/RichTextViewer';
+export * from './RadioButtons/RadioButtons';
+export * from './Circle/Circle';
+export * from './CircularIndicator/CircularIndicator';
+export * from './Buttons/IconButton';
+export * from './Tab/Tab';

package/dist/cjs/src/containers/Container.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { ContainerComponentProps, ContainerProps } from 'containers';
+export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
+    type: import("containers").ContainerType;
+    containerTemplateType: "row_content_container";
+    wide: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number | import("theme").SizesTypes;
+            gap: import("theme").SizesTypes;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
+            border: string;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number | import("theme").SizesTypes;
+            gap: import("theme").SizesTypes;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
+            border: string;
+        }>;
+    }>;
+    props: Partial<{
+        position: import("containers").ContainerPositionType;
+        scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+        cornerRadius: number | import("theme").SizesTypes;
+        gap: import("theme").SizesTypes;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        formProps: import("containers").FormContainerProps;
+        formStepProps: import("containers").FormStepContainerProps;
+        padding: import("containers").Padding;
+        border: string;
+    }>;
+    metadata: import("../typescript").AnyObject;
+}> & {
+    children?: import("react").ReactNode;
+} & {
+    id: string;
+}) => JSX.Element;
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, }: ContainerComponentProps) => JSX.Element | null;

package/dist/cjs/src/containers/Container.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { ContainerComponent, ContainerComponentProps } from 'containers';
+declare const meta: Meta<typeof ContainerComponent>;
+export default meta;
+declare type Story = StoryFn<ContainerComponentProps>;
+export declare const Container: Story;

package/dist/cjs/src/containers/FormContainer.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { ValidationMode } from 'react-hook-form';
+export declare type FormContainerProps = PropsWithChildren<{
+    mode?: keyof ValidationMode;
+}>;
+export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;

package/dist/cjs/src/containers/FormStepContainer.d.ts

@@ -0,0 +1,6 @@
+import { FormStepContainerProps } from 'containers';
+import { PropsWithChildren } from 'react';
+export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
+    id: string;
+};
+export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Molecule } from 'containers';
+import { TabGroupProps } from 'molecules';
+export declare const getFullLink: (url: string) => string;
+export declare const navigateToPage: (url: string) => void;
+export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
+    tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
+}) => JSX.Element | null;

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContainerComponentProps, Molecule } from 'containers';
+import { TabGroupProps } from 'molecules';
+export declare type OrganismItemProps = {
+    item: ContainerComponentProps | Molecule;
+    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+};
+export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;

package/dist/cjs/src/containers/helpers.d.ts

@@ -0,0 +1,4 @@
+import { ContainerScrollBehaviourType, Padding } from 'containers/types/types';
+import { ThemeSizesType } from 'theme';
+export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";
+export declare const getPadding: (padding: Padding, sizes: ThemeSizesType) => string;

package/dist/cjs/src/containers/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useCheckCondition } from './useCheckCondition';

package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts

@@ -0,0 +1,11 @@
+import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
+import { AnyObject } from 'typescript';
+/**
+ * @attention This hook needs to be used inside of the form container for the form fields
+ */
+export declare const useCheckCondition: (config?: ConditionConfig, formData?: AnyObject) => boolean;
+export declare type GetEvaluateCriteriaFunctionParams = {
+    criteriaList?: ConditionCriteria[];
+    data?: AnyObject;
+};
+export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

package/dist/cjs/src/containers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Container';
+export * from './types/types';
+export * from './types/moleculeTypes';
+export * from './styles';
+export * from './OrganismItem';

package/dist/cjs/src/containers/mock-data.d.ts

@@ -0,0 +1,13 @@
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare const sliderContainerProps: ContainerComponentProps;
+export declare const formContainerProps: ContainerComponentProps;
+export declare const dynamicOrganisms: (ContainerComponentProps | Molecule)[];
+export declare const dynamicContainerMock: ContainerComponentProps;
+export declare const columnContainerProps: ContainerComponentProps;
+export declare const formBuilderData: ContainerComponentProps;
+export declare const rowContainer: ContainerComponentProps;
+export declare const rowRepeaterContainer: ContainerComponentProps;
+export declare const rowRepeaterContainerSingle: ContainerComponentProps;
+export declare const columnRepeaterContainer: ContainerComponentProps;
+export declare const outlinedColumnContainer: ContainerComponentProps;
+export declare const headerContainer: ContainerComponentProps;

package/dist/cjs/src/containers/styles.d.ts

@@ -0,0 +1,17 @@
+import { ContainerProps } from 'containers/types/types';
+import { SizesTypes } from 'theme';
+import { AnyObject } from '../typescript';
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+    containerProps?: Partial<{
+        position: import("containers/types/types").ContainerPositionType;
+        scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
+        cornerRadius: number | SizesTypes;
+        gap: SizesTypes;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        formProps: import("containers/types/types").FormContainerProps;
+        formStepProps: import("containers/types/types").FormStepContainerProps;
+        padding: import("containers/types/types").Padding;
+        border: string;
+    }> | undefined;
+    metadata?: AnyObject | undefined;
+}, never>;