@zealicsolutions/web-ui 0.3.267 → 0.3.269

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

@@ -0,0 +1,31 @@
+import { PropsWithChildren } from 'react';
+import { ContainerComponentProps, ContainerType, MetadataType, Molecule, MoleculeTypes } from 'containers';
+import type { AnyObject } from 'typescript';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
+export declare type ConfigurationItem = {
+    entity: 'container' | 'molecule';
+    entityId: string;
+    organismId: string;
+    entityType: MoleculeTypes | ContainerType;
+    entityMetadata: MetadataType;
+    organismLibraryMoleculeId?: string;
+};
+export declare type OrganismContextProviderProps = PropsWithChildren<{
+    organismId: string;
+} & Partial<{
+    formId: string;
+    editable: boolean;
+    isPreview: boolean;
+    initItems: (ContainerComponentProps | Molecule)[];
+    validations: PasswordRuleValidation[];
+    submitHandler: (data: {
+        formId: string;
+        data: AnyObject;
+    }) => Promise<void>;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
+}>>;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+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/contexts/StateContext/StateContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { StateConfigType } from 'containers';
+export declare type StateContextType = {
+    stateConfig: StateConfigType;
+    stateHandler?: (updatedStateConfig: StateConfigType) => void;
+};
+export declare const StateContext: import("react").Context<StateContextType>;

package/dist/esm/contexts/StateContext/StateContextProvider.d.ts

@@ -0,0 +1,7 @@
+import { StateConfigType } from 'containers';
+import { PropsWithChildren } from 'react';
+export declare type StateContextProviderProps = PropsWithChildren<{
+    initStateConfig: StateConfigType;
+    stateHandler?: (updatedStateConfig: StateConfigType) => void;
+}>;
+export declare const StateContextProvider: ({ initStateConfig, children, stateHandler, }: StateContextProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/contexts/hooks/useAccountButtonContext.d.ts

@@ -0,0 +1,6 @@
+export declare const useAccountButtonContext: () => Partial<{
+    userInitials: string;
+    logOutHandler: import("../../typescript").Callback;
+    goToAccountInfo: import("../../typescript").Callback;
+    username: string;
+}>;

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

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

package/dist/esm/contexts/hooks/useFormStepContext.d.ts

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

package/dist/esm/contexts/hooks/useMlrRichTextViewerContext.d.ts

@@ -0,0 +1 @@
+export declare const useMlrRichTextViewerContext: () => import("contexts/MlrRichTextViewerContext/MlrRichTextViewerContext").MlrRichTextViewerContextType;

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

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

package/dist/esm/contexts/hooks/useStateContext.d.ts

@@ -0,0 +1 @@
+export declare const useStateContext: () => import("contexts/StateContext/StateContext").StateContextType;

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

@@ -0,0 +1,13 @@
+export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
+export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
+export * from './MlrRichTextViewerContext/types';
+export * from './hooks/useMlrRichTextViewerContext';
+export * from './hooks/useButtonActionsContext';
+export * from './ButtonActionsContext/ButtonActionsContext';
+export * from './ButtonActionsContext/ButtonActionsContextProvider';
+export * from './OrganismContext/OrganismContext';
+export * from './OrganismContext/OrganismContextProvider';
+export * from './AccountButtonContext/AccountButtonContext';
+export * from './AccountButtonContext/AccountButtonContextProvider';
+export * from './StateContext/StateContext';
+export * from './StateContext/StateContextProvider';

package/dist/esm/fieldsConfiguration/getFieldPlaceholder.d.ts

@@ -0,0 +1,2 @@
+import { FieldTypes } from 'fieldsConfiguration/types';
+export declare const getFieldPlaceholder: (type: FieldTypes, title?: string) => string;

package/dist/esm/fieldsConfiguration/index.d.ts

@@ -0,0 +1,3 @@
+export * from './getFieldPlaceholder';
+export * from './types';
+export * from './utils';

package/dist/esm/fieldsConfiguration/types.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { SelectOption } from 'atoms';
+import { InputFieldProps, SelectFieldProps } from 'molecules';
+import { ControllerProps } from 'react-hook-form';
+export declare type InputFieldTypes = 'any' | 'text' | 'email' | 'integer' | 'password' | 'username' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
+export declare type FieldTypes = 'input' | 'select' | 'checkbox';
+export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+    name: T;
+    type: FieldTypes;
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: string;
+    rules?: ControllerProps['rules'];
+    order?: number;
+};
+export declare type UIInputField = {
+    inputType?: InputFieldTypes;
+    maxLength?: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+} & InputFieldProps;
+export declare type UISelectField = {
+    options?: SelectOption[];
+} & SelectFieldProps;
+export declare type UICheckboxField = {
+    checkboxLabel?: string;
+};
+export declare type UIFields<T extends object> = UIField<keyof T>[];

package/dist/esm/fieldsConfiguration/utils.d.ts

@@ -0,0 +1,6 @@
+import { UIFields } from 'fieldsConfiguration/types';
+import { FieldSectionProps } from 'molecules';
+import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
+export declare const getInitialValuesFromFields: <T extends object>(fields: UIFields<T>) => DeepPartial<T>;
+export declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+export declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps<T>, "fields">[]) => UIFields<T>;

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

@@ -0,0 +1,6 @@
+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/helpers/date.d.ts

@@ -0,0 +1,3 @@
+export declare type AppDateFormats = "'Last Updated' MMMM dd, yyyy";
+export declare const getDateFromString: <T = Date>(date: unknown, defaultDate?: T) => Date | T;
+export declare const dateFormatter: <T>(value: string | Date | undefined, formatType: AppDateFormats, defaultValue?: T) => string | T;

