@zealicsolutions/web-ui 0.2.143 → 0.3.0

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

@@ -1,188 +0,0 @@
-import { SelectOption } from 'atoms';
-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 { AnyObject, Nullable, StrictUnion } from 'typescript';
-import { ContainerComponentProps } from './types';
-export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-export declare type DownloadFile = {
-    url: string;
-    name: string;
-};
-declare type LinkAction = LinkAttributes;
-declare type PopupDrawerAction = ContainerComponentProps;
-declare type DownloadAction = DownloadFile;
-declare type SubmitAction = AnyObject;
-declare type CancelAction = AnyObject;
-declare type ResetAction = AnyObject;
-declare type DestroyAction = AnyObject;
-declare type Action = {
-    type: ActionTypes;
-} & Partial<{
-    link: LinkAction;
-    popup: PopupDrawerAction;
-    drawer: PopupDrawerAction;
-    download: DownloadAction;
-    submit: SubmitAction;
-    cancel: CancelAction;
-    reset: ResetAction;
-    destroy: DestroyAction;
-}>;
-export declare type ImageAttributes = {
-    attributeType: 'image';
-    imageSource: string;
-};
-export interface TextAttributes {
-    id?: string;
-    attributeType: 'text';
-    isRichText: boolean;
-    text: string;
-}
-export interface VideoAttributes {
-    attributeType: 'video';
-    videoSource: string;
-}
-export interface ActionAttributes {
-    attributeType: 'action';
-    action: Action;
-}
-export interface LinkAttributes {
-    id: string;
-    attributeType: 'link';
-    type: 'internalLink' | 'externalLink';
-    internalLink: Nullable<string>;
-    externalLink: Nullable<string>;
-    name: string;
-}
-export interface SelectAttributes {
-    id?: string;
-    attributeType: 'select';
-    value: string;
-    options: SelectOption[];
-}
-export interface BooleanAttributes {
-    attributeType: 'boolean';
-    value: boolean;
-}
-export interface IterableAttributes {
-    attributeType: 'iterable';
-    options: SelectOption[];
-}
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
-export interface BaseMolecule {
-    id: string;
-    instance: 'molecule';
-    type: MoleculeTypes;
-    metadata?: AnyObject;
-}
-export interface ImageMolecule extends BaseMolecule {
-    type: 'image';
-    attributes: {
-        image: ImageAttributes;
-        altText: Omit<TextAttributes, 'isRichText'>;
-        link: LinkAttributes;
-    };
-    config: {
-        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
-    };
-}
-export interface TextMoleculeType extends BaseMolecule {
-    type: 'text';
-    attributes: {
-        text: TextAttributes;
-        seoStyle: SelectAttributes;
-    };
-    config: {
-        props: TextMoleculeProps;
-    };
-}
-export interface ButtonMolecule extends BaseMolecule {
-    type: 'button';
-    attributes: {
-        title: TextAttributes;
-        action: ActionAttributes;
-    };
-    config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
-    };
-}
-export interface VideoMolecule extends BaseMolecule {
-    type: 'video';
-    attributes: {
-        video: VideoAttributes;
-        altText: Omit<TextAttributes, 'isRichText'>;
-        autoPlayVideo: BooleanAttributes;
-        enableCoverImage: BooleanAttributes;
-        coverImage: ImageAttributes;
-    };
-    config: {
-        props: Partial<{
-            width: number;
-            styles: CSSProperties;
-        }>;
-    };
-}
-export interface TabGroupMolecule extends BaseMolecule {
-    type: 'header_tab_group';
-    config: {
-        props: TabGroupProps;
-        wide: AdditionalTabContainerProps;
-        compact: AdditionalTabContainerProps;
-    };
-}
-export interface TextInputMolecule extends BaseMolecule {
-    type: 'input_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        inputType: SelectAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & InputFieldProps>;
-    };
-}
-export interface SelectFieldMolecule extends BaseMolecule {
-    type: 'select_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & SelectFieldProps>;
-    };
-}
-export interface RadioButtonFieldMolecule extends BaseMolecule {
-    type: 'radio_button_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & RadioButtonFieldProps<string>>;
-    };
-}
-export interface CheckboxFieldMolecule extends BaseMolecule {
-    type: 'checkbox_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & CheckboxFieldProps>;
-    };
-}
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
-    form?: UseFormReturn<any>;
-};
-export {};

