@stoplight/elements-core 7.12.0 → 7.12.2

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 (6) hide show
  1. package/components/TryIt/Servers/ServerVariables.d.ts +1 -1
  2. package/components/TryIt/Servers/useServerVariables.d.ts +1 -1
  3. package/index.esm.js +15 -5
  4. package/index.js +15 -5
  5. package/index.mjs +15 -5
  6. package/package.json +1 -1
package/components/TryIt/Servers/ServerVariables.d.ts CHANGED
@@ -3,7 +3,7 @@ import { ServerVariable } from '../../../utils/http-spec/IServer';
3
3
  interface ServerVariablesProps<P extends keyof any = string> {
4
4
  variables: readonly ServerVariable[];
5
5
  values: Record<P, string>;
6
- onChangeValue: (variableName: P, newValue: string) => void;
6
+ onChangeValue: (op: 'set' | 'unset', variableName: P, newValue: string) => void;
7
7
  }
8
8
  export declare const ServerVariables: React.FC<ServerVariablesProps>;
9
9
  export {};
package/components/TryIt/Servers/useServerVariables.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare const useServerVariables: () => {
2
2
  serverVariables: {};
3
- updateServerVariableValue: (name: string, value: string) => void;
3
+ updateServerVariableValue: (op: 'set' | 'unset', name: string, value: string) => void;
4
4
  };
package/index.esm.js CHANGED
@@ -1938,8 +1938,15 @@ const isNetworkError = (error) => error instanceof NetworkError;
1938
1938
  const persistedServerVariableValuesAtom = atom({});
1939
1939
  const useServerVariables = () => {
1940
1940
  const [serverVariables, setPersistedServerVariableValues] = useAtom(persistedServerVariableValuesAtom);
1941
- const updateServerVariableValue = (name, value) => {
1942
- setPersistedServerVariableValues(Object.assign({}, serverVariables, { [name]: value }));
1941
+ const updateServerVariableValue = (op, name, value) => {
1942
+ const newServerVariables = Object.assign({}, serverVariables);
1943
+ if (op === 'unset') {
1944
+ delete newServerVariables[name];
1945
+ }
1946
+ else {
1947
+ newServerVariables[name] = value;
1948
+ }
1949
+ setPersistedServerVariableValues(newServerVariables);
1943
1950
  };
1944
1951
  return { serverVariables, updateServerVariableValue };
1945
1952
  };
@@ -1982,7 +1989,10 @@ const VariableEditor = ({ variable, value, onChange }) => {
1982
1989
  const ServerVariables = ({ variables, values, onChangeValue }) => {
1983
1990
  return (React.createElement(Panel, { defaultIsOpen: true },
1984
1991
  React.createElement(Panel.Titlebar, null, "Server Variables"),
1985
- React.createElement(Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => onChangeValue(variable.name, String(value)) }))))));
1992
+ React.createElement(Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => {
1993
+ const actualValue = String(value);
1994
+ onChangeValue(variable.enum || actualValue !== '' ? 'set' : 'unset', variable.name, actualValue);
1995
+ } }))))));
1986
1996
  };
1987
1997
 
1988
1998
  const defaultServers = [];
@@ -2456,13 +2466,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2456
2466
  return null;
