@zealicsolutions/web-ui 0.2.143 → 0.3.1

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import { ThemeColors } from 'theme';
 export declare type PdfDocumentProps = {
     source: string;

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

@@ -1,60 +1,35 @@
 /// <reference types="react" />
-import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
+import { RadioButtonsProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
-    rules: ControllerProps['rules'];
-    styles: StylesType;
     control: Control<any>;
-    optional: boolean;
+    rules: ControllerProps['rules'];
     required: boolean;
-    labelsProps: FieldLabelsProps;
+    optional: boolean;
     defaultValue: string;
+    styles: CSSProperties;
     radioButtonsProps: RadioButtonsProps<T>;
-    internalConfig: RadioButtonInternalConfigProps;
+    labelsProps: FieldLabelsProps;
 }>;
-export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
+export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
     name: string;
-    rules: ControllerProps['rules'];
-    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
     control: Control<any>;
-    optional: boolean;
+    rules: ControllerProps['rules'];
     required: boolean;
-    labelsProps: FieldLabelsProps;
+    optional: boolean;
     defaultValue: string;
+    styles: CSSProperties;
     radioButtonsProps: Partial<{
-        ref: import("react-hook-form").RefCallBack;
-        name: string;
-        value: T;
-        options: import("atoms").SelectOption[];
-        onBlur: import("typescript").Callback;
+        isEditMode: boolean;
         onChange: (value: T) => void;
+        value: T;
         isRow: boolean;
-        isError: boolean;
-        disabled: boolean;
-        isEditMode: boolean;
-        isRichText: boolean;
-        internalConfig: Partial<{
-            selectedRadioOptionBackgroundColor: string;
-            selectedRadioOptionIndicatorColor: string;
-            buttonPadding: number;
-            textPadding: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            buttonOptionSpacing: import("../..").SizesTypes;
-            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        }>;
-    }>;
-    internalConfig: Partial<{
-        selectedRadioOptionBackgroundColor: string;
-        selectedRadioOptionIndicatorColor: string;
-        buttonPadding: number;
-        textPadding: number;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        buttonOptionSpacing: import("../..").SizesTypes;
-        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        items: import("atoms").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("atoms").RadioButtonInternalConfigProps;
     }>;
+    labelsProps: FieldLabelsProps;
 }>) => JSX.Element;

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

@@ -3,65 +3,24 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
+    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
         name: string;
-        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;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
         required: boolean;
-        labelsProps: import("..").FieldLabelsProps;
+        optional: boolean;
         defaultValue: string;
+        styles: import("styled-components").CSSProperties;
         radioButtonsProps: Partial<{
-            ref: import("react-hook-form").RefCallBack;
-            name: string;
-            value: T;
-            options: import("../..").SelectOption[];
-            onBlur: import("typescript").Callback;
+            isEditMode: boolean;
             onChange: (value: T) => void;
+            value: T;
             isRow: boolean;
-            isError: boolean;
-            disabled: boolean;
-            isEditMode: boolean;
-            isRichText: boolean;
-            internalConfig: Partial<{
-                selectedRadioOptionBackgroundColor: string;
-                selectedRadioOptionIndicatorColor: string;
-                buttonPadding: number;
-                textPadding: number;
-                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-                buttonOptionSpacing: import("theme").SizesTypes;
-                radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            }>;
-        }>;
-        internalConfig: Partial<{
-            selectedRadioOptionBackgroundColor: string;
-            selectedRadioOptionIndicatorColor: string;
-            buttonPadding: number;
-            textPadding: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            buttonOptionSpacing: import("theme").SizesTypes;
-            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            items: import("../..").RadioButtonType<T>[];
+            name: string;
+            internalConfig: import("../..").RadioButtonInternalConfigProps;
         }>;
+        labelsProps: import("..").FieldLabelsProps;
     }>) => JSX.Element;
 };
 export default _default;

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

@@ -4,40 +4,10 @@ import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
     component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: Partial<{
-        selectProps: Partial<{
-            ref: import("react-hook-form").RefCallBack;
-            onBlur: import("typescript").Callback;
-            value: string;
-            optionsPresentation: boolean;
-            onChange: (value: string) => void;
-            placeholder: string;
-            disabled: boolean;
-            options: import("../..").SelectOption[];
-            isError: boolean;
-            isEditMode: boolean;
-            selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
-            isRichText: boolean;
-        }>;
+        selectProps: import("../..").SelectProps;
         labelsProps: import("..").FieldLabelsProps;
         name: string;
-        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;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, 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,10 +1,11 @@
 /// <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'>;
-export declare type AdditionalTabContainerProps = {
-    containerStyle?: StylesType;
+declare type AdditionalTabContainerProps = {
+    containerStyle?: CSSProperties;
     containerProps?: Record<string, unknown>;
 };
 export declare type TabGroupProps<T = string, K = string> = {
@@ -26,3 +27,4 @@ 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';
-import { OverrideStyles, StyledTransientProps } from 'typescript';
-export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTransientProps<{
+export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;
     vertical: boolean;
-}> & OverrideStyles, never>;
+}, never>;
+export declare const TabGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare type TabSliderProps = {
     width: number;
     left: number;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react';
 import { Video as VideoComponent } from './Video';
 declare const _default: {
     title: string;

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

@@ -27,4 +27,3 @@ export * from './Image/Image';
 export * from './Caruser/Carousel';
 export * from './TextMolecule/TextMolecule';
 export * from './Button/Button';
-export * from './ZealUIModal/ZealUIModal';

package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import { ComponentStory } from '@storybook/react';
 import { Consent as ConsentComponent } from './Consent';
 declare const _default: {
     title: string;
     component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const Consent: StoryFn<typeof ConsentComponent>;
+export declare const Consent: ComponentStory<typeof ConsentComponent>;

package/dist/cjs/src/typescript.d.ts

@@ -1,9 +1,5 @@
 import { DefaultTheme, ThemedCssFunction } from 'styled-components';
-export declare type FileType = 'image' | 'video' | 'document' | 'audio';
 export declare type StylesType = ReturnType<ThemedCssFunction<DefaultTheme>>;
-export declare type StyledTransientProps<T> = {
-    [K in keyof T & string as `$${K}`]: T[K];
-};
 export declare type OverrideStyles = {
     $styles?: StylesType;
 };
@@ -12,6 +8,4 @@ export declare type Nullable<T> = T | null;
 declare type UnionKeys<T> = T extends any ? keyof T : never;
 declare type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
 export declare type StrictUnion<T> = StrictUnionHelper<T, T>;
-export declare type AnyObject = Record<string, unknown>;
-export declare type LooseObject = Record<string, any>;
 export {};