@zealicsolutions/web-ui 0.0.7 → 0.0.9

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Callback, StylesType } from 'typescript';
 import * as react from 'react';
-import { PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
+import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
 import * as styled_components from 'styled-components';
 import { DefaultTheme, CSSProperties } from 'styled-components';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
@@ -9,10 +9,13 @@ import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFie
 import { SizesTypes as SizesTypes$1, ThemeColors as ThemeColors$1 } from 'theme/types';
 import { SizesTypes as SizesTypes$2, ThemeColors as ThemeColors$2 } from 'theme';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
+import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
+import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
 import { Control } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { SetPasswordFields, SetPasswordRuleValidation } from 'organisms/SetPasswordForm/types';
+import { FieldSectionProps as FieldSectionProps$1 } from 'molecules';
 import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 
@@ -99,7 +102,9 @@ declare const TextWrapper: styled_components.StyledComponent<"div", styled_compo
 
 declare const defaultTheme: DefaultTheme;
 
-declare const ZealThemeProvider: (props: PropsWithChildren<{}>) => JSX.Element;
+declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: DefaultTheme;
+}>) => JSX.Element;
 
 declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning';
 declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
@@ -197,13 +202,13 @@ declare type ToastParams = {
 declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
 
 declare type AvatarProps = {
-    size?: SizesTypes | number;
+    size?: SizesTypes$2 | number;
     withShadow?: boolean;
     label?: string;
-    backgroundColor?: ThemeColors;
+    backgroundColor?: ThemeColors$2;
     textConfig?: {
-        color?: ThemeColors;
-        font?: SizesTypes;
+        color?: ThemeColors$2;
+        font?: SizesTypes$2;
     };
     content: {
         initials?: string;
@@ -229,6 +234,17 @@ declare type DividerProps = {
 };
 declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
 
+declare type MapPosition = {
+    lat: number;
+    lng: number;
+};
+declare type GoogleMapProps = {
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps;
+declare const GoogleMap: react__default.ComponentClass<{
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps, any>;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
     label: string;
@@ -280,21 +296,28 @@ declare type UIFields<T extends object> = UIField<keyof T>[];
 
 declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<T>) => DeepPartial<T>;
 declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$1<T>;
 
 declare const acquisitionFormMockFields: UIFields$1<any>;
 declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
 declare const loginMockFields: UIFields$1<LoginFields$1>;
+declare const sectionMockFields: UIFields$1<any>;
+declare const profileInformationMockForm: {
+    label: string;
+    fields: UIFields$1<any>;
+}[];
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
-    control: Control<T>;
+    isEditMode?: boolean;
+    control?: Control<T>;
     spacer?: number;
 };
-declare const FieldMapper: <T extends object>({ field, spacer, control, }: FieldMapperProps<T>) => JSX.Element;
+declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, }: FieldMapperProps<T>) => JSX.Element;
 
 declare type CheckboxFieldProps = {
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     defaultValue?: boolean;
     checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
 };
@@ -304,7 +327,7 @@ declare type SelectFieldProps = {
     selectProps: SelectProps;
     labelsProps?: FieldLabelsProps;
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     required?: boolean;
     optional?: boolean;
     defaultValue?: string;
@@ -351,9 +374,11 @@ declare const Banner: ({ backgroundImage, button, title, description }: BannerPr
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
+    padding?: SizesTypes$1 | number;
+    closeIconColor?: ThemeColors$1 | string;
 };
 
-declare const Drawer: ({ children, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
 declare type InfoBoxProps = {
     title: string;
@@ -400,6 +425,14 @@ declare type TabGroupProps<T = string, K = string> = {
 };
 declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: TabGroupProps<T, K>) => JSX.Element;
 
+declare type FieldSectionProps<T extends object> = {
+    label: string;
+    control?: Control<T>;
+    isEditMode?: boolean;
+    fields: UIFields<T>;
+};
+declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
+
 declare type SetPasswordFormProps = {
     fields: UIFields<SetPasswordFields>;
     logoUrl: string;
@@ -466,6 +499,22 @@ declare type HeaderProps = {
 };
 declare const Header: ({ logoUrl, links, onActionButtonClick, tabs, withAvatar }: HeaderProps) => JSX.Element;
 
+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;
+    };
+};
+declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
+
 declare type EmailAddressFields = {
     email: string;
 };
@@ -478,27 +527,11 @@ declare type ForgotPasswordFormProps = {
 declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
 
 declare type DefaultTemplateProps = {
-    header: HeaderProps;
-    banner?: BannerProps;
-    renderContent: () => JSX.Element;
-};
-declare const DefaultTemplate: ({ banner, header, renderContent }: DefaultTemplateProps) => JSX.Element;
-
-declare type AuthDrawerContentType = 'sign-up' | 'sign-in' | 'set-password' | 'forgot-password';
-declare type AuthDrawerContentProps = {
-    type: AuthDrawerContentType;
-    acquisitionFormConfig: AcquisitionFormProps<any>;
-    loginFormConfig: LoginFormProps;
-    forgotPasswordConfig: ForgotPasswordFormProps;
-    setPasswordConfig: SetPasswordFormProps;
-};
-
-declare type RegistrationPageProps = {
-    templateConfig: DefaultTemplateProps;
-    drawerConfig: Pick<DrawerProps, 'open' | 'onClose'>;
-    drawerContentConfig: AuthDrawerContentProps;
+    header: React.ReactNode;
+    banner?: React.ReactNode;
+    content?: React.ReactNode;
 };
-declare const AuthPage: ({ templateConfig, drawerContentConfig, drawerConfig, }: RegistrationPageProps) => JSX.Element;
+declare const DefaultTemplate: ({ header, banner, content }: DefaultTemplateProps) => JSX.Element;
 
 interface Helpers {
     goToNextStep: () => void;
@@ -510,4 +543,4 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-export { AcquisitionForm, AcquisitionFormProps, AuthMethod, AuthPage, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, Banner, BannerProps, BaseButtonProps, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldTypes, ForgotPasswordForm, ForgotPasswordFormProps, Header, HeaderProps, HorizontalPadding, HorizontalPaddingProps, Icon, IconNames, IconProps, Image, ImageProps, InfoBox, InfoBoxProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MenuItem, MenuItems, MenuItemsProps, RegistrationPageProps, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getInitialValuesFromFields, isFormValid, loginMockFields, setPasswordMockFields, toast, toastStyles, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, Banner, BannerProps, BaseButtonProps, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HorizontalPadding, HorizontalPaddingProps, Icon, IconNames, IconProps, Image, ImageProps, InfoBox, InfoBoxProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, ProfileInformation, ProfileInformationProps, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -74,14 +74,14 @@
     "rollup-plugin-import-css": "^3.0.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-uglify": "^6.0.4",
     "styled-system": "^5.1.5",
     "ts-node": "^10.9.1",
     "typescript": "^4.8.2"
   },
   "peerDependencies": {
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "styled-components": "*"
   },
   "dependencies": {
     "@mui/material": "^5.10.4",
@@ -91,6 +91,7 @@
     "rc-notification": "^4.6.0",
     "rc-tooltip": "^5.2.2",
     "react-dom": "^18.2.0",
+    "react-google-maps": "^9.4.5",
     "react-hook-form": "^7.34.2",
     "styled-components": "^5.3.5"
   },

package/dist/cjs/src/pages/AuthPage/AuthDrawerContent.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AcquisitionFormProps, ForgotPasswordFormProps, LoginFormProps, SetPasswordFormProps } from '../../organisms';
-export declare type AuthDrawerContentType = 'sign-up' | 'sign-in' | 'set-password' | 'forgot-password';
-export declare type AuthDrawerContentProps = {
-    type: AuthDrawerContentType;
-    acquisitionFormConfig: AcquisitionFormProps<any>;
-    loginFormConfig: LoginFormProps;
-    forgotPasswordConfig: ForgotPasswordFormProps;
-    setPasswordConfig: SetPasswordFormProps;
-};
-export declare const AuthDrawerContent: ({ type, loginFormConfig, acquisitionFormConfig, forgotPasswordConfig, setPasswordConfig, }: AuthDrawerContentProps) => JSX.Element;

package/dist/cjs/src/pages/AuthPage/AuthPage.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { DrawerProps } from '../../molecules/Drawer/styles';
-import { DefaultTemplateProps } from '../../templates';
-import { AuthDrawerContentProps } from './AuthDrawerContent';
-export declare type RegistrationPageProps = {
-    templateConfig: DefaultTemplateProps;
-    drawerConfig: Pick<DrawerProps, 'open' | 'onClose'>;
-    drawerContentConfig: AuthDrawerContentProps;
-};
-export declare const AuthPage: ({ templateConfig, drawerContentConfig, drawerConfig, }: RegistrationPageProps) => JSX.Element;

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

@@ -1 +0,0 @@
-export * from './AuthPage/AuthPage';

package/dist/cjs/src/templates/MainTemplate/index.d.ts

@@ -1 +0,0 @@
-export declare const template = "template";

package/dist/esm/src/pages/AuthPage/AuthDrawerContent.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AcquisitionFormProps, ForgotPasswordFormProps, LoginFormProps, SetPasswordFormProps } from '../../organisms';
-export declare type AuthDrawerContentType = 'sign-up' | 'sign-in' | 'set-password' | 'forgot-password';
-export declare type AuthDrawerContentProps = {
-    type: AuthDrawerContentType;
-    acquisitionFormConfig: AcquisitionFormProps<any>;
-    loginFormConfig: LoginFormProps;
-    forgotPasswordConfig: ForgotPasswordFormProps;
-    setPasswordConfig: SetPasswordFormProps;
-};
-export declare const AuthDrawerContent: ({ type, loginFormConfig, acquisitionFormConfig, forgotPasswordConfig, setPasswordConfig, }: AuthDrawerContentProps) => JSX.Element;

package/dist/esm/src/pages/AuthPage/AuthPage.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { DrawerProps } from '../../molecules/Drawer/styles';
-import { DefaultTemplateProps } from '../../templates';
-import { AuthDrawerContentProps } from './AuthDrawerContent';
-export declare type RegistrationPageProps = {
-    templateConfig: DefaultTemplateProps;
-    drawerConfig: Pick<DrawerProps, 'open' | 'onClose'>;
-    drawerContentConfig: AuthDrawerContentProps;
-};
-export declare const AuthPage: ({ templateConfig, drawerContentConfig, drawerConfig, }: RegistrationPageProps) => JSX.Element;

package/dist/esm/src/pages/index.d.ts

@@ -1 +0,0 @@
-export * from './AuthPage/AuthPage';

package/dist/esm/src/templates/MainTemplate/index.d.ts

@@ -1 +0,0 @@
-export declare const template = "template";