@zealicsolutions/web-ui 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/organisms/Header/{Header/Header.d.ts → Header.d.ts} +5 -6
- package/dist/cjs/src/organisms/Header/Header.stories.d.ts +9 -0
- package/dist/cjs/src/organisms/index.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/organisms/Header/{Header/Header.d.ts → Header.d.ts} +5 -6
- package/dist/esm/src/organisms/Header/Header.stories.d.ts +9 -0
- package/dist/esm/src/organisms/index.d.ts +1 -1
- package/dist/index.d.ts +57 -3
- package/package.json +1 -1
- package/dist/cjs/src/organisms/Header/Header/Header.stories.d.ts +0 -17
- package/dist/cjs/src/organisms/Header/HeaderA/HeaderA.stories.d.ts +0 -9
- package/dist/cjs/src/organisms/Header/HeaderB/HeaderB.stories.d.ts +0 -9
- package/dist/cjs/src/organisms/Header/HeaderC/HeaderC.stories.d.ts +0 -9
- package/dist/cjs/src/organisms/Header/HeaderD/HeaderD.stories.d.ts +0 -9
- package/dist/esm/src/organisms/Header/Header/Header.stories.d.ts +0 -17
- package/dist/esm/src/organisms/Header/HeaderA/HeaderA.stories.d.ts +0 -9
- package/dist/esm/src/organisms/Header/HeaderB/HeaderB.stories.d.ts +0 -9
- package/dist/esm/src/organisms/Header/HeaderC/HeaderC.stories.d.ts +0 -9
- package/dist/esm/src/organisms/Header/HeaderD/HeaderD.stories.d.ts +0 -9
- /package/dist/cjs/src/organisms/Header/{HeaderA/HeaderA.d.ts → HeaderA.d.ts} +0 -0
- /package/dist/cjs/src/organisms/Header/{HeaderB/HeaderB.d.ts → HeaderB.d.ts} +0 -0
- /package/dist/cjs/src/organisms/Header/{HeaderC/HeaderC.d.ts → HeaderC.d.ts} +0 -0
- /package/dist/cjs/src/organisms/Header/{HeaderD/HeaderD.d.ts → HeaderD.d.ts} +0 -0
- /package/dist/esm/src/organisms/Header/{HeaderA/HeaderA.d.ts → HeaderA.d.ts} +0 -0
- /package/dist/esm/src/organisms/Header/{HeaderB/HeaderB.d.ts → HeaderB.d.ts} +0 -0
- /package/dist/esm/src/organisms/Header/{HeaderC/HeaderC.d.ts → HeaderC.d.ts} +0 -0
- /package/dist/esm/src/organisms/Header/{HeaderD/HeaderD.d.ts → HeaderD.d.ts} +0 -0
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { HeaderAProps } from '
|
3
|
-
import { HeaderBProps } from '
|
4
|
-
import { HeaderCProps } from '
|
5
|
-
import { HeaderDProps } from '
|
6
|
-
declare type HeaderProps<T> = (HeaderAProps<T> & {
|
2
|
+
import { HeaderAProps } from './HeaderA';
|
3
|
+
import { HeaderBProps } from './HeaderB';
|
4
|
+
import { HeaderCProps } from './HeaderC';
|
5
|
+
import { HeaderDProps } from './HeaderD';
|
6
|
+
export declare type HeaderProps<T> = (HeaderAProps<T> & {
|
7
7
|
type: 'header_a';
|
8
8
|
}) | (HeaderBProps<T> & {
|
9
9
|
type: 'header_b';
|
@@ -13,4 +13,3 @@ declare type HeaderProps<T> = (HeaderAProps<T> & {
|
|
13
13
|
type: 'header_d';
|
14
14
|
});
|
15
15
|
export declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
|
16
|
-
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
3
|
+
import { Header as HeaderComponent } from 'organisms/Header/Header';
|
4
|
+
declare const _default: {
|
5
|
+
title: string;
|
6
|
+
component: <T extends string | number>(props: import("organisms/Header/Header").HeaderProps<T>) => JSX.Element;
|
7
|
+
};
|
8
|
+
export default _default;
|
9
|
+
export declare const Header: ComponentStory<typeof HeaderComponent>;
|
@@ -2,10 +2,10 @@ export * from './SetPasswordForm/SetPasswordForm';
|
|
2
2
|
export * from './AcquisitionForm/AcquisitionForm';
|
3
3
|
export * from './LoginForm/LoginForm';
|
4
4
|
export * from './TwoFactorAuth/TwoFactorAuth';
|
5
|
-
export * from 'organisms/Header/Header/Header';
|
6
5
|
export * from './Footer/Footer';
|
7
6
|
export * from './Footer/types';
|
8
7
|
export * from './ProfileInformation/ProfileInformation';
|
9
8
|
export * from './ForgotPasswordForm/ForgotPasswordForm';
|
10
9
|
export * from './Body/Body';
|
11
10
|
export * from './ISI/ISI';
|
11
|
+
export * from './Header/Header';
|
package/dist/index.d.ts
CHANGED
@@ -19,11 +19,10 @@ import { InputProps as InputProps$1 } from 'atoms';
|
|
19
19
|
import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
|
20
20
|
import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
|
21
21
|
import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
|
22
|
-
export * from 'organisms/Header/Header/Header';
|
23
22
|
import { FooterAProps } from 'organisms/Footer/FooterA';
|
24
23
|
import { FooterBProps } from 'organisms/Footer/FooterB';
|
25
24
|
import { FooterCProps } from 'organisms/Footer/FooterC';
|
26
|
-
import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1 } from 'molecules';
|
25
|
+
import { FieldSectionProps as FieldSectionProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, MenuItemsProps as MenuItemsProps$1, AvatarDropdownProps as AvatarDropdownProps$1 } from 'molecules';
|
27
26
|
import { ISIAProps } from 'organisms/ISI/ISIA';
|
28
27
|
import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
|
29
28
|
|
@@ -592,6 +591,61 @@ declare const Body: ({ elements, containerStyles }: BodyProps) => JSX.Element;
|
|
592
591
|
declare type ISIProps = ISIAProps;
|
593
592
|
declare const ISI: (props: ISIProps) => JSX.Element;
|
594
593
|
|
594
|
+
declare type ImportantLink$1 = {
|
595
|
+
text: string;
|
596
|
+
href: string;
|
597
|
+
};
|
598
|
+
declare type HeaderAProps<T> = {
|
599
|
+
links?: ImportantLink$1[];
|
600
|
+
logoUrl: string;
|
601
|
+
tabs: TabGroupProps$1['tabs'];
|
602
|
+
onActionButtonClick?: Callback;
|
603
|
+
buttonText: string;
|
604
|
+
menuConfig: MenuItemsProps$1<T>;
|
605
|
+
isMobile?: boolean;
|
606
|
+
};
|
607
|
+
|
608
|
+
declare type HeaderBProps<T> = {
|
609
|
+
logoUrl: string;
|
610
|
+
tabs: TabGroupProps$1['tabs'];
|
611
|
+
onActionButtonClick?: Callback;
|
612
|
+
buttonText?: string;
|
613
|
+
menuConfig: MenuItemsProps$1<T>;
|
614
|
+
isMobile?: boolean;
|
615
|
+
};
|
616
|
+
|
617
|
+
declare type HeaderCProps<T> = {
|
618
|
+
logoUrl: string;
|
619
|
+
tabs: TabGroupProps$1['tabs'];
|
620
|
+
menuConfig: MenuItemsProps$1<T>;
|
621
|
+
isMobile?: boolean;
|
622
|
+
};
|
623
|
+
|
624
|
+
declare type ImportantLink = {
|
625
|
+
text: string;
|
626
|
+
href: string;
|
627
|
+
};
|
628
|
+
declare type HeaderDProps = {
|
629
|
+
links?: ImportantLink[];
|
630
|
+
logoUrl: string;
|
631
|
+
tabs: TabGroupProps$1['tabs'];
|
632
|
+
withAvatar: {
|
633
|
+
props: AvatarDropdownProps$1<string>;
|
634
|
+
};
|
635
|
+
isMobile?: boolean;
|
636
|
+
};
|
637
|
+
|
638
|
+
declare type HeaderProps<T> = (HeaderAProps<T> & {
|
639
|
+
type: 'header_a';
|
640
|
+
}) | (HeaderBProps<T> & {
|
641
|
+
type: 'header_b';
|
642
|
+
}) | (HeaderCProps<T> & {
|
643
|
+
type: 'header_c';
|
644
|
+
}) | (HeaderDProps & {
|
645
|
+
type: 'header_d';
|
646
|
+
});
|
647
|
+
declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
|
648
|
+
|
595
649
|
declare type DefaultTemplateProps = {
|
596
650
|
header: React.ReactNode;
|
597
651
|
banner?: React.ReactNode;
|
@@ -609,4 +663,4 @@ interface Helpers {
|
|
609
663
|
}
|
610
664
|
declare const useStep: (maxStep: number) => [number, Helpers];
|
611
665
|
|
612
|
-
export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
|
666
|
+
export { AcquisitionForm, AcquisitionFormProps, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, ColumnItem, Columns, ColumnsProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, EmphasizedText, EmphasizedTextProps, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, ProfileInformation, ProfileInformationProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, toast, toastStyles, useMediaQuery, useStep };
|
package/package.json
CHANGED
@@ -1,17 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { Header as HeaderComponent } from './Header';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>(props: (import("../HeaderD/HeaderD").HeaderDProps & {
|
7
|
-
type: "header_d";
|
8
|
-
}) | (import("../HeaderA/HeaderA").HeaderAProps<T> & {
|
9
|
-
type: "header_a";
|
10
|
-
}) | (import("../HeaderB/HeaderB").HeaderBProps<T> & {
|
11
|
-
type: "header_b";
|
12
|
-
}) | (import("../HeaderC/HeaderC").HeaderCProps<T> & {
|
13
|
-
type: "header_c";
|
14
|
-
})) => JSX.Element;
|
15
|
-
};
|
16
|
-
export default _default;
|
17
|
-
export declare const Header: ComponentStory<typeof HeaderComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderA as HeaderAComponent } from './HeaderA';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabs, menuConfig, buttonText, isMobile, }: import("./HeaderA").HeaderAProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderA: ComponentStory<typeof HeaderAComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderB as HeaderBComponent } from './HeaderB';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, onActionButtonClick, tabs, buttonText, menuConfig, isMobile, }: import("./HeaderB").HeaderBProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderB: ComponentStory<typeof HeaderBComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderC as HeaderCComponent } from './HeaderC';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, tabs, menuConfig, isMobile, }: import("./HeaderC").HeaderCProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderC: ComponentStory<typeof HeaderCComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderD as HeaderDComponent } from './HeaderD';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ logoUrl, links, tabs, withAvatar, isMobile }: import("./HeaderD").HeaderDProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderD: ComponentStory<typeof HeaderDComponent>;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { Header as HeaderComponent } from './Header';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>(props: (import("../HeaderD/HeaderD").HeaderDProps & {
|
7
|
-
type: "header_d";
|
8
|
-
}) | (import("../HeaderA/HeaderA").HeaderAProps<T> & {
|
9
|
-
type: "header_a";
|
10
|
-
}) | (import("../HeaderB/HeaderB").HeaderBProps<T> & {
|
11
|
-
type: "header_b";
|
12
|
-
}) | (import("../HeaderC/HeaderC").HeaderCProps<T> & {
|
13
|
-
type: "header_c";
|
14
|
-
})) => JSX.Element;
|
15
|
-
};
|
16
|
-
export default _default;
|
17
|
-
export declare const Header: ComponentStory<typeof HeaderComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderA as HeaderAComponent } from './HeaderA';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabs, menuConfig, buttonText, isMobile, }: import("./HeaderA").HeaderAProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderA: ComponentStory<typeof HeaderAComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderB as HeaderBComponent } from './HeaderB';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, onActionButtonClick, tabs, buttonText, menuConfig, isMobile, }: import("./HeaderB").HeaderBProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderB: ComponentStory<typeof HeaderBComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderC as HeaderCComponent } from './HeaderC';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T extends string | number>({ logoUrl, tabs, menuConfig, isMobile, }: import("./HeaderC").HeaderCProps<T>) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderC: ComponentStory<typeof HeaderCComponent>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ComponentStory } from '@storybook/react';
|
3
|
-
import { HeaderD as HeaderDComponent } from './HeaderD';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ logoUrl, links, tabs, withAvatar, isMobile }: import("./HeaderD").HeaderDProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const HeaderD: ComponentStory<typeof HeaderDComponent>;
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|