npm - @stoplight/elements-core - Versions diffs - 9.0.4 → 9.0.5 - Mend

@stoplight/elements-core 9.0.4 → 9.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/components/Docs/HttpOperation/LazySchemaTreePreviewer.d.ts +1 -1
package/index.esm.js +184 -31
package/index.js +184 -31
package/index.mjs +184 -31
package/package.json +1 -1

package/components/Docs/HttpOperation/LazySchemaTreePreviewer.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ interface LazySchemaTreePreviewerProps {
     }>;
     parentRequired?: string[];
     propertyKey?: string;
-    subType?: string;
+    _subType?: string;
 }
 declare const LazySchemaTreePreviewer: React.FC<LazySchemaTreePreviewerProps>;
 export default LazySchemaTreePreviewer;

package/index.esm.js CHANGED Viewed

@@ -2760,7 +2760,12 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
         return node;
     if (node.$ref || node['x-iata-$ref']) {
         let refPath = node.$ref || node['x-iata-$ref'];
-        refPath = refPath.replace('__bundled__', 'definitions');
+        if (refPath.includes('#/%24defs')) {
+            refPath = refPath.replace('#/%24defs', '$defs');
+        }
+        else {
+            refPath = refPath.replace('__bundled__', 'definitions');
+        }
         if (visited.has(node))
             return { circular: true, $ref: refPath, title: node.title, type: 'any', description: node.description };
         visited.add(node);
@@ -2786,9 +2791,49 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
 const trimSlashes = (str) => {
     return str.replace(/^\/|\/$/g, '');
 };
-const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, subType, }) => {
+function isPropertiesAllHidden(path, hideData) {
+    const current = trimSlashes(path);
+    const parts = current.split('/');
+    for (let i = parts.length; i >= 2; i--) {
+        if (parts[i - 1] === 'properties') {
+            const ancestorPropPath = parts.slice(0, i).join('/');
+            const block = hideData.find(h => trimSlashes(h.path) === ancestorPropPath && ancestorPropPath.endsWith('/properties'));
+            if (block && block.required === undefined) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+function isRequiredOverride(path, hideData) {
+    const entry = hideData.find(h => trimSlashes(h.path) === trimSlashes(path));
+    return entry && typeof entry.required === 'boolean' ? entry.required : undefined;
+}
+function isPathHidden(path, hideData) {
+    const normalizedPath = trimSlashes(path);
+    const direct = hideData.find(h => trimSlashes(h.path) === normalizedPath);
+    if (direct && direct.required === undefined)
+        return true;
+    if (isPropertiesAllHidden(path, hideData))
+        return true;
+    for (const h of hideData) {
+        const hPath = trimSlashes(h.path);
+        if (h.required !== undefined)
+            continue;
+        if (normalizedPath.length > hPath.length &&
+            normalizedPath.startsWith(hPath) &&
+            (hPath.endsWith('/items') || (hPath.match(/\/items\/[^\/]+$/) && normalizedPath.startsWith(hPath + '/')))) {
+            return true;
+        }
+    }
+    return false;
+}
+const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, _subType, }) => {
     var _a, _b, _c, _d;
     const [expanded, setExpanded] = useState(false);
+    const [selectedSchemaIndex, setSelectedSchemaIndex] = useState(0);
+    const [showSchemaDropdown, setShowSchemaDropdown] = useState(false);
+    const [isHoveringSelector, setIsHoveringSelector] = useState(false);
     const isRoot = level === 1 && (title === undefined || path === '');
     useState(() => {
         const disabledPaths = hideData || [];
@@ -2801,14 +2846,19 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
         }
         return initialState;
     });
+    useEffect(() => {
+        setSelectedSchemaIndex(0);
+    }, [schema === null || schema === void 0 ? void 0 : schema.anyOf, schema === null || schema === void 0 ? void 0 : schema.oneOf]);
+    const thisNodeRequiredOverride = isRequiredOverride(path, hideData);
+    const shouldHideAllChildren = (isRoot && hideData.some(h => trimSlashes(h.path) === 'properties' && h.required === undefined)) ||
+        (!isRoot && isPropertiesAllHidden(path, hideData));
     const shouldHideNode = useMemo(() => {
-        const currentPath = trimSlashes(path);
-        const data = hideData.some(hideEntry => {
-            const hideEntryPath = trimSlashes(hideEntry.path);
-            return hideEntryPath === currentPath;
-        });
-        return data;
-    }, [path, hideData]);
+        if (isRoot)
+            return false;
+        if (isPathHidden(path, hideData) && thisNodeRequiredOverride === undefined)
+            return true;
+        return false;
+    }, [path, hideData, isRoot, thisNodeRequiredOverride]);
     if (!schema || shouldHideNode) {
         return null;
     }
