@zealicsolutions/web-ui 0.3.3-2.2125 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.32.2125",
+  "version": "0.3.4",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -53,15 +53,12 @@
     "@swc/jest": "^0.2.22",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.0.0",
     "@types/react": "^18.0.18",
     "@types/react-pdf": "^6.2.0",
-    "@types/react-text-mask": "^5.4.11",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.15",
-    "@types/text-mask-addons": "^3.8.1",
     "@typescript-eslint/eslint-plugin": "^5.36.2",
     "@typescript-eslint/parser": "^5.36.2",
     "babel-loader": "^8.2.5",
@@ -88,8 +85,8 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-pdf": "6.2.2",
-    "styled-components": "^5.3.5"
+    "styled-components": "^5.3.5",
+    "react-pdf": "6.2.2"
   },
   "dependencies": {
     "@mui/material": "^5.10.4",
@@ -104,11 +101,9 @@
     "react-google-maps": "^9.4.5",
     "react-hook-form": "^7.34.2",
     "react-pdf": "6.2.2",
-    "react-text-mask": "^5.5.0",
     "slate": "^0.85.0",
     "slate-react": "^0.83.2",
-    "styled-components": "^5.3.5",
-    "text-mask-addons": "^3.8.0"
+    "styled-components": "^5.3.5"
   },
   "resolutions": {
     "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
@@ -124,4 +119,4 @@
   "homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
   "keywords": [],
   "description": ""
-}
+}

package/dist/cjs/src/atoms/Input/helpers.d.ts

@@ -1,18 +0,0 @@
-import { MaskedInputProps } from 'react-text-mask';
-import { HTMLInputTypeAttribute } from 'react';
-import { ThemeColors } from 'theme';
-import { InputProps } from 'atoms';
-import { InputFieldTypes } from '../../fieldsConfiguration';
-export declare type MaskConfig = Partial<{
-    maskPlaceholder: string;
-    dataModelFieldType: InputFieldTypes;
-    maskPattern: Array<string | RegExp>;
-}>;
-export declare const getSpecificInputProps: (type: InputFieldTypes) => {
-    type?: HTMLInputTypeAttribute | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-};
-export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
-export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
-    isFocused: boolean;
-}) => ThemeColors;

package/dist/cjs/src/containers/FormStepContainer.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FormStepContainerProps } from 'containers';
-export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
-    id: string;
-};
-export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;

package/dist/cjs/src/containers/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useCheckCondition } from './useCheckCondition';

package/dist/cjs/src/containers/hooks/useCheckCondition.d.ts

@@ -1,11 +0,0 @@
-import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
-import { AnyObject } from 'typescript';
-/**
- * @attention This hook needs to be used inside of the form container for the form fields
- */
-export declare const useCheckCondition: (config?: ConditionConfig, formData?: AnyObject) => boolean;
-export declare type GetEvaluateCriteriaFunctionParams = {
-    criteriaList?: ConditionCriteria[];
-    data?: AnyObject;
-};
-export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

package/dist/cjs/src/containers/hooks/useCheckCondition.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cjs/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/cjs/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/cjs/src/contexts/FormStepContext/FormStepContext.d.ts

@@ -1,13 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare type FormStepContextType = {
-    steps: number;
-    currentStep: number;
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-    setInitSteps: Dispatch<SetStateAction<number>>;
-};
-export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/cjs/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare type FormStepContextProviderProps = PropsWithChildren<{
-    initialStepsCount?: number;
-}>;
-export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/FormStepContext/utils.d.ts

@@ -1,2 +0,0 @@
-import { ContainerComponentProps } from 'containers';
-export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];

package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ContainerComponentProps, Molecule } from 'containers';
-import { GroupedStepItemsByStepContainer } from './utils';
-export declare type OrganismContextType = {
-    items: (ContainerComponentProps | Molecule)[];
-    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
-};
-export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ContainerComponentProps, Molecule } from 'containers';
-export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
-    initItems: (ContainerComponentProps | Molecule)[];
-}>>;
-export declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/OrganismContext/utils.d.ts

@@ -1,5 +0,0 @@
-import { ContainerComponentProps, Molecule } from 'containers';
-declare type StepItem = ContainerComponentProps | Molecule;
-export declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
-export declare const groupStepItemsByStepContainer: (items: StepItem[]) => GroupedStepItemsByStepContainer;
-export {};

package/dist/cjs/src/contexts/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export { useFormStepContext } from './useFormStepContext';
-export { useButtonActionsContext } from './useButtonActionsContext';
-export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
-export { useOrganismContext } from './useOrganismContext';

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

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

package/dist/cjs/src/contexts/hooks/useFormStepContext.d.ts

@@ -1 +0,0 @@
-export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

package/dist/cjs/src/contexts/hooks/useOrganismContext.d.ts

