@zealicsolutions/web-ui 1.0.133 → 1.0.135

package/dist/cjs/contexts/StateContext/StateContext.d.ts

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

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

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

package/dist/cjs/contexts/StateContext/useStateContext.d.ts

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

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

@@ -0,0 +1,30 @@
+export * from './AccountButtonContext/AccountButtonContext';
+export * from './AccountButtonContext/AccountButtonContextProvider';
+export * from './AccountButtonContext/useAccountButtonContext';
+export * from './ApiContext/ApiContext';
+export * from './ApiContext/ApiProvider';
+export * from './ApiContext/useApi';
+export * from './ButtonActionsContext/ButtonActionsContext';
+export * from './ButtonActionsContext/ButtonActionsContextProvider';
+export * from './ButtonActionsContext/useButtonActionsContext';
+export * from './ContainerRuntimeContext/ContainerRuntimeContext';
+export * from './ContainerRuntimeContext/ContainerRuntimeContextProvider';
+export * from './FormStepContext/FormStepContext';
+export * from './FormStepContext/FormStepContextProvider';
+export * from './FormStepContext/useFormStepContext';
+export * from './LayoutContext/LayoutContext';
+export * from './LayoutContext/LayoutContextProvider';
+export * from './LayoutContext/useLayoutContext';
+export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
+export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
+export * from './MlrRichTextViewerContext/types';
+export * from './MlrRichTextViewerContext/useMlrRichTextViewerContext';
+export * from './OrganismContext/OrganismContext';
+export * from './OrganismContext/OrganismContextProvider';
+export * from './OrganismContext/useOrganismContext';
+export * from './PopupContext/PopupContext';
+export * from './PopupContext/PopupContextProvider';
+export * from './PopupContext/usePopupContext';
+export * from './StateContext/StateContext';
+export * from './StateContext/StateContextProvider';
+export * from './StateContext/useStateContext';

package/dist/cjs/helpers/__tests__/rwoContext.test.d.ts

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

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

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

package/dist/cjs/helpers/dataResolution.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Custom hook for resolving data for actions, prioritizing ContainerRuntimeContext for nested contexts
+ * and falling back to form context or localStateObject as appropriate.
+ *
+ * @param fieldId - The data model field ID to resolve
+ * @param isFormContext - Flag indicating if we're in a form context
+ * @returns The resolved value or undefined
+ */
+export declare const useResolveActionData: (fieldId: string, isFormContext?: boolean) => unknown;

package/dist/cjs/helpers/date.d.ts

@@ -0,0 +1,3 @@
+export 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/cjs/helpers/rwoContext.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Simple RWO (Record-Write Object) context utilities using React Router hooks
+ */
+/**
+ * Gets a value from an object by dot-notation path
+ * @param obj - The object to search in
+ * @param path - Dot-notation path (e.g., "user.profile.id")
+ * @returns The value at the path, or undefined if not found
+ */
+export declare const getByPath: (obj: unknown, path: string) => unknown;
+/**
+ * Adds direct key read, otherwise falls back to dot-path using getByPath
+ */
+export declare const readValueFromSource: (source: unknown, path: string) => unknown;
+/**
+ * JSON -> base64 -> base64url (no padding)
+ */
+export declare const encodeObjectToBase64Url: (obj: Record<string, unknown>) => string;
+/**
+ * base64url -> JSON object; returns null on failure
+ */
+export declare const decodeBase64UrlToObject: <T>(input: string) => T | null;
+/**
+ * Compose organism-namespaced `rwoContext` and page-level `rwoRecordId` from inputs
+ * mapping entries provide source field id and target organism ids
+ */
+export declare const composeRwoParamsV2: ({ includeRwoRecordId, recordId, mapping, contextSource, }: {
+    includeRwoRecordId?: boolean | undefined;
+    recordId?: string | undefined;
+    mapping?: {
+        sourceDataModelFieldId: string;
+        targetOrganismIds: string[];
+    }[] | undefined;
+    contextSource: unknown;
+}) => {
+    query: Record<string, string>;
+};
+/**
+ * Example of how to use useSearchParams in organisms with new RWO context system:
+ *
+ * const [searchParams] = useSearchParams();
+ * const rwoContextParam = searchParams.get('rwoContext') || '';
+ * const rwoRecordId = searchParams.get('rwoRecordId');
+ *
+ * // Decode rwoContext to get organism-specific context
+ * const rwoContext = rwoContextParam ? decodeBase64UrlToObject<Record<string, Record<string, string>>>(rwoContextParam) : null;
+ * const organismContext = rwoContext?.[organismId];
+ * const rwoRecordIdForOrganism = organismContext?.rwoRecordId || rwoRecordId || undefined;
+ */

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

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

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