@@ -2821,17 +2871,34 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     };
     const renderChildren = () => {
         var _a, _b, _c, _d;
+        if (shouldHideAllChildren)
+            return null;
         if (!expanded && !isRoot)
             return null;
         const children = [];
-        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.properties)) {
-            for (const [key, child] of Object.entries(schema === null || schema === void 0 ? void 0 : schema.properties)) {
+        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && ((schema === null || schema === void 0 ? void 0 : schema.properties) || (schema === null || schema === void 0 ? void 0 : schema.allOf) || (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) {
+            let props = schema === null || schema === void 0 ? void 0 : schema.properties;
+            if (schema === null || schema === void 0 ? void 0 : schema.allOf) {
+                schema === null || schema === void 0 ? void 0 : schema.allOf.forEach((item) => {
+                    props = Object.assign(Object.assign({}, props), item.properties);
+                });
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.anyOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.anyOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.oneOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.oneOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            for (const [key, child] of Object.entries(props || {})) {
                 const childPath = `${path}/properties/${key}`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 const resolved = dereference(child, root);
                 if (!shouldHideChild) {
                     children.push(React__default.createElement("li", { key: key },
-                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
+                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, _subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
                 }
             }
         }
@@ -2843,25 +2910,57 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
             const itemsPath = `${path}/items`;
             if (resolvedItems && resolvedItems.type === 'object' && resolvedItems.properties) {
                 for (const [key, child] of Object.entries(resolvedItems.properties)) {
-                    const childPath = `${itemsPath}/properties/${key}`;
-                    const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                    const childPath = `${itemsPath}/${key}`;
+                    const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                    const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                     if (!shouldHideChild) {
                         children.push(React__default.createElement("li", { key: key },
-                            React__default.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
+                            React__default.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, _subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
                     }
                 }
             }
             else if (resolvedItems && resolvedItems.type === 'array' && resolvedItems.items.length > 0) {
                 const childPath = `${path}/items`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 if (!shouldHideChild) {
                     children.push(React__default.createElement("li", { key: "items" },
-                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
+                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", _subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
                 }
             }
         }
         return children.length > 0 ? React__default.createElement("ul", { className: "ml-6 border-l border-gray-200 pl-2" }, children) : null;
     };
+    const combinedSchemaSelector = () => {
+        var _a;
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Box, { pos: "fixed", top: 0, left: 0, right: 0, bottom: 0, bg: "transparent", style: { zIndex: 999 }, onClick: () => setShowSchemaDropdown(false) }),
+            React__default.createElement(Box, { pos: "absolute", bg: "canvas", rounded: true, boxShadow: "md", style: {
+                    zIndex: 1000,
+                    top: '100%',
+                    left: 0,
+                    minWidth: '150px',
+                    maxWidth: '200px',
+                    marginTop: '2px',
+                    border: '1px solid rgba(0, 0, 0, 0.1)',
+                }, fontSize: "sm", onClick: (e) => e.stopPropagation() }, (_a = ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) === null || _a === void 0 ? void 0 : _a.map((schemaOption, index) => (React__default.createElement(Box, { key: index, px: 3, py: 2, cursor: "pointer", bg: selectedSchemaIndex === index ? 'primary-tint' : 'canvas', fontSize: "xs", display: "flex", alignItems: "center", style: {
+                    borderBottom: index < ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)).length - 1 ? '1px solid rgba(0, 0, 0, 0.1)' : 'none',
+                    gap: '8px',
+                }, onMouseEnter: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas-tint)';
+                    }
+                }, onMouseLeave: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas)';
+                    }
+                }, onClick: () => {
+                    setSelectedSchemaIndex(index);
+                    setShowSchemaDropdown(false);
+                } },
+                React__default.createElement(Box, { flex: 1, color: "body" }, schemaOption.type || 'object'),
+                selectedSchemaIndex === index && (React__default.createElement(Box, { color: "primary", fontSize: "xs" }, "\u2713"))))))));
+    };
     const renderMinEnums = (schema) => {
         if (!schema || typeof schema !== 'object')
             return null;
@@ -2896,6 +2995,9 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     if ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === true || ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === undefined && isRequired)) {
         showRequiredLabel = true;
     }
