@stoplight/elements-core 8.3.2 → 8.3.3

package/components/TryIt/Parameters/parameter-utils.d.ts

@@ -20,6 +20,7 @@ export declare function exampleOptions(parameter: ParameterSpec): {
 }[] | null;
 export declare function parameterSupportsFileUpload(parameter?: Pick<ParameterSpec, 'schema'>): boolean | undefined;
 export declare function getPlaceholderForParameter(parameter: ParameterSpec): string;
+export declare function getPlaceholderForSelectedParameter(parameter: ParameterSpec): string | undefined;
 export declare const initialParameterValues: (params: readonly ParameterSpec[]) => Record<string, string>;
 export declare function mapSchemaPropertiesToParameters(properties: {
     [key: string]: JSONSchema7Definition;

package/index.esm.js

@@ -1346,6 +1346,13 @@ function getPlaceholderForParameter(parameter) {
         return `${isDefault ? 'defaults to' : 'example'}: ${parameterValue}`;
     return String((_b = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : '');
 }
+function getPlaceholderForSelectedParameter(parameter) {
+    const { value: parameterValue, isDefault } = getValueForParameter(parameter);
+    if (isDefault) {
+        return `select an option (defaults to: ${parameterValue})`;
+    }
+    return undefined;
+}
 function retrieveDefaultFromSchema(parameter) {
     var _a;
     const defaultValue = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.default;
@@ -1424,7 +1431,7 @@ const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptio
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { as: "label", "aria-hidden": "true", "data-testid": "param-label", htmlFor: inputId, fontSize: "base" }, parameterDisplayName),
         React.createElement(Text, { mx: 3 }, ":"),
-        React.createElement("div", null, parameterValueOptions ? (React.createElement(Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange })) : (React.createElement(Flex, { flex: 1 },
+        React.createElement("div", null, parameterValueOptions ? (React.createElement(Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange, placeholder: getPlaceholderForSelectedParameter(parameter) })) : (React.createElement(Flex, { flex: 1 },
             React.createElement(Input, { id: inputId, "aria-label": parameter.name, appearance: requiredButEmpty ? 'default' : 'minimal', flex: 1, placeholder: getPlaceholderForParameter(parameter), type: ((_b = parameter.schema) === null || _b === void 0 ? void 0 : _b.type) === 'number' ? 'number' : 'text', required: true, intent: requiredButEmpty ? 'danger' : 'default', value: value || '', onChange: e => onChange && onChange(e.currentTarget.value) }),
             examples && (React.createElement(Select, { "aria-label": `${parameter.name}-select`, flex: 1, value: selectedExample.value, options: examples, onChange: onChange }))))),
         canChangeOptional && !parameter.required && (React.createElement(React.Fragment, null,

package/index.js

@@ -1407,6 +1407,13 @@ function getPlaceholderForParameter(parameter) {
         return `${isDefault ? 'defaults to' : 'example'}: ${parameterValue}`;
     return String((_b = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : '');
 }
+function getPlaceholderForSelectedParameter(parameter) {
+    const { value: parameterValue, isDefault } = getValueForParameter(parameter);
+    if (isDefault) {
+        return `select an option (defaults to: ${parameterValue})`;
+    }
+    return undefined;
+}
 function retrieveDefaultFromSchema(parameter) {
     var _a;
     const defaultValue = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.default;
@@ -1485,7 +1492,7 @@ const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptio
     return (React__namespace.createElement(React__namespace.Fragment, null,
         React__namespace.createElement(mosaic.Text, { as: "label", "aria-hidden": "true", "data-testid": "param-label", htmlFor: inputId, fontSize: "base" }, parameterDisplayName),
         React__namespace.createElement(mosaic.Text, { mx: 3 }, ":"),
-        React__namespace.createElement("div", null, parameterValueOptions ? (React__namespace.createElement(mosaic.Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange })) : (React__namespace.createElement(mosaic.Flex, { flex: 1 },
+        React__namespace.createElement("div", null, parameterValueOptions ? (React__namespace.createElement(mosaic.Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange, placeholder: getPlaceholderForSelectedParameter(parameter) })) : (React__namespace.createElement(mosaic.Flex, { flex: 1 },
             React__namespace.createElement(mosaic.Input, { id: inputId, "aria-label": parameter.name, appearance: requiredButEmpty ? 'default' : 'minimal', flex: 1, placeholder: getPlaceholderForParameter(parameter), type: ((_b = parameter.schema) === null || _b === void 0 ? void 0 : _b.type) === 'number' ? 'number' : 'text', required: true, intent: requiredButEmpty ? 'danger' : 'default', value: value || '', onChange: e => onChange && onChange(e.currentTarget.value) }),
             examples && (React__namespace.createElement(mosaic.Select, { "aria-label": `${parameter.name}-select`, flex: 1, value: selectedExample.value, options: examples, onChange: onChange }))))),
         canChangeOptional && !parameter.required && (React__namespace.createElement(React__namespace.Fragment, null,

package/index.mjs

@@ -1346,6 +1346,13 @@ function getPlaceholderForParameter(parameter) {
         return `${isDefault ? 'defaults to' : 'example'}: ${parameterValue}`;
     return String((_b = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : '');
 }
+function getPlaceholderForSelectedParameter(parameter) {
+    const { value: parameterValue, isDefault } = getValueForParameter(parameter);
+    if (isDefault) {
+        return `select an option (defaults to: ${parameterValue})`;
+    }
+    return undefined;
+}
 function retrieveDefaultFromSchema(parameter) {
     var _a;
     const defaultValue = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.default;
@@ -1424,7 +1431,7 @@ const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptio
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { as: "label", "aria-hidden": "true", "data-testid": "param-label", htmlFor: inputId, fontSize: "base" }, parameterDisplayName),
         React.createElement(Text, { mx: 3 }, ":"),
-        React.createElement("div", null, parameterValueOptions ? (React.createElement(Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange })) : (React.createElement(Flex, { flex: 1 },
+        React.createElement("div", null, parameterValueOptions ? (React.createElement(Select, { flex: 1, "aria-label": parameter.name, options: parameterValueOptions, value: value || '', onChange: onChange, placeholder: getPlaceholderForSelectedParameter(parameter) })) : (React.createElement(Flex, { flex: 1 },
             React.createElement(Input, { id: inputId, "aria-label": parameter.name, appearance: requiredButEmpty ? 'default' : 'minimal', flex: 1, placeholder: getPlaceholderForParameter(parameter), type: ((_b = parameter.schema) === null || _b === void 0 ? void 0 : _b.type) === 'number' ? 'number' : 'text', required: true, intent: requiredButEmpty ? 'danger' : 'default', value: value || '', onChange: e => onChange && onChange(e.currentTarget.value) }),
             examples && (React.createElement(Select, { "aria-label": `${parameter.name}-select`, flex: 1, value: selectedExample.value, options: examples, onChange: onChange }))))),
         canChangeOptional && !parameter.required && (React.createElement(React.Fragment, null,

package/package.json

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