@@ -0,0 +1,6 @@
+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;
+export declare const getMaterialElevation: (elevation?: number) => string;

package/dist/cjs/helpers/useRwoContext.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Hook for organisms to easily access their RWO context from URL parameters
+ * @param organismId - The ID of the organism consuming the context
+ * @returns Object containing rwoRecordId and field values for the organism
+ */
+export declare const useRwoContext: (organismId: string) => {
+    rwoRecordId: undefined;
+    fieldValues: {};
+    rawContext: null;
+    getFieldValue: () => undefined;
+} | {
+    rwoRecordId: string | undefined;
+    fieldValues: {
+        [x: string]: string;
+    };
+    rawContext: Record<string, string> | undefined;
+    getFieldValue: (fieldId: string) => string;
+};

package/dist/cjs/helpers/useRwoRecordId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Custom hook that reactively watches URL parameters and returns the appropriate RWO record ID for an organism
+ * @param organismId - The ID of the organism to get the RWO record ID for
+ * @returns The RWO record ID to use for this organism, or undefined if not found
+ */
+export declare const useRwoRecordId: (organismId: string) => string | undefined;

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

@@ -0,0 +1,29 @@
+import { LinkProperties } from 'containers';
+import type { Nullable } from 'typescript';
+import { CustomDescendant } from '../components/RichTextViewer/types';
+export declare const validateAndOpenUrl: (url: string) => void;
+export declare const getParameterByName: (name: string, url: string) => string;
+/**
+ * Parses RWO context from URL parameter (new system) and falls back to legacy rwoTargets
+ * @param url - The URL to parse (defaults to current location)
+ * @returns Array of RWO target objects or empty array if not found
+ */
+export declare const getRwoTargets: (url?: string) => Array<{
+    organismId: string;
+    recordId: string;
+}>;
+/**
+ * Gets the appropriate RWO record ID for a specific organism using new RWO context system
+ * @param organismId - The ID of the organism
+ * @param url - The URL to parse (defaults to current location)
+ * @returns The record ID to use, or undefined if not found
+ */
+export declare const getRwoRecordIdForOrganism: (organismId: string, url?: string) => string | undefined;
+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?: LinkProperties) => boolean;
+export declare const addInternalParamsToCurrentLink: (internalLink?: Nullable<string>, isPreview?: boolean) => string | undefined;
+export declare const getHref: (link?: LinkProperties, isPreview?: boolean) => Nullable<string> | undefined;
+export declare const parseDescendantContent: (string: string) => CustomDescendant[];
+export { encodeObjectToBase64Url, getByPath } from './rwoContext';

package/dist/cjs/helpers/uuid.d.ts

@@ -0,0 +1,2 @@
+export declare const UUID_REGEX: RegExp;
+export declare const isUuid: (value: unknown) => value is string;

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

@@ -0,0 +1,22 @@
+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?: any) => 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/cjs/icons/ArrowRight.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/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';

package/dist/cjs/index.d.ts

@@ -0,0 +1,15 @@
+import './setup/muiXLicense';
+export * from 'helpers/constants';
+export * from 'helpers/utils';
+export * from './components';
+export * from './containers';
+export * from './containers/containerConfigurators';
+export * from './contexts';
+export * from './moleculeItems/moleculeItemConfigurators';
+export * from './molecules';
+export * from './molecules/moleculeConfigurators';
+export * from './organisms';
+export type { SelectOption } from './components/Select/Select';
+export { DataGridOrganism } from './organisms/DataGrid/DataGridOrganism';
+export * from './organisms/organismConfigurators';
+export * from './theme';