+    if (schema === null || schema === void 0 ? void 0 : schema.$ref) {
+        schema = dereference(schema, root);
+    }
     return (React__default.createElement("div", { className: "mb-1" },
         React__default.createElement(Flex, { maxW: "full", pl: 3, py: 2, "data-test": "schema-row", pos: "relative" },
             React__default.createElement(VStack, { spacing: 1, maxW: "full", className: "w-full" },
@@ -2906,12 +3008,45 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
                             !((_b = schema === null || schema === void 0 ? void 0 : schema.items) === null || _b === void 0 ? void 0 : _b.circular) &&
                             !(schema === null || schema === void 0 ? void 0 : schema.circular) ? (React__default.createElement("i", { role: "img", "aria-hidden": "true", className: `sl-icon fal ${expanded ? 'fa-chevron-down' : 'fa-chevron-right'} fa-fw fa-sm` })) : (React__default.createElement("span", { className: "sl-icon fal fa-fw fa-sm", "aria-hidden": "true" })),
                         ' ' + displayTitle)) : null,
-                    !isRoot ? (React__default.createElement(Box, { mr: 2 },
-                        React__default.createElement("span", { className: "sl-truncate sl-text-muted" },
-                            (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title),
-                            (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null,
-                            subType ? `[${subType}]` : ''),
-                        React__default.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null))) : null),
+                    !isRoot ? (React__default.createElement(Box, { mr: 2, pos: "relative" },
+                        React__default.createElement(Box, { display: "inline-flex", alignItems: "center", onMouseEnter: () => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    setIsHoveringSelector(true);
+                                }
+                            }, onMouseLeave: () => {
+                                if (!showSchemaDropdown) {
+                                    setIsHoveringSelector(false);
+                                }
+                            }, onClick: (e) => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    e.stopPropagation();
+                                    setShowSchemaDropdown(prev => !prev);
+                                }
+                            }, style: {
+                                cursor: (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf) ? 'pointer' : 'default',
+                            } },
+                            React__default.createElement("span", { className: "sl-truncate sl-text-muted" },
+                                (() => {
+                                    let typeDisplay = (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title);
+                                    if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                                        return `any of ${typeDisplay}`;
+                                    }
+                                    else if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                                        return `one of ${typeDisplay}`;
+                                    }
+                                    return typeDisplay;
+                                })(),
+                                (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null),
+                            ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && (React__default.createElement(Box, { display: "inline-flex", alignItems: "center", ml: 1, style: {
+                                    opacity: isHoveringSelector ? 1 : 0.6,
+                                    transition: 'opacity 0.2s',
+                                } },
+                                React__default.createElement("i", { className: "sl-icon fas fa-chevron-down", style: {
+                                        fontSize: '10px',
+                                        opacity: 0.6,
+                                    } })))),
+                        React__default.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null),
+                        ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && showSchemaDropdown && combinedSchemaSelector())) : null),
                 React__default.createElement(Flex, { pl: 1, w: "full", align: "start", direction: "col", style: { overflow: 'visible', paddingLeft: '20px' } },
                     (schema === null || schema === void 0 ? void 0 : schema.description) && (React__default.createElement(Box, { fontFamily: "ui", fontWeight: "light" },
                         React__default.createElement("span", { className: "sl-prose sl-markdown-viewer", style: { fontSize: '12px' } }, schema === null || schema === void 0 ? void 0 : schema.description))),
@@ -2961,9 +3096,13 @@ const Body = ({ body, onChange, isHttpWebhookOperation = false, disableProps })
         const absolutePathsToHide = [];
         disablePropsConfig.forEach(configEntry => {
             const { location, paths } = configEntry;
-            paths.forEach(item => {
+            paths.forEach((item) => {
                 const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                absolutePathsToHide.push({ path: fullPath });
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
             });
         });
         return absolutePathsToHide;
@@ -3154,8 +3293,14 @@ const Response = ({ response, onMediaTypeChange, disableProps, statusCode }) =>
         const configEntries = disableProps[statusCode] || [];
         const absolutePathsToHide = [];
         configEntries.forEach(({ location, paths }) => {
-            paths.forEach(item => {
-                absolutePathsToHide.push({ path: location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}` });
+            paths.forEach((item) => {
+                const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
+                console.log('object::', object, item);
             });
         });
         return absolutePathsToHide;
@@ -3487,7 +3632,9 @@ const HttpServiceComponent = React.memo(({ data: unresolvedData, location = {},
             React.createElement(Box, { pos: "relative" },
                 React.createElement(Heading, { size: 1, mb: 4, fontWeight: "semibold" }, data.name),
                 React.createElement(NodeAnnotation, { change: nameChanged })),
-            exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps)))),
+            localStorage.getItem('use_new_mask_workflow') === 'true'
+                ? null
+                : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps)))),
         data.version && (React.createElement(Box, { mb: 5, pos: "relative" },
             React.createElement(VersionBadge, { value: data.version }),
             React.createElement(NodeAnnotation, { change: versionChanged }))),
@@ -3523,7 +3670,9 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                     isDeprecated && React.createElement(DeprecatedBadge, null),
                     isInternal && React.createElement(InternalBadge, null))),
             React.createElement(NodeAnnotation, { change: titleChanged })),
-        exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps))));
+        localStorage.getItem('use_new_mask_workflow') === 'true'
+            ? null
+            : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps))));
     const modelExamples = !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideModelExamples) && React.createElement(ModelExamples, { data: data, isCollapsible: isCompact });
     const descriptionChanged = nodeHasChanged === null || nodeHasChanged === void 0 ? void 0 : nodeHasChanged({ nodeId, attr: 'description' });
     const getMaskProperties = () => {
@@ -3534,7 +3683,11 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                 const { location, paths } = configEntry;
                 paths.forEach((item) => {
                     const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                    absolutePathsToHide.push({ path: fullPath });
+                    let object = { path: fullPath };
+                    if (item.hasOwnProperty('required')) {
+                        object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                    }
+                    absolutePathsToHide.push(object);
                 });
             });
         }

package/index.js CHANGED Viewed

@@ -2782,7 +2782,12 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
         return node;
     if (node.$ref || node['x-iata-$ref']) {
         let refPath = node.$ref || node['x-iata-$ref'];
-        refPath = refPath.replace('__bundled__', 'definitions');
+        if (refPath.includes('#/%24defs')) {
+            refPath = refPath.replace('#/%24defs', '$defs');
+        }
+        else {
+            refPath = refPath.replace('__bundled__', 'definitions');
+        }
         if (visited.has(node))
             return { circular: true, $ref: refPath, title: node.title, type: 'any', description: node.description };
         visited.add(node);
@@ -2808,9 +2813,49 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
 const trimSlashes = (str) => {
     return str.replace(/^\/|\/$/g, '');
 };
-const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, subType, }) => {
+function isPropertiesAllHidden(path, hideData) {
+    const current = trimSlashes(path);
+    const parts = current.split('/');
+    for (let i = parts.length; i >= 2; i--) {
+        if (parts[i - 1] === 'properties') {
+            const ancestorPropPath = parts.slice(0, i).join('/');
+            const block = hideData.find(h => trimSlashes(h.path) === ancestorPropPath && ancestorPropPath.endsWith('/properties'));
+            if (block && block.required === undefined) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+function isRequiredOverride(path, hideData) {
+    const entry = hideData.find(h => trimSlashes(h.path) === trimSlashes(path));
+    return entry && typeof entry.required === 'boolean' ? entry.required : undefined;
+}
+function isPathHidden(path, hideData) {
+    const normalizedPath = trimSlashes(path);
+    const direct = hideData.find(h => trimSlashes(h.path) === normalizedPath);
+    if (direct && direct.required === undefined)
+        return true;
+    if (isPropertiesAllHidden(path, hideData))
+        return true;
+    for (const h of hideData) {
+        const hPath = trimSlashes(h.path);
+        if (h.required !== undefined)
+            continue;
+        if (normalizedPath.length > hPath.length &&
+            normalizedPath.startsWith(hPath) &&
+            (hPath.endsWith('/items') || (hPath.match(/\/items\/[^\/]+$/) && normalizedPath.startsWith(hPath + '/')))) {
+            return true;
+        }
+    }
+    return false;
+}
+const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, _subType, }) => {
     var _a, _b, _c, _d;
     const [expanded, setExpanded] = React.useState(false);
+    const [selectedSchemaIndex, setSelectedSchemaIndex] = React.useState(0);
+    const [showSchemaDropdown, setShowSchemaDropdown] = React.useState(false);
+    const [isHoveringSelector, setIsHoveringSelector] = React.useState(false);
     const isRoot = level === 1 && (title === undefined || path === '');
     React.useState(() => {
         const disabledPaths = hideData || [];
@@ -2823,14 +2868,19 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
         }
         return initialState;
     });
+    React.useEffect(() => {
+        setSelectedSchemaIndex(0);
+    }, [schema === null || schema === void 0 ? void 0 : schema.anyOf, schema === null || schema === void 0 ? void 0 : schema.oneOf]);
+    const thisNodeRequiredOverride = isRequiredOverride(path, hideData);
+    const shouldHideAllChildren = (isRoot && hideData.some(h => trimSlashes(h.path) === 'properties' && h.required === undefined)) ||
+        (!isRoot && isPropertiesAllHidden(path, hideData));
     const shouldHideNode = React.useMemo(() => {
-        const currentPath = trimSlashes(path);
-        const data = hideData.some(hideEntry => {
-            const hideEntryPath = trimSlashes(hideEntry.path);
-            return hideEntryPath === currentPath;
-        });
-        return data;
-    }, [path, hideData]);
+        if (isRoot)
+            return false;
+        if (isPathHidden(path, hideData) && thisNodeRequiredOverride === undefined)
+            return true;
+        return false;
+    }, [path, hideData, isRoot, thisNodeRequiredOverride]);
     if (!schema || shouldHideNode) {
         return null;
     }
@@ -2843,17 +2893,34 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     };
     const renderChildren = () => {
         var _a, _b, _c, _d;
+        if (shouldHideAllChildren)
+            return null;
         if (!expanded && !isRoot)
             return null;
         const children = [];
-        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.properties)) {
-            for (const [key, child] of Object.entries(schema === null || schema === void 0 ? void 0 : schema.properties)) {
+        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && ((schema === null || schema === void 0 ? void 0 : schema.properties) || (schema === null || schema === void 0 ? void 0 : schema.allOf) || (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) {
+            let props = schema === null || schema === void 0 ? void 0 : schema.properties;
+            if (schema === null || schema === void 0 ? void 0 : schema.allOf) {
+                schema === null || schema === void 0 ? void 0 : schema.allOf.forEach((item) => {
+                    props = Object.assign(Object.assign({}, props), item.properties);
+                });
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.anyOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.anyOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.oneOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.oneOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            for (const [key, child] of Object.entries(props || {})) {
                 const childPath = `${path}/properties/${key}`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 const resolved = dereference(child, root);
                 if (!shouldHideChild) {
                     children.push(React.createElement("li", { key: key },
-                        React.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
+                        React.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, _subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
                 }
             }
         }
@@ -2865,25 +2932,57 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
             const itemsPath = `${path}/items`;
             if (resolvedItems && resolvedItems.type === 'object' && resolvedItems.properties) {
                 for (const [key, child] of Object.entries(resolvedItems.properties)) {
-                    const childPath = `${itemsPath}/properties/${key}`;
-                    const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                    const childPath = `${itemsPath}/${key}`;
+                    const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                    const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                     if (!shouldHideChild) {
                         children.push(React.createElement("li", { key: key },
-                            React.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
+                            React.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, _subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
                     }
                 }
             }
             else if (resolvedItems && resolvedItems.type === 'array' && resolvedItems.items.length > 0) {
                 const childPath = `${path}/items`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 if (!shouldHideChild) {
                     children.push(React.createElement("li", { key: "items" },
-                        React.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
+                        React.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", _subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
                 }
             }
         }
         return children.length > 0 ? React.createElement("ul", { className: "ml-6 border-l border-gray-200 pl-2" }, children) : null;
     };
+    const combinedSchemaSelector = () => {
+        var _a;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(mosaic.Box, { pos: "fixed", top: 0, left: 0, right: 0, bottom: 0, bg: "transparent", style: { zIndex: 999 }, onClick: () => setShowSchemaDropdown(false) }),
+            React.createElement(mosaic.Box, { pos: "absolute", bg: "canvas", rounded: true, boxShadow: "md", style: {
+                    zIndex: 1000,
+                    top: '100%',
+                    left: 0,
+                    minWidth: '150px',
+                    maxWidth: '200px',
+                    marginTop: '2px',
+                    border: '1px solid rgba(0, 0, 0, 0.1)',
+                }, fontSize: "sm", onClick: (e) => e.stopPropagation() }, (_a = ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) === null || _a === void 0 ? void 0 : _a.map((schemaOption, index) => (React.createElement(mosaic.Box, { key: index, px: 3, py: 2, cursor: "pointer", bg: selectedSchemaIndex === index ? 'primary-tint' : 'canvas', fontSize: "xs", display: "flex", alignItems: "center", style: {
+                    borderBottom: index < ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)).length - 1 ? '1px solid rgba(0, 0, 0, 0.1)' : 'none',
+                    gap: '8px',
+                }, onMouseEnter: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas-tint)';
+                    }
+                }, onMouseLeave: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas)';
+                    }
+                }, onClick: () => {
+                    setSelectedSchemaIndex(index);
+                    setShowSchemaDropdown(false);
+                } },
+                React.createElement(mosaic.Box, { flex: 1, color: "body" }, schemaOption.type || 'object'),
+                selectedSchemaIndex === index && (React.createElement(mosaic.Box, { color: "primary", fontSize: "xs" }, "\u2713"))))))));
+    };
     const renderMinEnums = (schema) => {
         if (!schema || typeof schema !== 'object')
             return null;
@@ -2918,6 +3017,9 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     if ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === true || ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === undefined && isRequired)) {
         showRequiredLabel = true;
     }
+    if (schema === null || schema === void 0 ? void 0 : schema.$ref) {
+        schema = dereference(schema, root);
+    }
     return (React.createElement("div", { className: "mb-1" },
         React.createElement(mosaic.Flex, { maxW: "full", pl: 3, py: 2, "data-test": "schema-row", pos: "relative" },
             React.createElement(mosaic.VStack, { spacing: 1, maxW: "full", className: "w-full" },
@@ -2928,12 +3030,45 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
                             !((_b = schema === null || schema === void 0 ? void 0 : schema.items) === null || _b === void 0 ? void 0 : _b.circular) &&
                             !(schema === null || schema === void 0 ? void 0 : schema.circular) ? (React.createElement("i", { role: "img", "aria-hidden": "true", className: `sl-icon fal ${expanded ? 'fa-chevron-down' : 'fa-chevron-right'} fa-fw fa-sm` })) : (React.createElement("span", { className: "sl-icon fal fa-fw fa-sm", "aria-hidden": "true" })),
                         ' ' + displayTitle)) : null,
-                    !isRoot ? (React.createElement(mosaic.Box, { mr: 2 },
-                        React.createElement("span", { className: "sl-truncate sl-text-muted" },
-                            (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title),
-                            (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null,
-                            subType ? `[${subType}]` : ''),
-                        React.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null))) : null),
+                    !isRoot ? (React.createElement(mosaic.Box, { mr: 2, pos: "relative" },
+                        React.createElement(mosaic.Box, { display: "inline-flex", alignItems: "center", onMouseEnter: () => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    setIsHoveringSelector(true);
+                                }
+                            }, onMouseLeave: () => {
+                                if (!showSchemaDropdown) {
+                                    setIsHoveringSelector(false);
+                                }
+                            }, onClick: (e) => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    e.stopPropagation();
+                                    setShowSchemaDropdown(prev => !prev);
+                                }
+                            }, style: {
+                                cursor: (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf) ? 'pointer' : 'default',
+                            } },
+                            React.createElement("span", { className: "sl-truncate sl-text-muted" },
+                                (() => {
+                                    let typeDisplay = (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title);
+                                    if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                                        return `any of ${typeDisplay}`;
+                                    }
+                                    else if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                                        return `one of ${typeDisplay}`;
+                                    }
+                                    return typeDisplay;
+                                })(),
+                                (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null),
+                            ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && (React.createElement(mosaic.Box, { display: "inline-flex", alignItems: "center", ml: 1, style: {
+                                    opacity: isHoveringSelector ? 1 : 0.6,
+                                    transition: 'opacity 0.2s',
+                                } },
+                                React.createElement("i", { className: "sl-icon fas fa-chevron-down", style: {
+                                        fontSize: '10px',
+                                        opacity: 0.6,
+                                    } })))),
+                        React.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null),
+                        ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && showSchemaDropdown && combinedSchemaSelector())) : null),
                 React.createElement(mosaic.Flex, { pl: 1, w: "full", align: "start", direction: "col", style: { overflow: 'visible', paddingLeft: '20px' } },
                     (schema === null || schema === void 0 ? void 0 : schema.description) && (React.createElement(mosaic.Box, { fontFamily: "ui", fontWeight: "light" },
                         React.createElement("span", { className: "sl-prose sl-markdown-viewer", style: { fontSize: '12px' } }, schema === null || schema === void 0 ? void 0 : schema.description))),
@@ -2983,9 +3118,13 @@ const Body = ({ body, onChange, isHttpWebhookOperation = false, disableProps })
         const absolutePathsToHide = [];
         disablePropsConfig.forEach(configEntry => {
             const { location, paths } = configEntry;
-            paths.forEach(item => {
+            paths.forEach((item) => {
                 const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                absolutePathsToHide.push({ path: fullPath });
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
             });
         });
         return absolutePathsToHide;
@@ -3176,8 +3315,14 @@ const Response = ({ response, onMediaTypeChange, disableProps, statusCode }) =>
         const configEntries = disableProps[statusCode] || [];
         const absolutePathsToHide = [];
         configEntries.forEach(({ location, paths }) => {
-            paths.forEach(item => {
-                absolutePathsToHide.push({ path: location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}` });
+            paths.forEach((item) => {
+                const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
+                console.log('object::', object, item);
             });
         });
         return absolutePathsToHide;
@@ -3509,7 +3654,9 @@ const HttpServiceComponent = React__namespace.memo(({ data: unresolvedData, loca
             React__namespace.createElement(mosaic.Box, { pos: "relative" },
                 React__namespace.createElement(mosaic.Heading, { size: 1, mb: 4, fontWeight: "semibold" }, data.name),
                 React__namespace.createElement(mosaic.NodeAnnotation, { change: nameChanged })),
-            exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React__namespace.createElement(ExportButton, Object.assign({}, exportProps)))),
+            localStorage.getItem('use_new_mask_workflow') === 'true'
+                ? null
+                : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React__namespace.createElement(ExportButton, Object.assign({}, exportProps)))),
         data.version && (React__namespace.createElement(mosaic.Box, { mb: 5, pos: "relative" },
             React__namespace.createElement(VersionBadge, { value: data.version }),
             React__namespace.createElement(mosaic.NodeAnnotation, { change: versionChanged }))),
@@ -3545,7 +3692,9 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                     isDeprecated && React__namespace.createElement(DeprecatedBadge, null),
                     isInternal && React__namespace.createElement(InternalBadge, null))),
             React__namespace.createElement(mosaic.NodeAnnotation, { change: titleChanged })),
