@zealicsolutions/web-ui 0.1.20 → 0.1.22
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/molecules/MenuNavigation/MenuNavigation.d.ts +3 -0
- package/dist/cjs/src/molecules/Tab/Tab.d.ts +2 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/TabGroup/styles.d.ts +1 -0
- package/dist/cjs/src/organisms/Header/HeaderA.d.ts +2 -3
- package/dist/cjs/src/organisms/Header/HeaderB.d.ts +2 -2
- package/dist/cjs/src/organisms/Header/HeaderC.d.ts +2 -2
- package/dist/cjs/src/organisms/Header/HeaderMobileNavigation.d.ts +4 -0
- package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/cjs/src/organisms/SetPasswordForm/SetPasswordForm.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/molecules/MenuNavigation/MenuNavigation.d.ts +3 -0
- package/dist/esm/src/molecules/Tab/Tab.d.ts +2 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +2 -1
- package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +1 -1
- package/dist/esm/src/molecules/TabGroup/styles.d.ts +1 -0
- package/dist/esm/src/organisms/Header/HeaderA.d.ts +2 -3
- package/dist/esm/src/organisms/Header/HeaderB.d.ts +2 -2
- package/dist/esm/src/organisms/Header/HeaderC.d.ts +2 -2
- package/dist/esm/src/organisms/Header/HeaderMobileNavigation.d.ts +4 -0
- package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/esm/src/organisms/SetPasswordForm/SetPasswordForm.d.ts +1 -1
- package/dist/index.d.ts +16 -12
- package/package.json +1 -1
@@ -4,3 +4,6 @@ export declare type MenuNavigationProps<T> = {
|
|
4
4
|
menuConfig: MenuItemsProps<T>;
|
5
5
|
};
|
6
6
|
export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
|
7
|
+
export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
8
|
+
isOpen: boolean;
|
9
|
+
}, never>;
|
@@ -11,12 +11,13 @@ export declare type TabProps<T = string, K = string> = {
|
|
11
11
|
tabKey: T;
|
12
12
|
text: string;
|
13
13
|
disabled?: boolean;
|
14
|
+
vertical?: boolean;
|
14
15
|
isActive?: boolean;
|
15
16
|
onClick?: (key: T) => void;
|
16
17
|
options?: MenuItem<K>[];
|
17
18
|
onOptionClick?: (optionKey: K) => void;
|
18
19
|
};
|
19
|
-
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
|
20
|
+
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
|
20
21
|
export declare const Tab: <T, K>(props: TabProps<T, K> & {
|
21
22
|
ref?: React.ForwardedRef<TabElement> | undefined;
|
22
23
|
}) => ReturnType<typeof ZealTab>;
|
@@ -9,5 +9,6 @@ export declare type TabGroupProps<T = string, K = string> = {
|
|
9
9
|
onTabChange?: (tabKey: T) => void;
|
10
10
|
onOptionClick?: (optionKey: K) => void;
|
11
11
|
style?: CSSProperties;
|
12
|
+
vertical?: boolean;
|
12
13
|
};
|
13
|
-
export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
|
14
|
+
export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
|
@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
|
|
3
3
|
import { TabGroup as TabGroupComponent } from './TabGroup';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
|
6
|
+
component: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { SizesTypes } from 'theme/types';
|
2
2
|
export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
3
3
|
spacing: SizesTypes;
|
4
|
+
vertical: boolean;
|
4
5
|
}, never>;
|
5
6
|
export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
6
7
|
declare type TabSliderProps = {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { TabGroupProps } from 'molecules';
|
3
3
|
import type { Callback } from 'typescript';
|
4
4
|
declare type ImportantLink = {
|
5
5
|
text: string;
|
@@ -11,8 +11,7 @@ export declare type HeaderAProps<T = string> = {
|
|
11
11
|
tabsProps: TabGroupProps;
|
12
12
|
onActionButtonClick?: Callback;
|
13
13
|
buttonText: string;
|
14
|
-
menuConfig: MenuItemsProps<T>;
|
15
14
|
isMobile?: boolean;
|
16
15
|
};
|
17
|
-
export declare const HeaderA: <T extends string | number>({ logoUrl, links, onActionButtonClick,
|
16
|
+
export declare const HeaderA: <T extends string | number>({ logoUrl, links, onActionButtonClick, tabsProps, buttonText, isMobile, }: HeaderAProps<T>) => JSX.Element;
|
18
17
|
export {};
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { HeaderAProps } from 'organisms/Header/HeaderA';
|
3
|
-
export declare type HeaderBProps<T = string> = Pick<HeaderAProps<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | '
|
4
|
-
export declare const HeaderB: <T extends string | number>({ logoUrl, onActionButtonClick, buttonText,
|
3
|
+
export declare type HeaderBProps<T = string> = Pick<HeaderAProps<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick'>;
|
4
|
+
export declare const HeaderB: <T extends string | number>({ logoUrl, onActionButtonClick, buttonText, isMobile, tabsProps, }: HeaderBProps<T>) => JSX.Element;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { HeaderAProps } from 'organisms/Header/HeaderA';
|
3
|
-
export declare type HeaderCProps<T> = Pick<HeaderAProps<T>, 'logoUrl' | 'tabsProps' | '
|
4
|
-
export declare const HeaderC: <T extends string | number>({ logoUrl,
|
3
|
+
export declare type HeaderCProps<T> = Pick<HeaderAProps<T>, 'logoUrl' | 'tabsProps' | 'isMobile'>;
|
4
|
+
export declare const HeaderC: <T extends string | number>({ logoUrl, tabsProps, isMobile, }: HeaderCProps<T>) => JSX.Element;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { HeaderAProps } from './HeaderA';
|
3
|
+
export declare type HeaderMobileNavigationProps = Pick<HeaderAProps, 'logoUrl' | 'tabsProps'>;
|
4
|
+
export declare const HeaderMobileNavigation: ({ tabsProps, logoUrl }: HeaderMobileNavigationProps) => JSX.Element;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { Callback } from 'typescript';
|
3
3
|
import { UIFields } from '../../fieldsConfiguration';
|
4
|
-
import { LoginFields } from './types';
|
5
4
|
import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
|
5
|
+
import { LoginFields } from './types';
|
6
6
|
export declare type LoginFormProps = {
|
7
7
|
fields: UIFields<LoginFields>;
|
8
8
|
logoUrl: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
|
3
3
|
import { UIFields } from '../../fieldsConfiguration';
|
4
4
|
export declare type SetPasswordRuleValidation = {
|
5
5
|
label: string;
|