2457
2467
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2458
2468
  const compactResponses = (React.createElement(React.Fragment, null,
2459
- React.createElement(Button, { onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2469
+ React.createElement(Button, { "aria-label": "response-codes", onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2460
2470
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2461
2471
  } }, activeResponseId),
2462
2472
  React.createElement(Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React.createElement(HStack, { justifyContent: "end" },
2463
2473
  React.createElement(Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2464
2474
  React.createElement(ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React.createElement(ListBoxItem, { key: response.id },
2465
- React.createElement(Box, { p: 3, bg: { hover: 'primary-tint' } },
2475
+ React.createElement(Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2466
2476
  React.createElement(Flex, { w: "2xl", align: "center", justify: "end" },
2467
2477
  response.code === activeResponseId && React.createElement(Box, { as: Icon, icon: "check" }),
2468
2478
  React.createElement(Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
package/index.js CHANGED
@@ -1994,8 +1994,15 @@ const isNetworkError = (error) => error instanceof NetworkError;
1994
1994
  const persistedServerVariableValuesAtom = jotai.atom({});
1995
1995
  const useServerVariables = () => {
1996
1996
  const [serverVariables, setPersistedServerVariableValues] = jotai.useAtom(persistedServerVariableValuesAtom);
1997
- const updateServerVariableValue = (name, value) => {
1998
- setPersistedServerVariableValues(Object.assign({}, serverVariables, { [name]: value }));
1997
+ const updateServerVariableValue = (op, name, value) => {
1998
+ const newServerVariables = Object.assign({}, serverVariables);
1999
+ if (op === 'unset') {
2000
+ delete newServerVariables[name];
2001
+ }
2002
+ else {
2003
+ newServerVariables[name] = value;
2004
+ }
2005
+ setPersistedServerVariableValues(newServerVariables);
1999
2006
  };
2000
2007
  return { serverVariables, updateServerVariableValue };
2001
2008
  };
@@ -2038,7 +2045,10 @@ const VariableEditor = ({ variable, value, onChange }) => {
2038
2045
  const ServerVariables = ({ variables, values, onChangeValue }) => {
2039
2046
  return (React__namespace.createElement(mosaic.Panel, { defaultIsOpen: true },
2040
2047
  React__namespace.createElement(mosaic.Panel.Titlebar, null, "Server Variables"),
2041
- React__namespace.createElement(mosaic.Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React__namespace.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => onChangeValue(variable.name, String(value)) }))))));
2048
+ React__namespace.createElement(mosaic.Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React__namespace.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => {
2049
+ const actualValue = String(value);
2050
+ onChangeValue(variable.enum || actualValue !== '' ? 'set' : 'unset', variable.name, actualValue);
2051
+ } }))))));
2042
2052
  };
2043
2053
 
2044
2054
  const defaultServers = [];
@@ -2512,13 +2522,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2512
2522
  return null;
2513
2523
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2514
2524
  const compactResponses = (React__namespace.createElement(React__namespace.Fragment, null,
2515
- React__namespace.createElement(mosaic.Button, { onPress: open, iconRight: React__namespace.createElement(mosaic.Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2525
+ React__namespace.createElement(mosaic.Button, { "aria-label": "response-codes", onPress: open, iconRight: React__namespace.createElement(mosaic.Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2516
2526
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2517
2527
  } }, activeResponseId),
2518
2528
  React__namespace.createElement(mosaic.Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React__namespace.createElement(mosaic.HStack, { justifyContent: "end" },
2519
2529
  React__namespace.createElement(mosaic.Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2520
2530
  React__namespace.createElement(mosaic.ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React__namespace.createElement(mosaic.ListBoxItem, { key: response.id },
2521
- React__namespace.createElement(mosaic.Box, { p: 3, bg: { hover: 'primary-tint' } },
2531
+ React__namespace.createElement(mosaic.Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2522
2532
  React__namespace.createElement(mosaic.Flex, { w: "2xl", align: "center", justify: "end" },
2523
2533
  response.code === activeResponseId && React__namespace.createElement(mosaic.Box, { as: mosaic.Icon, icon: "check" }),
2524
2534
  React__namespace.createElement(mosaic.Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
package/index.mjs CHANGED
@@ -1938,8 +1938,15 @@ const isNetworkError = (error) => error instanceof NetworkError;
1938
1938
  const persistedServerVariableValuesAtom = atom({});
1939
1939
  const useServerVariables = () => {
1940
1940
  const [serverVariables, setPersistedServerVariableValues] = useAtom(persistedServerVariableValuesAtom);
1941
- const updateServerVariableValue = (name, value) => {
1942
- setPersistedServerVariableValues(Object.assign({}, serverVariables, { [name]: value }));
1941
+ const updateServerVariableValue = (op, name, value) => {
1942
+ const newServerVariables = Object.assign({}, serverVariables);
1943
+ if (op === 'unset') {
1944
+ delete newServerVariables[name];
1945
+ }
1946
+ else {
1947
+ newServerVariables[name] = value;
1948
+ }
1949
+ setPersistedServerVariableValues(newServerVariables);
1943
1950
  };
1944
1951
  return { serverVariables, updateServerVariableValue };
1945
1952
  };
@@ -1982,7 +1989,10 @@ const VariableEditor = ({ variable, value, onChange }) => {
1982
1989
  const ServerVariables = ({ variables, values, onChangeValue }) => {
1983
1990
  return (React.createElement(Panel, { defaultIsOpen: true },
1984
1991
  React.createElement(Panel.Titlebar, null, "Server Variables"),
1985
- React.createElement(Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => onChangeValue(variable.name, String(value)) }))))));
1992
+ React.createElement(Panel.Content, { className: "sl-overflow-y-auto ParameterGrid ServerVariablesContent" }, variables.map(variable => (React.createElement(VariableEditor, { key: variable.name, variable: variable, value: values[variable.name], onChange: (value) => {
1993
+ const actualValue = String(value);
1994
+ onChangeValue(variable.enum || actualValue !== '' ? 'set' : 'unset', variable.name, actualValue);
1995
+ } }))))));
1986
1996
  };
1987
1997
 
1988
1998
  const defaultServers = [];
@@ -2456,13 +2466,13 @@ const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTy
2456
2466
  return null;
2457
2467
  const response = responses.find(r => r.code === activeResponseId) || responses[0];
2458
2468
  const compactResponses = (React.createElement(React.Fragment, null,
2459
- React.createElement(Button, { onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2469
+ React.createElement(Button, { "aria-label": "response-codes", onPress: open, iconRight: React.createElement(Icon, { icon: "chevron-down", color: "var(--color-border-button)" }), style: {
2460
2470
  color: `var(--color-${codeToIntentVal(activeResponseId)})`,
2461
2471
  } }, activeResponseId),
2462
2472
  React.createElement(Modal, { title: "Response Code", isOpen: isOpen, onClose: close, size: "sm", footer: React.createElement(HStack, { justifyContent: "end" },
2463
2473
  React.createElement(Button, { onPress: close, intent: "default", appearance: "primary" }, "Close")) },
2464
2474
  React.createElement(ListBox, { "aria-label": "Response Code", overflowY: "auto", m: -5, items: responses, selectionMode: "single", onSelectionChange: onSelectionChange }, (response) => (React.createElement(ListBoxItem, { key: response.id },
2465
- React.createElement(Box, { p: 3, bg: { hover: 'primary-tint' } },
2475
+ React.createElement(Box, { "data-test": response.code, p: 3, bg: { hover: 'primary-tint' } },
2466
2476
  React.createElement(Flex, { w: "2xl", align: "center", justify: "end" },
2467
2477
  response.code === activeResponseId && React.createElement(Box, { as: Icon, icon: "check" }),
2468
2478
  React.createElement(Text, { ml: 3, fontWeight: "medium" }, response.code)))))))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoplight/elements-core",
3
- "version": "7.12.0",
3
+ "version": "7.12.2",
4
4
  "main": "./index.js",
5
5
  "sideEffects": [
6
6
  "web-components.min.js",