@zealicsolutions/web-ui 0.2.66 → 0.2.67

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -8,8 +8,6 @@ export declare type BaseButtonProps = PropsWithChildren<{
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
 }>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -21,4 +19,4 @@ export declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, }: ButtonProps) => JSX.Element | null;

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

@@ -6,7 +6,7 @@ import { IconButton as IconButtonComponent } from './IconButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, }: import("./Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: ComponentStory<typeof ButtonComponent>;

package/dist/esm/src/atoms/Buttons/TextButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseButtonProps } from './Button';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children'> & {
     buttonLink?: string;
     elementId?: string;
 };
@@ -10,7 +10,9 @@ export declare const TextButton: import("styled-components").StyledComponent<"di
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;

package/dist/esm/src/{molecules → atoms}/Tab/Tab.d.ts

@@ -1,7 +1,7 @@
+import { MenuItem } from 'molecules';
 import React from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { StylesType } from 'typescript';
-import { MenuItem } from '..';
 export declare type TabOption<T = string> = {
     menuText: string;
     menuKey: T;
@@ -22,7 +22,7 @@ export declare type TabProps<T = string, K = string> = {
     tabTheme?: TabTheme;
     divider?: boolean;
     tabFont?: FontSizesTypes;
-    textSize?: SizesTypes | number;
+    textSize?: number;
     tabPadding?: SizesTypes | number;
     textColor?: ThemeColors | string;
     selectedTabTextColor?: ThemeColors | string;

package/dist/esm/src/atoms/Tab/Tab.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Tab as TabComponent } from './Tab';
+declare const _default: {
+    title: string;
+    component: <T, K>(props: import("atoms").TabProps<T, K> & {
+        ref?: React.ForwardedRef<HTMLDivElement | null> | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+declare type Story = StoryObj<typeof TabComponent>;
+export declare const Tab: Story;

package/dist/esm/src/{molecules → atoms}/Tab/styles.d.ts

@@ -1,4 +1,4 @@
-import { TabProps } from './Tab';
+import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'textColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'textColor' | 'tabPadding'>;
 export declare const TabText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("atoms").TextWrapperProps & TabTextProps, never>;

package/dist/{cjs/src/molecules → esm/src/atoms}/Tab/utils.d.ts

@@ -1,4 +1,4 @@
-import { TabTheme } from 'molecules/Tab/Tab';
+import { TabTheme } from 'atoms/Tab/Tab';
 import { ThemeColors } from 'theme';
 export declare const getColorForCaretDownIcon: (color?: ThemeColors | string, tabTheme?: TabTheme, disabled?: boolean) => string;
 export declare const getSelectionIndicatorColor: (selectedTabIndicatorColor?: ThemeColors | string, isActiveTab?: boolean, tabTheme?: TabTheme) => string;

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

@@ -23,3 +23,4 @@ export * from './RadioButtons/RadioButtons';
 export * from './Circle/Circle';
 export * from './CircularIndicator/CircularIndicator';
 export * from './Buttons/IconButton';
+export * from './Tab/Tab';

package/dist/esm/src/molecules/Columns/styles.d.ts

@@ -9,10 +9,12 @@ export declare const Link: import("styled-components").StyledComponent<"div", im
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<import("atoms").BaseButtonProps, "children" | "onClick" | "disabled"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;
 export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;

package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { TabProps, TabTheme } from 'atoms';
 import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
-import { TabProps, TabTheme } from '../Tab/Tab';
 export declare type TabGroupProps<T = string, K = string> = {
     tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
     activeTabKey: T;
@@ -12,7 +12,7 @@ export declare type TabGroupProps<T = string, K = string> = {
     vertical?: boolean;
     tabTheme?: TabTheme;
     tabFont?: FontSizesTypes;
-    textSize?: SizesTypes | number;
+    textSize?: number;
     tabPadding?: SizesTypes | number;
     tabSpacing?: SizesTypes;
     textColor?: ThemeColors | string;

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

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

package/dist/esm/src/molecules/TabGroup/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabTheme } from 'molecules/Tab/Tab';
+import { TabTheme } from 'atoms/Tab/Tab';
 import { SizesTypes, ThemeColors } from 'theme/types';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;

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

@@ -10,7 +10,6 @@ export * from './Drawer/Drawer';
 export * from './Columns/Columns';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
-export * from './Tab/Tab';
 export * from './TabGroup/TabGroup';
 export * from './FieldSection/FieldSection';
 export * from './MenuNavigation/MenuNavigation';

package/dist/index.d.ts

@@ -15,12 +15,12 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
 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 { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, AvatarProps as AvatarProps$1 } from 'atoms';
+import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, AvatarProps as AvatarProps$1 } from 'atoms';
+import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
 import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
-import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UIFields as UIFields$2 } from 'fieldsConfiguration';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
@@ -45,8 +45,6 @@ declare type BaseButtonProps = PropsWithChildren<{
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
 }>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -58,7 +56,7 @@ declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -188,7 +186,7 @@ declare type ImageProps = {
 declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 
-declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
+declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children'> & {
     buttonLink?: string;
     elementId?: string;
 };
@@ -198,10 +196,12 @@ declare const TextButton: styled_components.StyledComponent<"div", styled_compon
     disabled?: boolean | undefined;
 } & {
     children?: React$1.ReactNode;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;
 
 declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 declare type ValidationTagProps = {
@@ -344,6 +344,38 @@ declare type IconButtonProps = {
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
 
+declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+declare type TabTheme = 'light' | 'dark';
+declare type TabProps<T = string, K = string> = {
+    tabKey: T;
+    text: string;
+    disabled?: boolean;
+    vertical?: boolean;
+    isActive?: boolean;
+    onClick?: (key: T) => void;
+    options?: MenuItem$1<K>[];
+    onOptionClick?: (optionKey: K) => void;
+    tabTheme?: TabTheme;
+    divider?: boolean;
+    tabFont?: FontSizesTypes$2;
+    textSize?: number;
+    tabPadding?: SizesTypes$1 | number;
+    textColor?: ThemeColors$2 | string;
+    selectedTabTextColor?: ThemeColors$2 | string;
+    selectedTabIndicatorColor?: ThemeColors$2 | string;
+    styles?: StylesType;
+};
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
+declare const Tab: <T, K>(props: TabProps<T, K> & {
+    ref?: React__default.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
     label: string;
@@ -530,48 +562,16 @@ declare type AvatarDropdownProps<T> = {
 };
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
-declare type TabOption<T = string> = {
-    menuText: string;
-    menuKey: T;
-    onMenuClick?: (key: T) => void;
-    isSelected?: boolean;
-};
-declare type TabElement = HTMLDivElement | null;
-declare type TabTheme = 'light' | 'dark';
-declare type TabProps<T = string, K = string> = {
-    tabKey: T;
-    text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem<K>[];
-    onOptionClick?: (optionKey: K) => void;
-    tabTheme?: TabTheme;
-    divider?: boolean;
-    tabFont?: FontSizesTypes$2;
-    textSize?: SizesTypes$1 | number;
-    tabPadding?: SizesTypes$1 | number;
-    textColor?: ThemeColors$2 | string;
-    selectedTabTextColor?: ThemeColors$2 | string;
-    selectedTabIndicatorColor?: ThemeColors$2 | string;
-    styles?: StylesType;
-};
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
-declare const Tab: <T, K>(props: TabProps<T, K> & {
-    ref?: React__default.ForwardedRef<TabElement> | undefined;
-}) => ReturnType<typeof ZealTab>;
-
 declare type TabGroupProps<T = string, K = string> = {
-    tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
+    tabs: Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
     activeTabKey: T;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
     styles?: StylesType;
     vertical?: boolean;
-    tabTheme?: TabTheme;
+    tabTheme?: TabTheme$1;
     tabFont?: FontSizesTypes$1;
-    textSize?: SizesTypes$2 | number;
+    textSize?: number;
     tabPadding?: SizesTypes$2 | number;
     tabSpacing?: SizesTypes$2;
     textColor?: ThemeColors$1 | string;
@@ -813,7 +813,7 @@ declare type FooterLink = {
 declare type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps$1;
-    tabs: TabProps$1<string, TabKeys>[];
+    tabs: TabProps$2<string, TabKeys>[];
     tabContents: Record<TabKeys, () => ReactNode>;
     initialTabKey: TabKeys;
     title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.2.66",
+  "version": "0.2.67",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"