package/dist/esm/helpers/slate.d.ts

@@ -0,0 +1,2 @@
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+export declare const descendantToPlainText: (nodes: CustomDescendant[]) => string;

package/dist/esm/helpers/styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSObject } from '@emotion/react';
+export declare const getSizeStyle: (size: number) => Pick<CSSObject, 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'>;
+export declare const changeColorTint: (color: string, percent: number) => string;
+export declare const getTintColor: (color: string, percent?: number) => string;
+export declare const getShadeColor: (color: string, percent?: number) => string;

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

@@ -0,0 +1,14 @@
+import { Descendant } from 'slate';
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { LinkAttributes, StateConfigType } from 'containers';
+import type { Nullable } from 'typescript';
+export declare const validateAndOpenUrl: (url: string) => void;
+export declare const getParameterByName: (name: string, url: string) => string;
+export declare const updateSearchParams: (currentParams: URLSearchParams, internalLink?: Nullable<string>, isPreview?: boolean) => URLSearchParams;
+export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
+export declare const navigateToExternalLink: (externalLink?: Nullable<string>) => void;
+export declare const checkIsInternalLink: (link?: LinkAttributes) => boolean;
+export declare const addInternalParamsToCurrentLink: (internalLink?: Nullable<string>, isPreview?: boolean) => string;
+export declare const getHref: (link?: LinkAttributes) => string | undefined;
+export declare const parseDescendantContent: (string: string) => CustomDescendant[];
+export declare const matchSlateAndStateObject: (slateValue: Descendant[], stateConfig: StateConfigType) => Descendant[];

package/dist/esm/helpers/validations.d.ts

@@ -0,0 +1,23 @@
+import { InputFieldTypes } from 'fieldsConfiguration';
+import { ValidationRule } from 'react-hook-form';
+export declare const urlPattern: RegExp;
+export declare const phoneNumberValidation: RegExp;
+export declare const numberValidation: RegExp;
+export declare const emailValidation: RegExp;
+export declare const textValidation: RegExp;
+export declare const monthDayYearDateValidation: RegExp;
+export declare const dayMonthYearDateValidation: RegExp;
+export declare const monthYearDateValidation: RegExp;
+export declare const yearMonthDayDateValidation: RegExp;
+export declare const usZipCode: RegExp;
+export declare const usernameValidation: RegExp;
+export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
+export declare const postCodeMask: RegExp[];
+export declare const yearMonthDayDateMask: (string | RegExp)[];
+export declare const monthDayYearDateMask: (string | RegExp)[];
+export declare const dayMonthYearDateMask: (string | RegExp)[];
+export declare const monthYearDateMask: (string | RegExp)[];
+export declare const phoneNumberMask: (string | RegExp)[];
+export declare const integerMask: any;
+export declare const numericalMask: any;
+export declare const removeMaskFromString: (inputString: string) => string;

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

@@ -0,0 +1,2 @@
+export { useStep } from './useStep';
+export { useRequiredConsentsAcceptedValues } from './useRequiredConsentsAcceptedValues';

package/dist/esm/hooks/useRequiredConsentsAcceptedValues.d.ts

@@ -0,0 +1,2 @@
+import { ConsentProps } from 'organisms';
+export declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps[]) => boolean;

package/dist/esm/hooks/useStep.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+interface Helpers {
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+}
+export declare const useStep: (maxStep: number) => [number, Helpers];
+export {};

package/dist/esm/icons/ArrowRight.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const ArrowRight: ({ color, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Bell.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Bell: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Bookmark.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/CaretDown.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const CaretDown: ({ color, size, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/CaretLeft.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const CaretLeft: ({ color, size, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/CaretRight.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from 'atoms';
+export declare const CaretRight: ({ color, size, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/CaretUp.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const CaretUp: ({ color, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Check.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Check: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Close.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Close: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Edit.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Edit: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Filter.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Filter: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Hide.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Hide: ({ color, size }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Info.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/InfoBoxIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../atoms';
+export declare const InfoBoxIcon: ({ color, size }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Mail.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Mail: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Menu.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Menu: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Minus.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from 'atoms';
+export declare const Minus: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Mobile.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Mobile: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Play.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from 'atoms';
+export declare const Play: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Save.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Save: ({ size, color }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Search.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const Search: ({ size, color, ...props }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/View.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms';
+export declare const View: ({ color, size, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/Warning.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Warning: ({ size, color, }: Omit<IconProps, 'name'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/icons/index.d.ts

@@ -0,0 +1,23 @@
+export { Bookmark } from './Bookmark';
+export { CaretDown } from './CaretDown';
+export { CaretUp } from './CaretUp';
+export { CaretLeft } from './CaretLeft';
+export { CaretRight } from './CaretRight';
+export { Check } from './Check';
+export { Info } from './Info';
+export { Filter } from './Filter';
+export { Close } from './Close';
+export { View } from './View';
+export { Hide } from './Hide';
+export { InfoBoxIcon } from './InfoBoxIcon';
+export { Minus } from './Minus';
+export { Bell } from './Bell';
+export { Warning } from './Warning';
+export { Mobile } from './Mobile';
+export { Mail } from './Mail';
+export { Edit } from './Edit';
+export { Save } from './Save';
+export { Menu } from './Menu';
+export { Play } from './Play';
+export { Search } from './Search';
+export { ArrowRight } from './ArrowRight';