-        exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React__namespace.createElement(ExportButton, Object.assign({}, exportProps))));
+        localStorage.getItem('use_new_mask_workflow') === 'true'
+            ? null
+            : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React__namespace.createElement(ExportButton, Object.assign({}, exportProps))));
     const modelExamples = !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideModelExamples) && React__namespace.createElement(ModelExamples, { data: data, isCollapsible: isCompact });
     const descriptionChanged = nodeHasChanged === null || nodeHasChanged === void 0 ? void 0 : nodeHasChanged({ nodeId, attr: 'description' });
     const getMaskProperties = () => {
@@ -3556,7 +3705,11 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                 const { location, paths } = configEntry;
                 paths.forEach((item) => {
                     const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                    absolutePathsToHide.push({ path: fullPath });
+                    let object = { path: fullPath };
+                    if (item.hasOwnProperty('required')) {
+                        object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                    }
+                    absolutePathsToHide.push(object);
                 });
             });
         }

package/index.mjs CHANGED Viewed

@@ -2760,7 +2760,12 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
         return node;
     if (node.$ref || node['x-iata-$ref']) {
         let refPath = node.$ref || node['x-iata-$ref'];
-        refPath = refPath.replace('__bundled__', 'definitions');
+        if (refPath.includes('#/%24defs')) {
+            refPath = refPath.replace('#/%24defs', '$defs');
+        }
+        else {
+            refPath = refPath.replace('__bundled__', 'definitions');
+        }
         if (visited.has(node))
             return { circular: true, $ref: refPath, title: node.title, type: 'any', description: node.description };
         visited.add(node);
@@ -2786,9 +2791,49 @@ function dereference(node, root, visited = new WeakSet(), depth = 0, maxDepth =
 const trimSlashes = (str) => {
     return str.replace(/^\/|\/$/g, '');
 };
-const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, subType, }) => {
+function isPropertiesAllHidden(path, hideData) {
+    const current = trimSlashes(path);
+    const parts = current.split('/');
+    for (let i = parts.length; i >= 2; i--) {
+        if (parts[i - 1] === 'properties') {
+            const ancestorPropPath = parts.slice(0, i).join('/');
+            const block = hideData.find(h => trimSlashes(h.path) === ancestorPropPath && ancestorPropPath.endsWith('/properties'));
+            if (block && block.required === undefined) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+function isRequiredOverride(path, hideData) {
+    const entry = hideData.find(h => trimSlashes(h.path) === trimSlashes(path));
+    return entry && typeof entry.required === 'boolean' ? entry.required : undefined;
+}
+function isPathHidden(path, hideData) {
+    const normalizedPath = trimSlashes(path);
+    const direct = hideData.find(h => trimSlashes(h.path) === normalizedPath);
+    if (direct && direct.required === undefined)
+        return true;
+    if (isPropertiesAllHidden(path, hideData))
+        return true;
+    for (const h of hideData) {
+        const hPath = trimSlashes(h.path);
+        if (h.required !== undefined)
+            continue;
+        if (normalizedPath.length > hPath.length &&
+            normalizedPath.startsWith(hPath) &&
+            (hPath.endsWith('/items') || (hPath.match(/\/items\/[^\/]+$/) && normalizedPath.startsWith(hPath + '/')))) {
+            return true;
+        }
+    }
+    return false;
+}
+const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path = '', hideData = [], parentRequired, propertyKey, _subType, }) => {
     var _a, _b, _c, _d;
     const [expanded, setExpanded] = useState(false);
+    const [selectedSchemaIndex, setSelectedSchemaIndex] = useState(0);
+    const [showSchemaDropdown, setShowSchemaDropdown] = useState(false);
+    const [isHoveringSelector, setIsHoveringSelector] = useState(false);
     const isRoot = level === 1 && (title === undefined || path === '');
     useState(() => {
         const disabledPaths = hideData || [];
@@ -2801,14 +2846,19 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
         }
         return initialState;
     });
+    useEffect(() => {
+        setSelectedSchemaIndex(0);
+    }, [schema === null || schema === void 0 ? void 0 : schema.anyOf, schema === null || schema === void 0 ? void 0 : schema.oneOf]);
+    const thisNodeRequiredOverride = isRequiredOverride(path, hideData);
+    const shouldHideAllChildren = (isRoot && hideData.some(h => trimSlashes(h.path) === 'properties' && h.required === undefined)) ||
+        (!isRoot && isPropertiesAllHidden(path, hideData));
     const shouldHideNode = useMemo(() => {
-        const currentPath = trimSlashes(path);
-        const data = hideData.some(hideEntry => {
-            const hideEntryPath = trimSlashes(hideEntry.path);
-            return hideEntryPath === currentPath;
-        });
-        return data;
-    }, [path, hideData]);
+        if (isRoot)
+            return false;
+        if (isPathHidden(path, hideData) && thisNodeRequiredOverride === undefined)
+            return true;
+        return false;
+    }, [path, hideData, isRoot, thisNodeRequiredOverride]);
     if (!schema || shouldHideNode) {
         return null;
     }
