@zealicsolutions/web-ui 0.3.2 → 0.3.3

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,5 +1,5 @@
 import { SelectOption } from 'atoms';
-import { ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
 import type { Nullable, StrictUnion } from 'typescript';
@@ -94,14 +94,8 @@ export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
     config: {
         props: TabGroupProps;
-        wide: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
-        compact: {
-            containerStyle?: CSSProperties;
-            containerProps?: Record<string, unknown>;
-        };
+        wide: AdditionalTabContainerProps;
+        compact: AdditionalTabContainerProps;
     };
 }
 export interface TextInputMolecule extends BaseMolecule {

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

@@ -26,7 +26,24 @@ declare const _default: {
         }>;
         labelsProps: import("molecules").FieldLabelsProps;
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

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

@@ -6,7 +6,24 @@ declare const _default: {
     component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         required: boolean;
         optional: boolean;
         defaultValue: string;

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

@@ -5,7 +5,24 @@ declare const _default: {
     title: string;
     component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         control: import("react-hook-form").Control<any, any>;
         optional: boolean;

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

@@ -20,7 +20,24 @@ declare const _default: {
         }>;
         labelsProps: import("..").FieldLabelsProps;
         name: string;
-        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         control: import("react-hook-form").Control<any, any>;
         required: boolean;
         optional: boolean;

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import { TabProps, TabTheme } from 'atoms';
-import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
 export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
-declare type AdditionalTabContainerProps = {
-    containerStyle?: CSSProperties;
+export declare type AdditionalTabContainerProps = {
+    containerStyle?: StylesType;
     containerProps?: Record<string, unknown>;
 };
 export declare type TabGroupProps<T = string, K = string> = {
@@ -27,4 +26,3 @@ export declare type TabGroupProps<T = string, K = string> = {
     compact?: AdditionalTabContainerProps;
 };
 export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
-export {};

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 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, {
+import { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
     spacing: SizesTypes;
     vertical: boolean;
-}, never>;
-export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+}> & OverrideStyles, never>;
 declare type TabSliderProps = {
     width: number;
     left: number;