@zealicsolutions/web-ui 0.0.7 → 0.0.8

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
+import { SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';
-import { SizesTypes, ThemeColors } from '../../theme';
 export declare type AvatarProps = {
     size?: SizesTypes | number;
     withShadow?: boolean;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Avatar as AvatarComponent } from './Avatar';
+declare const _default: {
+    title: string;
+    component: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: import("./Avatar").AvatarProps) => JSX.Element;
+};
+export default _default;
+export declare const Avatar: ComponentStory<typeof AvatarComponent>;

package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { Button as ButtonComponent } from './Button';
+import { LinkButtonProps } from './LinkButton';
+import { TouchableOpacityProps } from './TouchableOpacity';
+declare const _default: {
+    title: string;
+    component: ({ text, onClick, loading, disabled, variant, fullWidth, }: import("./Button").ButtonProps) => JSX.Element;
+};
+export default _default;
+export declare const Button: ComponentStory<typeof ButtonComponent>;
+export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
+export declare const LinkButton: ComponentStory<FC<LinkButtonProps>>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Checkbox as CheckboxComponent } from './Checkbox';
+declare const _default: {
+    title: string;
+    component: ({ label, onClick, value, disabled, error }: import("./Checkbox").CheckBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Icon as IconComponent } from './Icon';
+declare const _default: {
+    title: string;
+    component: ({ name, color, ...props }: import("./Icon").IconProps) => JSX.Element;
+};
+export default _default;
+export declare const Icon: ComponentStory<typeof IconComponent>;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Input as InputComponent } from './Input';
+declare const _default: {
+    title: string;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: import("./Input").InputProps) => JSX.Element;
+};
+export default _default;
+export declare const Input: ComponentStory<typeof InputComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Select as SelectComponent } from './Select';
+declare const _default: {
+    title: string;
+    component: ({ onChange, value, placeholder, options, disabled, isError, }: import("./types").SelectProps) => JSX.Element;
+};
+export default _default;
+export declare const Select: ComponentStory<typeof SelectComponent>;

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

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TextWrapperProps } from './TextWrapper';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
+};
+export default _default;
+export declare const Text: ComponentStory<FC<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/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, ...props }: TooltipProps) => JSX.Element;
+};
+export default _default;
+export declare const Tooltip: ComponentStory<FC<TooltipProps>>;

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/index.d.ts

@@ -2,7 +2,6 @@ export * from './atoms';
 export * from './molecules';
 export * from './organisms';
 export * from './templates';
-export * from './pages';
 export * from './hooks';
 export * from './theme';
 export * from './fieldsConfiguration';

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

package/dist/cjs/src/molecules/Banner/Banner.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Banner as BannerComponent } from './Banner';
+declare const _default: {
+    title: string;
+    component: ({ backgroundImage, button, title, description }: import("./Banner").BannerProps) => JSX.Element;
+};
+export default _default;
+export declare const Banner: ComponentStory<typeof BannerComponent>;

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { CustomValidation as CustomValidationComponent } from './CustomValidation';
+declare const _default: {
+    title: string;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import React from 'react';
+import { Drawer as DrawerComponent } from './Drawer';
+declare const _default: {
+    title: string;
+    component: ({ children, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
+};
+export default _default;
+export declare const Drawer: ComponentStory<typeof DrawerComponent>;

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldLabels as FieldLabelsComponent } from './FieldLabels';
+declare const _default: {
+    title: string;
+    component: ({ label, isError, ruleLabel, tooltipText }: import("./FieldLabels").FieldLabelsProps) => JSX.Element;
+};
+export default _default;
+export declare const FieldLabels: ComponentStory<typeof FieldLabelsComponent>;

package/dist/cjs/src/molecules/InfoBox/InfoBox.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { InfoBox as InfoBoxComponent } from './InfoBox';
+declare const _default: {
+    title: string;
+    component: ({ title, icon, description, linkButton }: import("./InfoBox").InfoBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const InfoBox: ComponentStory<typeof InfoBoxComponent>;

package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { InputField as InputFieldComponent } from './InputField';
+declare const _default: {
+    title: string;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, }: import("./InputField").InputFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const InputField: ComponentStory<typeof InputFieldComponent>;
+export declare const InputPasswordField: ComponentStory<typeof InputFieldComponent>;

package/dist/cjs/src/molecules/MenuItems/MenuItems.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { MenuItems as MenuItemsComponent } from './MenuItems';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ title, onItemPress, options, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const MenuItems: ComponentStory<typeof MenuItemsComponent>;

package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SelectField as SelectFieldComponent } from './SelectField';
+declare const _default: {
+    title: string;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, }: import("./SelectField").SelectFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const SelectField: ComponentStory<typeof SelectFieldComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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>) => JSX.Element;
+};
+export default _default;
+export declare const SelectableCardGroup: ComponentStory<typeof SelectableCardGroupComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { TabGroup as TabGroupComponent } from './TabGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+};
+export default _default;
+export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;

package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { AcquisitionForm as AcquisitionFormComponent } from './AcquisitionForm';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ logoUrl, fields, onSubmit, onLinkButtonClick, isLoading, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AcquisitionForm: ComponentStory<typeof AcquisitionFormComponent>;

package/dist/cjs/src/organisms/ForgotPasswordForm/ForgotPasswordForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ForgotPasswordForm as ForgotPasswordFormComponent } from './ForgotPasswordForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, onBack, onSubmit, isLoading, }: import("./ForgotPasswordForm").ForgotPasswordFormProps) => JSX.Element;
+};
+export default _default;
+export declare const ForgotPasswordForm: ComponentStory<typeof ForgotPasswordFormComponent>;