package/dist/esm/src/containers/types/types.d.ts

@@ -1,43 +0,0 @@
-import { TabGroupProps } from 'molecules';
-import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
-import { ValidationMode } from 'react-hook-form';
-import type { AnyObject, StylesType } from 'typescript';
-import { Molecule } from './moleculeTypes';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
-export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
-export declare type ContainerPropsType = Partial<{
-    position: ContainerPositionType;
-    scrollBehaviour: ContainerScrollBehaviourType;
-    cornerRadius: number;
-    styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
-}>;
-export declare type AdditionalContainerProps = Partial<{
-    containerStyle: CSSProperties;
-    containerProps: ContainerPropsType;
-}>;
-export declare type ContainerProps = PropsWithChildren<Partial<{
-    type: ContainerType;
-    wide: AdditionalContainerProps;
-    compact: AdditionalContainerProps;
-    props: ContainerPropsType;
-}>>;
-export declare type ContainerComponentProps = {
-    id: string;
-    instance: 'container';
-    type: ContainerType;
-    items: (ContainerComponentProps | Molecule)[];
-    config: {
-        wide?: AdditionalContainerProps;
-        compact?: AdditionalContainerProps;
-        props?: ContainerPropsType;
-    };
-    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
-    attributes?: AnyObject;
-    containerLibraryId?: string;
-};

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { ContainerComponentProps } from 'containers';
-export declare type ButtonActionsContextType = {
-    actionContent?: ContainerComponentProps;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
-    isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
-    isDrawerVisible: boolean;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-};
-export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ContainerComponentProps } from 'containers';
-export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
-    actionContent: ContainerComponentProps;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
-    isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    isDrawerVisible: boolean;
-}>>;
-export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;

package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts

@@ -1 +0,0 @@
-export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;

package/dist/esm/src/helpers/constants.d.ts

@@ -1,6 +0,0 @@
-import { FontSizesTypes, FontWeight, SizesTypes } from 'theme';
-import { SeoTags } from 'atoms';
-export declare const sizings: (SizesTypes | 0)[];
-export declare const fonts: FontSizesTypes[];
-export declare const seoTags: SeoTags[];
-export declare const fontWeight: FontWeight[];

package/dist/esm/src/helpers/utils.d.ts

@@ -1 +0,0 @@
-export declare const validateAndOpenUrl: (url: string) => void;

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

@@ -1,41 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import type { Callback, StylesType } from 'typescript';
-export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
-export declare type ButtonType = 'button' | 'submit' | 'reset';
-export declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    state?: 'disabled' | 'enabled';
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes;
-    textColor?: ThemeColors | string;
-    textSize?: number;
-    horizontalPadding?: SizesTypes;
-    verticalPadding?: SizesTypes;
-    buttonColor?: ThemeColors | string;
-    buttonStroke?: ThemeColors | string;
-    cornerRadius?: SizesTypes | number;
-    hoverButtonColor?: ThemeColors | string;
-    hoverStrokeColor?: ThemeColors | string;
-    inactiveButtonColor?: ThemeColors | string;
-    inactiveStrokeColor?: ThemeColors | string;
-    inactiveTextColor?: ThemeColors | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-    type?: ButtonType;
-}>;
-export declare type ButtonProps = BaseButtonProps & {
-    fullWidth?: boolean;
-    text?: string;
-    link?: string;
-    elementId?: string;
-    loading?: boolean;
-    isRichText?: boolean;
-    containerStyle?: StylesType;
-    buttonStyle?: StylesType;
-};
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { Button as ButtonComponent } from 'molecules';
-declare const _default: {
-    title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
-};
-export default _default;
-export declare const Button: StoryFn<typeof ButtonComponent>;

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

