@evoke-platform/ui-components 1.13.0-dev.5 → 1.13.0

package/dist/published/components/custom/FormV2/components/HtmlView.js

@@ -0,0 +1,42 @@
+import Quill from 'quill';
+import React, { useEffect, useRef } from 'react';
+import 'quill/dist/quill.snow.css';
+import TableUp from 'quill-table-up';
+import 'quill-table-up/index.css';
+import { Box } from '@mui/material';
+import DOMPurify from 'dompurify';
+Quill.register({ [`modules/${TableUp.moduleName}`]: TableUp }, true);
+const HtmlView = ({ value }) => {
+    const containerRef = useRef(null);
+    const quillRef = useRef(null);
+    // Initialize ONCE
+    useEffect(() => {
+        if (!containerRef.current || quillRef.current)
+            return;
+        const quill = new Quill(containerRef.current, {
+            theme: 'snow',
+            readOnly: true,
+            modules: {
+                toolbar: false,
+            },
+        });
+        quillRef.current = quill;
+    }, []);
+    // Update content only
+    useEffect(() => {
+        if (!quillRef.current)
+            return;
+        quillRef.current.setContents([]);
+        quillRef.current.clipboard.dangerouslyPasteHTML(DOMPurify.sanitize(value));
+    }, [value]);
+    return (React.createElement(Box, { sx: {
+            width: '100%',
+            height: '100%',
+            '.ql-container': {
+                border: 'none',
+                minHeight: 20,
+            },
+        } },
+        React.createElement("div", { ref: containerRef })));
+};
+export default HtmlView;

package/dist/published/components/custom/FormV2/components/RecursiveEntryRenderer.js

@@ -1,6 +1,5 @@
 import { useApiServices, useAuthenticationContext, } from '@evoke-platform/context';
 import { WarningRounded } from '@mui/icons-material';
-import DOMPurify from 'dompurify';
 import { isEmpty } from 'lodash';
 import React, { useEffect, useMemo } from 'react';
 import useWidgetSize, { useFormContext } from '../../../../theme/hooks';
@@ -19,6 +18,7 @@ import ObjectPropertyInput from './FormFieldTypes/relatedObjectFiles/ObjectPrope
 import UserProperty from './FormFieldTypes/UserProperty';
 import FormSections from './FormSections';
 import { entryIsVisible, fetchCollectionData, filterEmptySections, getEntryId, getFieldDefinition, isAddressProperty, isOptionEqualToValue, updateCriteriaInputs, } from './utils';
