@zealicsolutions/web-ui 0.0.8 → 0.0.9

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

@@ -1,2 +1,3 @@
 export declare const AppLogo: string;
 export declare const HomeBannerImage: string;
+export declare const ProfileGraphic: string;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
+import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
+export declare type MapPosition = {
+    lat: number;
+    lng: number;
+};
+export declare type GoogleMapProps = {
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps;
+export declare const GoogleMap: React.ComponentClass<{
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps, any>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-google-maps/types" />
+import type { ComponentStory } from '@storybook/react';
+import { GoogleMap as GoogleMapComponent } from './GoogleMap';
+declare const _default: {
+    title: string;
+    component: import("react").ComponentClass<{
+        position: import("./GoogleMap").MapPosition;
+    } & import("react-google-maps/lib/withScriptjs").WithScriptjsProps & import("react-google-maps/lib/withGoogleMap").WithGoogleMapProps, any>;
+};
+export default _default;
+export declare const GoogleMap: ComponentStory<typeof GoogleMapComponent>;

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

@@ -15,3 +15,4 @@ export * from './Toast/toast';
 export * from './Avatar/Avatar';
 export * from './Paddings/Paddings';
 export * from './Divider/Divider';
+export * from './GoogleMap/GoogleMap';

package/dist/cjs/src/fieldsConfiguration/mock.d.ts

@@ -4,3 +4,8 @@ import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
 export declare const acquisitionFormMockFields: UIFields<any>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
+export declare const sectionMockFields: UIFields<any>;
+export declare const profileInformationMockForm: {
+    label: string;
+    fields: UIFields<any>;
+}[];

package/dist/cjs/src/fieldsConfiguration/utils.d.ts

@@ -1,4 +1,6 @@
 import { UIFields } from 'fieldsConfiguration/types';
+import { FieldSectionProps } from 'molecules';
 import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
 export declare const getInitialValuesFromFields: <T extends object>(fields: UIFields<T>) => DeepPartial<T>;
 export declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+export declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps<T>, "fields">[]) => UIFields<T>;

package/dist/cjs/src/icons/Edit.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Edit: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Save.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Save: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

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

@@ -12,3 +12,5 @@ export { Bell } from './Bell';
 export { Warning } from './Warning';
 export { Mobile } from './Mobile';
 export { Mail } from './Mail';
+export { Edit } from './Edit';
+export { Save } from './Save';

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -3,7 +3,7 @@ import { Control } from 'react-hook-form/dist/types';
 import { CheckBoxProps } from '../../atoms';
 export declare type CheckboxFieldProps = {
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     defaultValue?: boolean;
     checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
 };

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { DrawerProps } from './styles';
-export declare const Drawer: ({ children, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

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

@@ -3,7 +3,7 @@ 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;
+    component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
 export declare const Drawer: ComponentStory<typeof DrawerComponent>;

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

@@ -1,9 +1,21 @@
+/// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme/types';
 import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
+    padding?: SizesTypes | number;
+    closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
+    padding?: number | SizesTypes | undefined;
+    closeIconColor?: string | undefined;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
 }, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/FieldMapper/FieldMapper.d.ts

@@ -3,7 +3,8 @@ import { Control } from 'react-hook-form/dist/types';
 import { UIField } from '../../fieldsConfiguration';
 export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
-    control: Control<T>;
+    isEditMode?: boolean;
+    control?: Control<T>;
     spacer?: number;
 };
-export declare const FieldMapper: <T extends object>({ field, spacer, control, }: FieldMapperProps<T>) => JSX.Element;
+export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, }: FieldMapperProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/FieldSection/FieldSection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { UIFields } from '../../fieldsConfiguration';
+export declare type FieldSectionProps<T extends object> = {
+    label: string;
+    control?: Control<T>;
+    isEditMode?: boolean;
+    fields: UIFields<T>;
+};
+export declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldSection as FieldSectionComponent } from './FieldSection';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ fields, label, isEditMode, control, }: import("./FieldSection").FieldSectionProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const FieldSection: ComponentStory<typeof FieldSectionComponent>;

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

@@ -7,7 +7,7 @@ export declare type SelectFieldProps = {
     selectProps: SelectProps;
     labelsProps?: FieldLabelsProps;
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     required?: boolean;
     optional?: boolean;
     defaultValue?: string;

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

@@ -11,3 +11,4 @@ export * from './InfoBox/InfoBox';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
 export * from './TabGroup/TabGroup';
+export * from './FieldSection/FieldSection';

package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { GoogleMapProps } from '../../atoms';
+import { FieldSectionProps } from '../../molecules';
+export declare type AccountInformationProps<T extends object> = {
+    fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
+    control: Control<any>;
+    isEditMode?: boolean;
+    mapConfig: GoogleMapProps;
+};
+export declare const AccountInformation: <T extends object>({ fieldSections, control, isEditMode, mapConfig, }: AccountInformationProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/ProfileInformation/ProfileInformation.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import type { Callback } from 'typescript';
+import { AvatarProps } from '../../atoms';
+import { TabProps } from '../../molecules/Tab/Tab';
+export declare type ProfileInformationProps<TabKeys extends string> = {
+    backgroundImageUrl: string;
+    avatarProps: AvatarProps;
+    tabs: TabProps<string, TabKeys>[];
+    tabContents: Record<TabKeys, () => ReactNode>;
+    initialTabKey: TabKeys;
+    title: string;
+    editIcons?: {
+        isEditMode: boolean;
+        onSave: Callback;
+        onEdit: Callback;
+        onClose: Callback;
+    };
+};
+export declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ProfileInformation as ProfileInformationComponent } from './ProfileInformation';
+declare const _default: {
+    title: string;
+    component: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: import("./ProfileInformation").ProfileInformationProps<TabKeys>) => JSX.Element;
+};
+export default _default;
+export declare const ProfileInformation: ComponentStory<typeof ProfileInformationComponent>;

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

@@ -3,4 +3,5 @@ export * from './AcquisitionForm/AcquisitionForm';
 export * from './LoginForm/LoginForm';
 export * from './TwoFactorAuth/TwoFactorAuth';
 export * from './Header/Header';
+export * from './ProfileInformation/ProfileInformation';
 export * from './ForgotPasswordForm/ForgotPasswordForm';

package/dist/cjs/src/theme/provider.d.ts

@@ -1,2 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const ZealThemeProvider: (props: PropsWithChildren<{}>) => JSX.Element;
+import { DefaultTheme } from 'styled-components';
+export declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: DefaultTheme;
+}>) => JSX.Element;