Add logX and expY as playground settings
This commit is contained in:
parent
f5db5afe09
commit
c42c646838
|
@ -32,6 +32,10 @@ interface PlaygroundProps {
|
||||||
showControls?: boolean;
|
showControls?: boolean;
|
||||||
/** Whether to show the summary table in the playground */
|
/** Whether to show the summary table in the playground */
|
||||||
showSummary?: boolean;
|
showSummary?: boolean;
|
||||||
|
/** Whether to log the x coordinate on distribution charts */
|
||||||
|
logX?: boolean;
|
||||||
|
/** Whether to exp the y coordinate on distribution charts */
|
||||||
|
expY?: boolean;
|
||||||
/** If code is set, component becomes controlled */
|
/** If code is set, component becomes controlled */
|
||||||
code?: string;
|
code?: string;
|
||||||
onCodeChange?(expr: string): void;
|
onCodeChange?(expr: string): void;
|
||||||
|
@ -71,6 +75,8 @@ const schema = yup
|
||||||
showControls: yup.boolean(),
|
showControls: yup.boolean(),
|
||||||
showSummary: yup.boolean(),
|
showSummary: yup.boolean(),
|
||||||
showEditor: yup.boolean(),
|
showEditor: yup.boolean(),
|
||||||
|
logX: yup.boolean(),
|
||||||
|
expY: yup.boolean(),
|
||||||
showSettingsPage: yup.boolean().default(false),
|
showSettingsPage: yup.boolean().default(false),
|
||||||
diagramStart: yup
|
diagramStart: yup
|
||||||
.number()
|
.number()
|
||||||
|
@ -203,6 +209,8 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
|
||||||
showTypes = false,
|
showTypes = false,
|
||||||
showControls = false,
|
showControls = false,
|
||||||
showSummary = false,
|
showSummary = false,
|
||||||
|
logX = false,
|
||||||
|
expY = false,
|
||||||
code: controlledCode,
|
code: controlledCode,
|
||||||
onCodeChange,
|
onCodeChange,
|
||||||
showEditor = true,
|
showEditor = true,
|
||||||
|
@ -219,10 +227,12 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
|
||||||
sampleCount: 1000,
|
sampleCount: 1000,
|
||||||
xyPointLength: 1000,
|
xyPointLength: 1000,
|
||||||
chartHeight: 150,
|
chartHeight: 150,
|
||||||
showTypes: showTypes,
|
showTypes,
|
||||||
showControls: showControls,
|
showControls,
|
||||||
showSummary: showSummary,
|
logX,
|
||||||
showEditor: showEditor,
|
expY,
|
||||||
|
showSummary,
|
||||||
|
showEditor,
|
||||||
leftSizePercent: 50,
|
leftSizePercent: 50,
|
||||||
showSettingsPage: false,
|
showSettingsPage: false,
|
||||||
diagramStart: 0,
|
diagramStart: 0,
|
||||||
|
@ -313,6 +323,16 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
|
||||||
<div className="pt-8">
|
<div className="pt-8">
|
||||||
<HeadedSection title="Distribution Display Settings">
|
<HeadedSection title="Distribution Display Settings">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
<Checkbox
|
||||||
|
register={register}
|
||||||
|
name="logX"
|
||||||
|
label="Show x scale logarithmically"
|
||||||
|
/>
|
||||||
|
<Checkbox
|
||||||
|
register={register}
|
||||||
|
name="expY"
|
||||||
|
label="Show y scale exponentially"
|
||||||
|
/>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
register={register}
|
register={register}
|
||||||
name="showControls"
|
name="showControls"
|
||||||
|
@ -403,6 +423,8 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
|
||||||
showTypes={vars.showTypes}
|
showTypes={vars.showTypes}
|
||||||
showControls={vars.showControls}
|
showControls={vars.showControls}
|
||||||
showSummary={vars.showSummary}
|
showSummary={vars.showSummary}
|
||||||
|
logX={vars.logX}
|
||||||
|
expY={vars.expY}
|
||||||
bindings={defaultBindings}
|
bindings={defaultBindings}
|
||||||
jsImports={imports}
|
jsImports={imports}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user