Backport PR #12468: Display default value in setting editor for changed values (#12473)

meeseeksmachine · echarles · web-flow · commit def3ddf3168e · 2022-04-26T11:56:34.000+02:00
Co-authored-by: Eric Charles &lt;eric@datalayer.io&gt;
diff --git a/packages/settingeditor/src/SettingsFormEditor.tsx b/packages/settingeditor/src/SettingsFormEditor.tsx
@@ -318,6 +318,11 @@ const CustomTemplate = (props: FieldTemplateProps) => {
         {schema.description && needsDescription && (
           <div className="jp-FormGroup-description">{schema.description}</div>
         )}
+        {isModified && schema.default !== undefined && (
+          <div className="jp-FormGroup-default">
+            Default: {schema.default?.toLocaleString()}
+          </div>
+        )}
         <div className="validationErrors">{errors}</div>
       </div>
     </div>
diff --git a/packages/settingeditor/style/base.css b/packages/settingeditor/style/base.css
@@ -305,6 +305,11 @@ ul.jp-PluginList li.jp-mod-selected span.jp-PluginList-icon.jp-FileIcon {
   padding: 4px 7px;
 }
 
+.jp-SettingsPanel .jp-FormGroup-default {
+  flex-basis: 100%;
+  padding: 4px 7px;
+}
+
 .jp-SettingsPanel #root__description {
   display: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -305,6 +305,11 @@ ul.jp-PluginList li.jp-mod-selected span.jp-PluginList-icon.jp-FileIcon {`
`305`	`305`	`padding: 4px 7px;`
`306`	`306`	`}`
`307`	`307`
	`308`	`+.jp-SettingsPanel .jp-FormGroup-default {`
	`309`	`+ flex-basis: 100%;`
	`310`	`+ padding: 4px 7px;`
	`311`	`+}`
	`312`	`+`
`308`	`313`	`.jp-SettingsPanel #root__description {`
`309`	`314`	`display: none;`
`310`	`315`	`}`