@@ -2821,17 +2871,34 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     };
     const renderChildren = () => {
         var _a, _b, _c, _d;
+        if (shouldHideAllChildren)
+            return null;
         if (!expanded && !isRoot)
             return null;
         const children = [];
-        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.properties)) {
-            for (const [key, child] of Object.entries(schema === null || schema === void 0 ? void 0 : schema.properties)) {
+        if ((schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && ((schema === null || schema === void 0 ? void 0 : schema.properties) || (schema === null || schema === void 0 ? void 0 : schema.allOf) || (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) {
+            let props = schema === null || schema === void 0 ? void 0 : schema.properties;
+            if (schema === null || schema === void 0 ? void 0 : schema.allOf) {
+                schema === null || schema === void 0 ? void 0 : schema.allOf.forEach((item) => {
+                    props = Object.assign(Object.assign({}, props), item.properties);
+                });
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.anyOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.anyOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                const selectedSchema = (schema === null || schema === void 0 ? void 0 : schema.oneOf[selectedSchemaIndex]) || (schema === null || schema === void 0 ? void 0 : schema.oneOf[0]);
+                props = Object.assign(Object.assign({}, props), selectedSchema.properties);
+            }
+            for (const [key, child] of Object.entries(props || {})) {
                 const childPath = `${path}/properties/${key}`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 const resolved = dereference(child, root);
                 if (!shouldHideChild) {
                     children.push(React__default.createElement("li", { key: key },
-                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
+                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolved, root: root, title: key, level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: key, _subType: (_a = resolved === null || resolved === void 0 ? void 0 : resolved.items) === null || _a === void 0 ? void 0 : _a.type })));
                 }
             }
         }
@@ -2843,25 +2910,57 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
             const itemsPath = `${path}/items`;
             if (resolvedItems && resolvedItems.type === 'object' && resolvedItems.properties) {
                 for (const [key, child] of Object.entries(resolvedItems.properties)) {
-                    const childPath = `${itemsPath}/properties/${key}`;
-                    const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                    const childPath = `${itemsPath}/${key}`;
+                    const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                    const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                     if (!shouldHideChild) {
                         children.push(React__default.createElement("li", { key: key },
-                            React__default.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
+                            React__default.createElement(LazySchemaTreePreviewer, { schema: dereference(child, root), root: root, title: key, level: level + 2, path: childPath, hideData: hideData, parentRequired: resolvedItems.required, propertyKey: key, _subType: (_c = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _c === void 0 ? void 0 : _c.type })));
                     }
                 }
             }
             else if (resolvedItems && resolvedItems.type === 'array' && resolvedItems.items.length > 0) {
                 const childPath = `${path}/items`;
-                const shouldHideChild = hideData.some(hideEntry => trimSlashes(hideEntry.path) === trimSlashes(childPath));
+                const childRequiredOverride = isRequiredOverride(childPath, hideData);
+                const shouldHideChild = isPathHidden(childPath, hideData) && childRequiredOverride === undefined;
                 if (!shouldHideChild) {
                     children.push(React__default.createElement("li", { key: "items" },
-                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
+                        React__default.createElement(LazySchemaTreePreviewer, { schema: resolvedItems, root: root, title: "items", level: level + 1, path: childPath, hideData: hideData, parentRequired: schema === null || schema === void 0 ? void 0 : schema.required, propertyKey: "items", _subType: (_d = resolvedItems === null || resolvedItems === void 0 ? void 0 : resolvedItems.items) === null || _d === void 0 ? void 0 : _d.type })));
                 }
             }
         }
         return children.length > 0 ? React__default.createElement("ul", { className: "ml-6 border-l border-gray-200 pl-2" }, children) : null;
     };
+    const combinedSchemaSelector = () => {
+        var _a;
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Box, { pos: "fixed", top: 0, left: 0, right: 0, bottom: 0, bg: "transparent", style: { zIndex: 999 }, onClick: () => setShowSchemaDropdown(false) }),
+            React__default.createElement(Box, { pos: "absolute", bg: "canvas", rounded: true, boxShadow: "md", style: {
+                    zIndex: 1000,
+                    top: '100%',
+                    left: 0,
+                    minWidth: '150px',
+                    maxWidth: '200px',
+                    marginTop: '2px',
+                    border: '1px solid rgba(0, 0, 0, 0.1)',
+                }, fontSize: "sm", onClick: (e) => e.stopPropagation() }, (_a = ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf))) === null || _a === void 0 ? void 0 : _a.map((schemaOption, index) => (React__default.createElement(Box, { key: index, px: 3, py: 2, cursor: "pointer", bg: selectedSchemaIndex === index ? 'primary-tint' : 'canvas', fontSize: "xs", display: "flex", alignItems: "center", style: {
+                    borderBottom: index < ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)).length - 1 ? '1px solid rgba(0, 0, 0, 0.1)' : 'none',
+                    gap: '8px',
+                }, onMouseEnter: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas-tint)';
+                    }
+                }, onMouseLeave: (e) => {
+                    if (selectedSchemaIndex !== index) {
+                        e.currentTarget.style.backgroundColor = 'var(--sl-color-canvas)';
+                    }
+                }, onClick: () => {
+                    setSelectedSchemaIndex(index);
+                    setShowSchemaDropdown(false);
+                } },
+                React__default.createElement(Box, { flex: 1, color: "body" }, schemaOption.type || 'object'),
+                selectedSchemaIndex === index && (React__default.createElement(Box, { color: "primary", fontSize: "xs" }, "\u2713"))))))));
+    };
     const renderMinEnums = (schema) => {
         if (!schema || typeof schema !== 'object')
             return null;
@@ -2896,6 +2995,9 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
     if ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === true || ((hideDataEntry === null || hideDataEntry === void 0 ? void 0 : hideDataEntry.required) === undefined && isRequired)) {
         showRequiredLabel = true;
     }