@@ -1,54 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { CheckboxField as CheckboxFieldComponent } from 'molecules';
-declare const _default: {
-    title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: Partial<{
-        checkboxesProps: Partial<{
-            checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            onChange: (id: string) => void;
-            disabled: boolean;
-            options?: import("../..").SelectOption[] | undefined;
-            selectedIds?: string[] | undefined;
-            isError?: boolean | undefined;
-            isEditMode?: boolean | undefined;
-            isRichText: boolean;
-            internalConfig: Partial<{
-                selectedCheckboxBackgroundColor: string;
-                selectedCheckboxIconColor: 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 | undefined;
-            }>;
-        }>;
-        labelsProps: import("molecules").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;
-        control: import("react-hook-form").Control<any, any>;
-        required: boolean;
-        optional: boolean;
-        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>) => JSX.Element;
-};
-export default _default;
-export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { RefCallBack } from 'react-hook-form/dist/types';
-import type { Callback } from 'typescript';
-import { CheckboxesProps } from './CheckboxField';
-export declare type CheckboxGroupProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback;
-    onChange: (checkedIds: string[]) => void;
-    checkboxesProps: CheckboxesProps;
-}>;
-export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;

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

@@ -1,6 +0,0 @@
-import type { OverrideStyles } from 'typescript';
-import { SizesTypes } from 'theme';
-export declare const CheckboxFieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
-export declare const CheckboxGroupWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $spacing?: SizesTypes | undefined;
-} & OverrideStyles, never>;

package/dist/esm/src/molecules/FieldLabels/helpers.d.ts

@@ -1,8 +0,0 @@
-import { StylesType } from 'typescript';
-import { TooltipInternalConfig } from './FieldLabels';
-declare type ToolTipStylesConfig = {
-    tooltipStyles: StylesType;
-    tooltipWrapperStyles: StylesType;
-};
-export declare const getTooltipStyles: (internalConfig?: TooltipInternalConfig) => ToolTipStylesConfig;
-export {};

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { Callback, StylesType } from 'typescript';
-export declare type ImageProps = {
-    src: string;
-} & Partial<{
-    id: string;
-    altText: string;
-    link: string;
-    onClick: Callback;
-    width: number;
-    height: number;
-    cornerRadius: number;
-    behaveAs: 'background' | 'regular';
-    styles: StylesType;
-}>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { Image as ImageComponent } from './Image';
-declare const _default: {
-    title: string;
-    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
-};
-export default _default;
-export declare const Image: StoryFn<typeof ImageComponent>;

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { TextProps } from 'atoms';
-import { FontSizesTypes, ThemeColors } from 'theme';
-import { StylesType } from 'typescript';
-export declare type TextMoleculeProps = Partial<{
-    text: string;
-    variant: 'base' | 'custom';
-    fontVariant: FontSizesTypes;
-    textSize: number;
-    textColor: ThemeColors | string;
-    letterSpacing: number;
-    lineHeight: number;
-    fontWeight: string | number;
-    isRichText: boolean;
-    styles: StylesType;
-    textAlign: 'center' | 'right' | 'left';
-}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
-export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { TextMoleculeProps } from './TextMolecule';
-declare const _default: {
-    title: string;
-    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
-};
-export default _default;
-export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
-import { CSSProperties } from 'styled-components';
-export declare type VideoProps = {
-    src: string;
-} & Partial<{
-    width: number;
-    autoplay: boolean;
-    enableCoverImage: boolean;
-    coverImageSrc: string;
-    style: CSSProperties;
-    template: FeedContentTemplateTypes;
-}>;
-export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { Video as VideoComponent } from './Video';
-declare const _default: {
-    title: string;
-    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
-};
-export default _default;
-export declare const Video: StoryFn<typeof VideoComponent>;

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

@@ -1,20 +0,0 @@
-import { ModalProps as MUIModalProps } from '@mui/material';
-import React, { KeyboardEvent, PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
-import type { Callback, OverrideStyles } from 'typescript';
-export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
-    padding?: number | string;
-    wrapperStyles?: CSSProperties;
-    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
-    modalStyles?: CSSProperties;
-    onClose?: Callback;
-};
-export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
-export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: React.ReactNode;
-}, never>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
-declare const _default: {
-    title: string;
-    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
-};
-export default _default;
-export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

package/dist/esm/src/organisms/SubscribePanel/organism-data.d.ts

@@ -1,2 +0,0 @@
-import { ContainerComponentProps } from 'containers';
-export declare const subscribePanelMockData: ContainerComponentProps;