@@ -1 +0,0 @@
-export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;

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

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { CustomDescendant } from 'atoms/RichTextViewer/types';
-import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
-import { CSSProperties } from 'styled-components';
-export declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
-export declare type DefaultSelectionType = 'confirmation' | 'rejection';
-export declare type Consent = {
-    id: string;
-    name: string;
-    acknowledgment: CustomDescendant[];
-    methodOfCapture: ConsentCaptureMethod;
-    description: string;
-    language: CustomDescendant[];
-    expiration: string;
-    confirmationButtonText: string;
-    rejectionButtonText: string;
-    defaultSelection: DefaultSelectionType;
-    value?: DefaultSelectionType | boolean;
-    isRequired?: boolean;
-};
-export declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
-};
-export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;

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

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

package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ConsentFieldMolecule } from 'containers';
-export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;

package/dist/cjs/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/cjs/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/atoms/Input/helpers.d.ts

@@ -1,18 +0,0 @@
-import { MaskedInputProps } from 'react-text-mask';
-import { HTMLInputTypeAttribute } from 'react';
-import { ThemeColors } from 'theme';
-import { InputProps } from 'atoms';
-import { InputFieldTypes } from '../../fieldsConfiguration';
-export declare type MaskConfig = Partial<{
-    maskPlaceholder: string;
-    dataModelFieldType: InputFieldTypes;
-    maskPattern: Array<string | RegExp>;
-}>;
-export declare const getSpecificInputProps: (type: InputFieldTypes) => {
-    type?: HTMLInputTypeAttribute | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-};
-export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
-export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
-    isFocused: boolean;
-}) => ThemeColors;

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

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FormStepContainerProps } from 'containers';
-export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
-    id: string;
-};
-export declare const FormStepContainer: ({ order, id }: StepContainerProps) => JSX.Element | null;

package/dist/esm/src/containers/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useCheckCondition } from './useCheckCondition';

package/dist/esm/src/containers/hooks/useCheckCondition.d.ts

@@ -1,11 +0,0 @@
-import { ConditionConfig, ConditionCriteria } from 'containers/types/types';
-import { AnyObject } from 'typescript';
-/**
- * @attention This hook needs to be used inside of the form container for the form fields
- */
-export declare const useCheckCondition: (config?: ConditionConfig, formData?: AnyObject) => boolean;
-export declare type GetEvaluateCriteriaFunctionParams = {
-    criteriaList?: ConditionCriteria[];
-    data?: AnyObject;
-};
-export declare const getEvaluateCriteriaFunction: ({ criteriaList, data, }: GetEvaluateCriteriaFunctionParams) => (criteria?: ConditionCriteria) => boolean;

package/dist/esm/src/containers/hooks/useCheckCondition.test.d.ts

@@ -1 +0,0 @@
-export {};

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/FormStepContext/FormStepContext.d.ts

@@ -1,13 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare type FormStepContextType = {
-    steps: number;
-    currentStep: number;
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-    setInitSteps: Dispatch<SetStateAction<number>>;
-};
-export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/esm/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare type FormStepContextProviderProps = PropsWithChildren<{
-    initialStepsCount?: number;
-}>;
-export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/contexts/FormStepContext/utils.d.ts

@@ -1,2 +0,0 @@
-import { ContainerComponentProps } from 'containers';
-export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ContainerComponentProps, Molecule } from 'containers';
-import { GroupedStepItemsByStepContainer } from './utils';
-export declare type OrganismContextType = {
-    items: (ContainerComponentProps | Molecule)[];
-    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
-};
-export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ContainerComponentProps, Molecule } from 'containers';
-export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
-    initItems: (ContainerComponentProps | Molecule)[];
-}>>;
-export declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/contexts/OrganismContext/utils.d.ts

@@ -1,5 +0,0 @@
-import { ContainerComponentProps, Molecule } from 'containers';
-declare type StepItem = ContainerComponentProps | Molecule;
-export declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
-export declare const groupStepItemsByStepContainer: (items: StepItem[]) => GroupedStepItemsByStepContainer;
-export {};

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

@@ -1,4 +0,0 @@
-export { useFormStepContext } from './useFormStepContext';
-export { useButtonActionsContext } from './useButtonActionsContext';
-export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
-export { useOrganismContext } from './useOrganismContext';

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/contexts/hooks/useFormStepContext.d.ts

@@ -1 +0,0 @@
-export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

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

@@ -1 +0,0 @@
-export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;

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

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { CustomDescendant } from 'atoms/RichTextViewer/types';
-import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
-import { CSSProperties } from 'styled-components';
-export declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
-export declare type DefaultSelectionType = 'confirmation' | 'rejection';
-export declare type Consent = {
-    id: string;
-    name: string;
-    acknowledgment: CustomDescendant[];
-    methodOfCapture: ConsentCaptureMethod;
-    description: string;
-    language: CustomDescendant[];
-    expiration: string;
-    confirmationButtonText: string;
-    rejectionButtonText: string;
-    defaultSelection: DefaultSelectionType;
-    value?: DefaultSelectionType | boolean;
-    isRequired?: boolean;
-};
-export declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
-};
-export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;

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

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

package/dist/esm/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ConsentFieldMolecule } from 'containers';
-export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;

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>;