+    if (schema === null || schema === void 0 ? void 0 : schema.$ref) {
+        schema = dereference(schema, root);
+    }
     return (React__default.createElement("div", { className: "mb-1" },
         React__default.createElement(Flex, { maxW: "full", pl: 3, py: 2, "data-test": "schema-row", pos: "relative" },
             React__default.createElement(VStack, { spacing: 1, maxW: "full", className: "w-full" },
@@ -2906,12 +3008,45 @@ const LazySchemaTreePreviewer = ({ schema, root = schema, title, level = 1, path
                             !((_b = schema === null || schema === void 0 ? void 0 : schema.items) === null || _b === void 0 ? void 0 : _b.circular) &&
                             !(schema === null || schema === void 0 ? void 0 : schema.circular) ? (React__default.createElement("i", { role: "img", "aria-hidden": "true", className: `sl-icon fal ${expanded ? 'fa-chevron-down' : 'fa-chevron-right'} fa-fw fa-sm` })) : (React__default.createElement("span", { className: "sl-icon fal fa-fw fa-sm", "aria-hidden": "true" })),
                         ' ' + displayTitle)) : null,
-                    !isRoot ? (React__default.createElement(Box, { mr: 2 },
-                        React__default.createElement("span", { className: "sl-truncate sl-text-muted" },
-                            (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title),
-                            (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null,
-                            subType ? `[${subType}]` : ''),
-                        React__default.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null))) : null),
+                    !isRoot ? (React__default.createElement(Box, { mr: 2, pos: "relative" },
+                        React__default.createElement(Box, { display: "inline-flex", alignItems: "center", onMouseEnter: () => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    setIsHoveringSelector(true);
+                                }
+                            }, onMouseLeave: () => {
+                                if (!showSchemaDropdown) {
+                                    setIsHoveringSelector(false);
+                                }
+                            }, onClick: (e) => {
+                                if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) {
+                                    e.stopPropagation();
+                                    setShowSchemaDropdown(prev => !prev);
+                                }
+                            }, style: {
+                                cursor: (schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf) ? 'pointer' : 'default',
+                            } },
+                            React__default.createElement("span", { className: "sl-truncate sl-text-muted" },
+                                (() => {
+                                    let typeDisplay = (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.title) ? schema === null || schema === void 0 ? void 0 : schema.title : (schema === null || schema === void 0 ? void 0 : schema.type) || (root === null || root === void 0 ? void 0 : root.title);
+                                    if ((schema === null || schema === void 0 ? void 0 : schema.anyOf) && (schema === null || schema === void 0 ? void 0 : schema.anyOf.length) > 0) {
+                                        return `any of ${typeDisplay}`;
+                                    }
+                                    else if ((schema === null || schema === void 0 ? void 0 : schema.oneOf) && (schema === null || schema === void 0 ? void 0 : schema.oneOf.length) > 0) {
+                                        return `one of ${typeDisplay}`;
+                                    }
+                                    return typeDisplay;
+                                })(),
+                                (schema === null || schema === void 0 ? void 0 : schema.items) && ((_c = schema === null || schema === void 0 ? void 0 : schema.items) === null || _c === void 0 ? void 0 : _c.title) !== undefined ? ` [${(_d = schema === null || schema === void 0 ? void 0 : schema.items) === null || _d === void 0 ? void 0 : _d.title}] ` : null),
+                            ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && (React__default.createElement(Box, { display: "inline-flex", alignItems: "center", ml: 1, style: {
+                                    opacity: isHoveringSelector ? 1 : 0.6,
+                                    transition: 'opacity 0.2s',
+                                } },
+                                React__default.createElement("i", { className: "sl-icon fas fa-chevron-down", style: {
+                                        fontSize: '10px',
+                                        opacity: 0.6,
+                                    } })))),
+                        React__default.createElement("span", { className: "text-gray-500" }, (schema === null || schema === void 0 ? void 0 : schema.format) !== undefined ? `<${schema === null || schema === void 0 ? void 0 : schema.format}>` : null),
+                        ((schema === null || schema === void 0 ? void 0 : schema.anyOf) || (schema === null || schema === void 0 ? void 0 : schema.oneOf)) && showSchemaDropdown && combinedSchemaSelector())) : null),
                 React__default.createElement(Flex, { pl: 1, w: "full", align: "start", direction: "col", style: { overflow: 'visible', paddingLeft: '20px' } },
                     (schema === null || schema === void 0 ? void 0 : schema.description) && (React__default.createElement(Box, { fontFamily: "ui", fontWeight: "light" },
                         React__default.createElement("span", { className: "sl-prose sl-markdown-viewer", style: { fontSize: '12px' } }, schema === null || schema === void 0 ? void 0 : schema.description))),
@@ -2961,9 +3096,13 @@ const Body = ({ body, onChange, isHttpWebhookOperation = false, disableProps })
         const absolutePathsToHide = [];
         disablePropsConfig.forEach(configEntry => {
             const { location, paths } = configEntry;
-            paths.forEach(item => {
+            paths.forEach((item) => {
                 const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                absolutePathsToHide.push({ path: fullPath });
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
             });
         });
         return absolutePathsToHide;
@@ -3154,8 +3293,14 @@ const Response = ({ response, onMediaTypeChange, disableProps, statusCode }) =>
         const configEntries = disableProps[statusCode] || [];
         const absolutePathsToHide = [];
         configEntries.forEach(({ location, paths }) => {
-            paths.forEach(item => {
-                absolutePathsToHide.push({ path: location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}` });
+            paths.forEach((item) => {
+                const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
+                let object = { path: fullPath };
+                if (item.hasOwnProperty('required')) {
+                    object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                }
+                absolutePathsToHide.push(object);
+                console.log('object::', object, item);
             });
         });
         return absolutePathsToHide;
@@ -3487,7 +3632,9 @@ const HttpServiceComponent = React.memo(({ data: unresolvedData, location = {},
             React.createElement(Box, { pos: "relative" },
                 React.createElement(Heading, { size: 1, mb: 4, fontWeight: "semibold" }, data.name),
                 React.createElement(NodeAnnotation, { change: nameChanged })),
-            exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps)))),
+            localStorage.getItem('use_new_mask_workflow') === 'true'
+                ? null
+                : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps)))),
         data.version && (React.createElement(Box, { mb: 5, pos: "relative" },
             React.createElement(VersionBadge, { value: data.version }),
             React.createElement(NodeAnnotation, { change: versionChanged }))),
@@ -3523,7 +3670,9 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                     isDeprecated && React.createElement(DeprecatedBadge, null),
                     isInternal && React.createElement(InternalBadge, null))),
             React.createElement(NodeAnnotation, { change: titleChanged })),
-        exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps))));
+        localStorage.getItem('use_new_mask_workflow') === 'true'
+            ? null
+            : exportProps && !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideExport) && !isCompact && React.createElement(ExportButton, Object.assign({}, exportProps))));
     const modelExamples = !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.hideModelExamples) && React.createElement(ModelExamples, { data: data, isCollapsible: isCompact });
     const descriptionChanged = nodeHasChanged === null || nodeHasChanged === void 0 ? void 0 : nodeHasChanged({ nodeId, attr: 'description' });
     const getMaskProperties = () => {
@@ -3534,7 +3683,11 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
                 const { location, paths } = configEntry;
                 paths.forEach((item) => {
                     const fullPath = location === '#' ? item === null || item === void 0 ? void 0 : item.path : `${location}/${item.path}`;
-                    absolutePathsToHide.push({ path: fullPath });
+                    let object = { path: fullPath };
+                    if (item.hasOwnProperty('required')) {
+                        object = Object.assign(Object.assign({}, object), { required: item === null || item === void 0 ? void 0 : item.required });
+                    }
+                    absolutePathsToHide.push(object);
                 });
             });
         }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "9.0.4",
+  "version": "9.0.5",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",