+import HtmlView from './HtmlView';
 function getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors, validation) {
     return {
         inputId: entryId,
@@ -70,9 +70,7 @@ export function RecursiveEntryRenderer(props) {
         return null;
     }
     if (entry.type === 'content') {
-        return (React.createElement(Box, { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(entry.html) }, sx: {
-                fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-            } }));
+        return React.createElement(HtmlView, { value: entry.html });
     }
     else if ((entry.type === 'input' || entry.type === 'readonlyField' || entry.type === 'inputField') &&
         fieldDefinition) {
@@ -87,9 +85,7 @@ export function RecursiveEntryRenderer(props) {
             return (React.createElement(FieldWrapper, { ...getFieldWrapperProps(fieldDefinition, entry, entryId, fieldValue, display, errors) },
                 React.createElement(ObjectPropertyInput, { relatedObjectId: !fieldDefinition.objectId ? display?.relatedObjectId : fieldDefinition.objectId, fieldDefinition: fieldDefinition, id: entryId, mode: display?.mode || 'default', error: !!errors?.[entryId], displayOption: display?.relatedObjectDisplay || 'dialogBox', initialValue: fieldValue, readOnly: entry.type === 'readonlyField', filter: 'criteria' in validation && validation.criteria
                         ? updateCriteriaInputs(validation.criteria, getValues(), userAccount, instance)
-                        : entry.display?.criteria
-                            ? updateCriteriaInputs(entry.display?.criteria, getValues(), userAccount, instance)
-                            : undefined, sortBy: typeof display?.defaultValue === 'object' && 'sortBy' in display.defaultValue
+                        : undefined, sortBy: typeof display?.defaultValue === 'object' && 'sortBy' in display.defaultValue
                         ? display?.defaultValue.sortBy
                         : undefined, orderBy: typeof display?.defaultValue === 'object' && 'orderBy' in display.defaultValue
                         ? display?.defaultValue.orderBy

package/dist/published/components/custom/FormV2/components/utils.d.ts

@@ -84,7 +84,6 @@ export declare function formatSubmission(submission: FieldValues, apiServices?:
 }>>, associatedObject?: {
     instanceId: string;
     propertyId: string;
-    objectId?: string;
 }, parameters?: InputParameter[]): Promise<FieldValues>;
 export declare function filterEmptySections(entry: Sections | Columns, instance?: FieldValues, formData?: FieldValues): Sections | Columns | null;
 export declare function assignIdsToSectionsAndRichText(entries: FormEntry[], object: Obj, parameters?: InputParameter[]): FormEntry[];

package/dist/published/components/custom/FormV2/components/utils.js

@@ -115,16 +115,6 @@ export const getEntryId = (entry) => {
                 ? entry.input.id
                 : undefined;
 };
-const getEntryType = (entry, parameters) => {
-    if (entry?.type === 'inputField') {
-        return entry?.input?.type;
-    }
-    else if (entry?.type === 'input') {
-        // For 'input' type entries, look up the parameter by parameterId
-        const parameter = parameters?.find((param) => param.id === entry.parameterId);
-        return parameter?.type;
-    }
-};
 export function getPrefixedUrl(url) {
     const wcsMatchers = ['/apps', '/pages', '/widgets'];
     const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/forms', '/locations'];
@@ -581,6 +571,16 @@ export const deleteDocuments = async (submittedFields, requestSuccess, apiServic
         }
     }
 };
+const getEntryType = (entry, parameters) => {
+    if (entry?.type === 'inputField') {
+        return entry.input.type;
+    }
+    else if (entry?.type === 'input') {
+        // For 'input' type entries, look up the parameter by parameterId
+        const parameter = parameters?.find((param) => param.id === entry.parameterId);
+        return parameter?.type;
+    }
+};
 /**
  * Transforms a form submission into a format safe for API submission.
  *
@@ -606,17 +606,17 @@ export async function formatSubmission(submission, apiServices, objectId, instan
             const fileInArray = value.some((item) => item instanceof File);
             if (fileInArray && apiServices && objectId) {
                 // Determine property type from the entry
-                const propertyType = getEntryType(entry, parameters);
+                const parameterType = getEntryType(entry, parameters);
                 try {
                     let uploadedDocuments = [];
-                    if (propertyType === 'file') {
+                    if (parameterType === 'file') {
                         uploadedDocuments = await uploadFiles(value, apiServices, '_create', {
                             ...entry?.documentMetadata,
                         }, 
                         // Only pass linkTo if instanceId exists (update action)
                         instanceId ? { id: instanceId, objectId } : undefined);
                     }
-                    else if (propertyType === 'document' && instanceId) {
+                    else if (parameterType === 'document' && instanceId) {
                         uploadedDocuments = await uploadDocuments(value, {
                             type: '',
                             view_permission: '',
@@ -630,7 +630,7 @@ export async function formatSubmission(submission, apiServices, objectId, instan
                         setSnackbarError &&
                             setSnackbarError({
                                 showAlert: true,
-                                message: `An error occurred while uploading associated ${propertyType === 'file' ? 'files' : 'documents'}`,
+                                message: `An error occurred while uploading associated ${parameterType === 'file' ? 'files' : 'documents'}`,
                                 isError: true,
                             });
                     }
@@ -649,8 +649,7 @@ export async function formatSubmission(submission, apiServices, objectId, instan
                 submission[key] =
                     entry &&
                         ['input', 'inputField'].includes(entry.type) &&
-                        (entry.display?.relatedObjectId ||
-                            associatedObject?.objectId)
+                        entry.display?.relatedObjectId
                         ? pick(value, 'id', 'name', 'objectId')
                         : pick(value, 'id', 'name');
             }

package/dist/published/components/custom/FormV2/tests/FormRenderer.test.js

@@ -1483,7 +1483,7 @@ describe('FormRenderer', () => {
             await user.click(addButton);
             await screen.findByRole('dialog');
             // Make sure other form entry is present
-            await screen.findByRole('textbox', { name: 'Name *' });
+            await screen.findByRole('textbox', { name: /Name */i });
             const relatedObjectField = screen.queryByRole('textbox', { name: 'Related Object' });
             expect(relatedObjectField).not.toBeInTheDocument();
         });
@@ -1502,7 +1502,7 @@ describe('FormRenderer', () => {
             const addButton = await screen.findByRole('button', { name: /add/i });
             await user.click(addButton);
             await screen.findByRole('dialog');
-            const nameField = await screen.findByRole('textbox', { name: 'Name *' });
+            const nameField = await screen.findByRole('textbox', { name: /Name */ });
             await user.type(nameField, 'New Collection Item');
             const submitButton = screen.getByRole('button', { name: 'Create Collection Item' });
             await user.click(submitButton);

package/dist/published/components/custom/FormV2/tests/FormRendererContainer.test.js

@@ -997,6 +997,90 @@ describe('FormRendererContainer', () => {
             });
         });
     });
