Merge remote-tracking branch 'origin/master' into feature/table

CHANGES

@@ -8,6 +8,11 @@
 - Added table feature to new major version
 
 ---
+## 14.0.1
+
+---
+
+- fixed slidercomponent not showing children
 
 ## 14.0.0
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helsenorge/refero",
-  "version": "14.0.0-beta02",
+  "version": "14.0.1",
   "engines": {
     "node": "^18.0.0",
     "npm": ">=9.0.0"

src/components/formcomponents/choice/choice.tsx

@@ -256,7 +256,11 @@ export class Choice extends React.Component<ChoiceProps & ValidationProps, Choic
   };
 
   renderSlider = (): JSX.Element => {
-    return <SliderView item={this.props.item} handleChange={this.handleChange} />;
+    return (
+      <SliderView item={this.props.item} handleChange={this.handleChange}>
+        {this.props.children}
+      </SliderView>
+    );
   };
 
   renderAutosuggest = (): JSX.Element => {

src/components/formcomponents/choice/slider-view.tsx

@@ -10,11 +10,12 @@ import { getExtension } from '../../../util/extension';
 interface SliderProps {
   item: QuestionnaireItem;
   handleChange: (sliderStep: string) => void;
+  children: React.ReactNode;
 }
 
 type LeftRightLabels = [leftLabel: string, rightLabel: string];
 
-const SliderView: React.FC<SliderProps> = ({ item, handleChange }) => {
+const SliderView: React.FC<SliderProps> = ({ item, handleChange, children }) => {
   const title = item.text;
   const [sliderSteps, setSliderSteps] = React.useState<SliderStep[] | undefined>(undefined);
   const [leftRightLabels, setleftRightLabels] = React.useState<LeftRightLabels | undefined>(undefined);
@@ -36,7 +37,14 @@ const SliderView: React.FC<SliderProps> = ({ item, handleChange }) => {
 
   return (
     <div className="page_refero__component page_refero__component_choice page_refero__component_choice_slider">
-      <Slider title={title} labelLeft={leftRightLabels?.[0]} labelRight={leftRightLabels?.[1]} onChange={onValueChange} steps={sliderSteps} />
+      <Slider
+        title={title}
+        labelLeft={leftRightLabels?.[0]}
+        labelRight={leftRightLabels?.[1]}
+        onChange={onValueChange}
+        steps={sliderSteps}
+      />
+      {children ? <div className="nested-fieldset nested-fieldset--full-height">{children}</div> : undefined}
     </div>
   );
 };

src/components/formcomponents/open-choice/open-choice.tsx

@@ -401,7 +401,11 @@ export class OpenChoice extends React.Component<Props & ValidationProps> {
   };
 
   renderSlider = (): JSX.Element => {
-    return <SliderView item={this.props.item} handleChange={this.handleChange} />;
+    return (
+      <SliderView item={this.props.item} handleChange={this.handleChange}>
+        {this.props.children}
+      </SliderView>
+    );
   };
 
   shouldComponentUpdate(nextProps: Props): boolean {