package/dist/cjs/src/organisms/Header/Header.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Header as HeaderComponent } from './Header';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, links, onActionButtonClick, tabs, withAvatar }: import("./Header").HeaderProps) => JSX.Element;
+};
+export default _default;
+export declare const Header: ComponentStory<typeof HeaderComponent>;

package/dist/cjs/src/organisms/LoginForm/LoginForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { LoginForm as LoginFormComponent } from './LoginForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, fields, onSubmit, onSignUpButtonClick, isLoading, twoFactorAuthConfig, onForgotPasswordButtonClick, }: import("./LoginForm").LoginFormProps) => JSX.Element;
+};
+export default _default;
+export declare const LoginForm: ComponentStory<typeof LoginFormComponent>;

package/dist/cjs/src/organisms/SetPasswordForm/SetPasswordForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SetPasswordForm as SetPasswordFormComponent } from './SetPasswordForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: import("./SetPasswordForm").SetPasswordFormProps) => JSX.Element;
+};
+export default _default;
+export declare const SetPasswordForm: ComponentStory<typeof SetPasswordFormComponent>;

package/dist/cjs/src/organisms/TwoFactorAuth/TwoFactorAuth.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { TwoFactorAuth as TwoFactorAuthComponent } from './TwoFactorAuth';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, onSubmit, onBack, onNext }: import("./TwoFactorAuth").TwoFactorAuthProps) => JSX.Element;
+};
+export default _default;
+export declare const TwoFactorAuth: ComponentStory<typeof TwoFactorAuthComponent>;

package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { BannerProps } from '../../molecules';
-import { HeaderProps } from '../../organisms';
 export declare type DefaultTemplateProps = {
-    header: HeaderProps;
-    banner?: BannerProps;
-    renderContent: () => JSX.Element;
+    header: React.ReactNode;
+    banner?: React.ReactNode;
+    content?: React.ReactNode;
 };
-export declare const DefaultTemplate: ({ banner, header, renderContent }: DefaultTemplateProps) => JSX.Element;
+export declare const DefaultTemplate: ({ header, banner, content }: DefaultTemplateProps) => JSX.Element;

package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { DefaultTemplate as DefaultTemplateComponent } from './DefaultTemplate';
+declare const _default: {
+    title: string;
+    component: ({ header, banner, content }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultTemplate: ComponentStory<typeof DefaultTemplateComponent>;

package/dist/cjs/src/templates/DefaultTemplate/mockProps.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BannerProps } from 'molecules';
+import { HeaderProps } from 'organisms';
+export declare const headerProps: HeaderProps;
+export declare const bannerProps: BannerProps;
+export declare const Content: () => JSX.Element;