+    it('should display title by default', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, dataType: "objectInstances" }));
+        await screen.findByText('Simple Form');
+    });
+    it('should display title', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
+                hidden: false,
+            }, dataType: "objectInstances" }));
+        await screen.findByText('Simple Form');
+    });
+    it('should not display title', async () => {
+        const form = {
+            id: 'simpleForm',
+            name: 'Simple Form',
+            entries: [],
+            actionId: '_create',
+            objectId: 'simpleObject',
+        };
+        const simpleObject = {
+            id: 'simpleObject',
+            name: 'Simple Object',
+            actions: [
+                {
+                    id: '_create',
+                    name: 'Create',
+                    type: 'create',
+                    parameters: [],
+                    outputEvent: 'created',
+                },
+            ],
+            properties: [],
+        };
+        server.use(http.get(`/api/data/objects/${simpleObject.id}/effective`, () => HttpResponse.json(simpleObject)), http.get(`/api/data/forms/${form.id}`, () => HttpResponse.json(form)));
+        render(React.createElement(FormRendererContainer, { objectId: simpleObject.id, formId: form.id, title: {
+                hidden: true,
+            }, dataType: "objectInstances" }));
+        await waitFor(() => {
+            expect(screen.queryByText('Simple Form')).not.toBeInTheDocument();
+        });
+    });
     it('should display a submit button', async () => {
         const form = {
             id: 'simpleForm',

package/dist/published/components/custom/HistoryLog/HistoryData.js

@@ -6,8 +6,7 @@ import React from 'react';
 import { Typography } from '../../core';
 import { Box, Grid } from '../../layout';
 import DisplayedProperty from './DisplayedProperty';
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { format } = require('small-date');
+import { format } from 'small-date';
 export const nanoid = customAlphabet(uppercase + lowercase);
 const styles = {
     timelineHeader: {

package/dist/published/components/custom/HistoryLog/index.js

@@ -9,8 +9,7 @@ import Box from '../../layout/Box';
 import HistoryFilter from './Filter';
 import HistoricalData from './HistoryData';
 import HistoryLoading from './HistoryLoading';
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { format } = require('small-date');
+import { format } from 'small-date';
 /**
  * Renders a timeline of the instance's history log.
  * Users can filter the history by type and sort by date.

package/dist/published/components/custom/ViewDetailsV2/InstanceEntryRenderer.js

@@ -1,6 +1,5 @@
 import { useApiServices, useApp, } from '@evoke-platform/context';
 import { CancelRounded, CheckCircleRounded } from '@mui/icons-material';
-import DOMPurify from 'dompurify';
 import { isEmpty, isNil } from 'lodash';
 import { DateTime } from 'luxon';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -17,6 +16,7 @@ import { Document } from '../FormV2/components/FormFieldTypes/DocumentFiles/Docu
 import { Image } from '../FormV2/components/FormFieldTypes/Image';
 import PropertyProtection from '../FormV2/components/PropertyProtection';
 import { entryIsVisible, fetchCollectionData, filterEmptySections, getDefaultPages, isAddressProperty, } from '../FormV2/components/utils';
+import HtmlView from '../FormV2/components/HtmlView';
 function ViewOnlyEntryRenderer(props) {
     const { entry } = props;
     const { fetchedOptions, setFetchedOptions, object, instance, richTextEditor: RichTextEditor } = useFormContext();
@@ -53,36 +53,22 @@ function ViewOnlyEntryRenderer(props) {
     useEffect(() => {
         (async () => {
             if (object?.properties && !fetchedOptions[`${entryId}NavigationSlug`]) {
-                const property = object.properties.find((prop) => prop.id === entryId);
-                if (!property || property.type !== 'object') {
-                    return;
-                }
-                if (!property.objectId) {
-                    property.objectId = instance?.[entryId] && (instance?.[entryId]).objectId;
-                }
-                try {
-                    const pages = await getDefaultPages([property], defaultPages, findDefaultPageSlugFor);
-                    if (property?.objectId && pages[property.objectId]) {
-                        setNavigationSlug(pages[property.objectId]);
-                        setFetchedOptions({
-                            [`${entryId}NavigationSlug`]: pages[property.objectId],
-                        });
-                    }
-                }
-                catch (error) {
-                    console.error('Error fetching default pages:', error);
+                const pages = await getDefaultPages(object.properties, defaultPages, findDefaultPageSlugFor);
+                if (fieldDefinition?.objectId && pages[fieldDefinition.objectId]) {
+                    setNavigationSlug(pages[fieldDefinition.objectId]);
+                    setFetchedOptions({
+                        [`${entryId}NavigationSlug`]: pages[fieldDefinition.objectId],
+                    });
                 }
             }
         })();
-    }, [object, defaultPages, findDefaultPageSlugFor, instance, entryId, fetchedOptions]);
+    }, [object, defaultPages, findDefaultPageSlugFor, fieldDefinition]);
     // If the entry is hidden, clear its value and any nested values, and skip rendering
     if (!entryIsVisible(entry, instance)) {
         return null;
     }
     if (entry.type === 'content') {
-        return (React.createElement(Box, { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(entry.html) }, sx: {
-                fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
-            } }));
+        return React.createElement(HtmlView, { value: entry.html });
     }
     else if (entry.type === 'readonlyField') {
         if (isAddressProperty(entryId)) {

package/dist/published/components/custom/ViewDetailsV2/ViewDetailsV2Container.d.ts

@@ -2,6 +2,9 @@ import React, { ComponentType } from 'react';
 import { BaseProps, SimpleEditorProps } from '../FormV2/components/types';
 import { FormRendererProps } from '../FormV2/FormRenderer';
 export type ViewDetailsV2ContainerProps = BaseProps & {
+    title?: {
+        hidden?: boolean;
+    };
     panelLayoutId?: string;
     instanceId?: string;
     objectId: string;

package/dist/published/components/custom/ViewDetailsV2/ViewDetailsV2Container.js

@@ -10,7 +10,7 @@ import Header from '../FormV2/components/Header';
 import { assignIdsToSectionsAndRichText, getPrefixedUrl } from '../FormV2/components/utils';
 import ViewOnlyEntryRenderer from './InstanceEntryRenderer';
 function ViewDetailsV2Container(props) {
-    const { instanceId, panelLayoutId, objectId, richTextEditor, renderHeader, renderBody } = props;
+    const { instanceId, panelLayoutId, objectId, title, richTextEditor, renderHeader, renderBody } = props;
     const apiServices = useApiServices();
     const [sanitizedObject, setSanitizedObject] = useState();
     const [instance, setInstance] = useState();
@@ -85,6 +85,7 @@ function ViewDetailsV2Container(props) {
     const isLoading = (instanceId && !instance) || !panelLayout || !sanitizedObject;
     const hasSections = updatedEntries.some((entry) => entry.type === 'sections');
     const headerProps = {
+        hideTitle: title?.hidden === true,
         title: panelLayout?.name,
         onExpandAll: handleExpandAll,
         onCollapseAll: handleCollapseAll,
@@ -103,6 +104,7 @@ function ViewDetailsV2Container(props) {
                 (renderHeader ? renderHeader({ ...headerProps }) : React.createElement(Header, { ...headerProps })),
             React.createElement(Box, { sx: {
                     paddingX: isSm || isXs ? 2 : 3,
+                    paddingY: isSm || isXs ? '6px' : '14px',
                     borderTop: '1px solid #e9ecef',
                 } },
                 React.createElement(FormContext.Provider, { value: {

package/dist/published/stories/Backdrop.stories.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").BackdropOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "components" | "color" | "className" | "style" | "classes" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "ref" | "transitionDuration" | "componentsProps" | "slotProps" | "slots" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "invisible" | "open" | "TransitionComponent"> & {
+}, "components" | "color" | "className" | "style" | "classes" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "ref" | "transitionDuration" | "componentsProps" | "slotProps" | "slots" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "invisible" | "open" | "TransitionComponent"> & {
     component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }>;
 export default _default;
 export declare const Backdrop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@mui/material").BackdropOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "components" | "color" | "className" | "style" | "classes" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "ref" | "transitionDuration" | "componentsProps" | "slotProps" | "slots" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "invisible" | "open" | "TransitionComponent"> & {
+}, "components" | "color" | "className" | "style" | "classes" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "ref" | "transitionDuration" | "componentsProps" | "slotProps" | "slots" | "in" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "exit" | "invisible" | "open" | "TransitionComponent"> & {
     component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }>;

package/dist/published/stories/CriteriaBuilder.stories.js

@@ -256,26 +256,19 @@ CriteriaBuilderRelatedObject.args = {
                             ],
                         },
                         {
-                            id: 'dynamic',
-                            name: 'Dynamic',
-                            type: 'object',
-                            children: [
-                                {
-                                    id: 'id',
-                                    name: 'ID',
-                                    type: 'string',
-                                },
-                                {
-                                    id: 'name',
-                                    name: 'Name',
-                                    type: 'string',
-                                },
-                                {
-                                    id: 'objectId',
-                                    name: 'Object Id',
-                                    type: 'string',
-                                },
-                            ],
+                            id: 'dynamic.id',
+                            name: 'Dynamic ID',
+                            type: 'string',
+                        },
+                        {
+                            id: 'dynamic.name',
+                            name: 'Dynamic Name',
+                            type: 'string',
+                        },
+                        {
+                            id: 'dynamic.objectId',
+                            name: 'Dynamic Object ID',
+                            type: 'string',
                         },
                         {
                             id: 'name',
@@ -559,48 +552,19 @@ CriteriaBuilderRelatedObject.args = {
                     required: false,
                 },
                 {
-                    id: 'dynamic',
-                    name: 'Dynamic',
-                    type: 'object',
-                    children: [
-                        {
-                            id: 'id',
-                            name: 'ID',
-                            type: 'string',
-                        },
-                        {
-                            id: 'name',
-                            name: 'Name',
-                            type: 'string',
-                        },
-                        {
-                            id: 'objectId',
-                            name: 'Object Id',
-                            type: 'string',
-                        },
-                    ],
+                    id: 'dynamic.id',
+                    name: 'Dynamic ID',
+                    type: 'string',
                 },
                 {
-                    id: 'dynamic2',
-                    name: 'Dynamic2',
-                    type: 'object',
+                    id: 'dynamic.name',
+                    name: 'Dynamic Name',
+                    type: 'string',
                 },
                 {
-                    id: 'address',
-                    name: 'Address',
-                    type: 'address',
-                    children: [
-                        {
-                            id: 'line1',
-                            name: 'Line 1',
-                            type: 'string',
-                        },
-                        {
-                            id: 'line2',
-                            name: 'Line 2',
-                            type: 'string',
-                        },
-                    ],
+                    id: 'dynamic.objectId',
+                    name: 'Dynamic Object Id',
+                    type: 'string',
                 },
             ],
         },
@@ -752,18 +716,6 @@ CriteriaBuilderRelatedObject.args = {
             {
                 'applicationType.status': 'DNP',
             },
-            {
-                'applicant.deleted': '1',
-            },
-            {
-                deleted: '1',
-            },
-            {
-                'applicant.license.expirationDate': '2025-01-16',
-            },
-            {
-                dynamic2: '1',
-            },
         ],
     },
     enablePresetValues: false,