feat(Forms): add missing support for defaultValue for Field.Slider (#…

…4394)
dnbexperience · Dec 13, 2024 · 701ab66 · 701ab66
1 parent ad35e67
commit 701ab66
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Slider/Slider.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Slider/Slider.tsx
@@ -56,7 +56,9 @@ function SliderComponent(props: Props) {
     [getSourceValue]
   )
 
-  const value = getValues(props.paths ?? props.path ?? props.value)
+  const value = getValues(
+    props.paths ?? props.path ?? props.value ?? props.defaultValue
+  )
   const preparedProps = {
     ...props,
     step: getSourceValue(props.step),

diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Slider/SliderDocs.ts b/packages/dnb-eufemia/src/extensions/forms/Field/Slider/SliderDocs.ts
@@ -5,7 +5,7 @@ export const SliderFieldProperties: PropertiesTableProps = {
   paths: {
     doc: 'Define an array with JSON Pointer paths for multiple thumb buttons.',
     type: 'Array<string>',
-    status: 'required',
+    status: 'optional',
   },
   min: SliderProperties.min,
   max: SliderProperties.max,

diff --git a/packages/dnb-eufemia/src/extensions/forms/Field/Slider/__tests__/Slider.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Field/Slider/__tests__/Slider.test.tsx
@@ -35,6 +35,20 @@ describe('Field.Slider', () => {
       expect(parseFloat(getButtonHelper().value)).toBe(value + 10)
     })
 
+    it('with "defaultValue"', () => {
+      const value = 70
+
+      render(
+        <Form.Handler>
+          <Field.Slider defaultValue={value} />
+        </Form.Handler>
+      )
+
+      fireEvent.submit(document.querySelector('form'))
+
+      expect(parseFloat(getButtonHelper().value)).toBe(value)
+    })
+
     it('with "path"', () => {
       render(
         <Form.Handler data={{ myValue: 30 }}>