@norges-domstoler/dds-components 10.4.0 → 10.5.0

package/dist/cjs/icons/tsx/doubleChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function DoubleChevronLeftIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/doubleChevronRight.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function DoubleChevronRightIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/index.d.ts

@@ -37,6 +37,8 @@ export * from './copy';
 export * from './court';
 export * from './dateRange';
 export * from './deaths';
+export * from './doubleChevronLeft';
+export * from './doubleChevronRight';
 export * from './download';
 export * from './downloadDone';
 export * from './dragHandle';

package/dist/cjs/index.js

@@ -1262,6 +1262,22 @@ function DeathsIcon(props) {
   }));
 }
 
+function DoubleChevronLeftIcon(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M 18.414,7.41398L 17,6L 11,12L 17,18L 18.414,16.586L 13.828,12L 18.414,7.41398 Z M 12.414,7.41398L 11,6L 5.00001,12L 11,18L 12.414,16.586L 7.82801,12L 12.414,7.41398 Z "
+    })
+  }));
+}
+
+function DoubleChevronRightIcon(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M 5.586,7.41398L 7,6L 13,12L 7,18L 5.586,16.586L 10.172,12L 5.586,7.41398 Z M 11.586,7.41399L 13,6.00001L 19,12L 13,18L 11.586,16.586L 16.172,12L 11.586,7.41399 Z "
+    })
+  }));
+}
+
 function DownloadIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -10730,6 +10746,50 @@ var FormGenerator = function FormGenerator(props) {
     _useState2 = _slicedToArray(_useState, 2),
     myState = _useState2[0],
     setState = _useState2[1];
+  var addFieldToState = function addFieldToState(field, state) {
+    var key = '';
+    switch (field.component) {
+      case exports.FormGeneratorSupportedFields.Checkbox:
+      case exports.FormGeneratorSupportedFields.ToggleButton:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultChecked));
+        return state;
+      case exports.FormGeneratorSupportedFields.CheckboxGroup:
+      case exports.FormGeneratorSupportedFields.ToggleButtonGroup:
+        field.children.forEach(function (child) {
+          state = addFieldToState(child, state);
+        });
+        return state;
+      case exports.FormGeneratorSupportedFields.RadioButton:
+      case exports.FormGeneratorSupportedFields.RadioButtonGroup:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.value));
+        return state;
+      case exports.FormGeneratorSupportedFields.Select:
+        key = field.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultValue));
+        return state;
+      case exports.FormGeneratorSupportedFields.Datepicker:
+      case exports.FormGeneratorSupportedFields.TextInput:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultValue));
+        return state;
+    }
+    return state;
+  };
+  React.useEffect(function () {
+    var state = {};
+    fields.forEach(function (field) {
+      if (isFormGeneratorRow(field)) {
+        field.fields.forEach(function (field) {
+          state = addFieldToState(field, state);
+        });
+      } else {
+        state = addFieldToState(field, state);
+      }
+    });
+    setState(state);
+  }, []);
   var fieldOnChange = function fieldOnChange(event) {
     var _event$target = event.target,
       id = _event$target.id,
@@ -11504,6 +11564,8 @@ exports.DescriptionListDesc = DescriptionListDesc;
 exports.DescriptionListGroup = DescriptionListGroup;
 exports.DescriptionListTerm = DescriptionListTerm;
 exports.Divider = Divider;
+exports.DoubleChevronLeftIcon = DoubleChevronLeftIcon;
+exports.DoubleChevronRightIcon = DoubleChevronRightIcon;
 exports.DownloadDoneIcon = DownloadDoneIcon;
 exports.DownloadIcon = DownloadIcon;
 exports.DragHandleIcon = DragHandleIcon;

package/dist/components/FormGenerator/FormGenerator.js

@@ -1,7 +1,7 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from 'tslib';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, createElement } from 'react';
+import { useState, useEffect, createElement } from 'react';
 import { Button } from '../Button/Button.js';
 import { Card } from '../Card/Card.js';
 import '../Card/CardAccordion/CardAccordion.js';
@@ -53,6 +53,50 @@ var FormGenerator = function FormGenerator(props) {
     _useState2 = _slicedToArray(_useState, 2),
     myState = _useState2[0],
     setState = _useState2[1];
+  var addFieldToState = function addFieldToState(field, state) {
+    var key = '';
+    switch (field.component) {
+      case FormGeneratorSupportedFields.Checkbox:
+      case FormGeneratorSupportedFields.ToggleButton:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultChecked));
+        return state;
+      case FormGeneratorSupportedFields.CheckboxGroup:
+      case FormGeneratorSupportedFields.ToggleButtonGroup:
+        field.children.forEach(function (child) {
+          state = addFieldToState(child, state);
+        });
+        return state;
+      case FormGeneratorSupportedFields.RadioButton:
+      case FormGeneratorSupportedFields.RadioButtonGroup:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.value));
+        return state;
+      case FormGeneratorSupportedFields.Select:
+        key = field.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultValue));
+        return state;
+      case FormGeneratorSupportedFields.Datepicker:
+      case FormGeneratorSupportedFields.TextInput:
+        key = field.props.name || field.props.id || 'FIELD_MISSING_NAME_OR_ID';
+        state = Object.assign(Object.assign({}, state), _defineProperty({}, key, field.props.defaultValue));
+        return state;
+    }
+    return state;
+  };
+  useEffect(function () {
+    var state = {};
+    fields.forEach(function (field) {
+      if (isFormGeneratorRow(field)) {
+        field.fields.forEach(function (field) {
+          state = addFieldToState(field, state);
+        });
+      } else {
+        state = addFieldToState(field, state);
+      }
+    });
+    setState(state);
+  }, []);
   var fieldOnChange = function fieldOnChange(event) {
     var _event$target = event.target,
       id = _event$target.id,

package/dist/icons/tsx/doubleChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function DoubleChevronLeftIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/doubleChevronLeft.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function DoubleChevronLeftIcon(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M 18.414,7.41398L 17,6L 11,12L 17,18L 18.414,16.586L 13.828,12L 18.414,7.41398 Z M 12.414,7.41398L 11,6L 5.00001,12L 11,18L 12.414,16.586L 7.82801,12L 12.414,7.41398 Z "
+    })
+  }));
+}
+
+export { DoubleChevronLeftIcon };

package/dist/icons/tsx/doubleChevronRight.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function DoubleChevronRightIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/doubleChevronRight.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function DoubleChevronRightIcon(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M 5.586,7.41398L 7,6L 13,12L 7,18L 5.586,16.586L 10.172,12L 5.586,7.41398 Z M 11.586,7.41399L 13,6.00001L 19,12L 13,18L 11.586,16.586L 16.172,12L 11.586,7.41399 Z "
+    })
+  }));
+}
+
+export { DoubleChevronRightIcon };

package/dist/icons/tsx/index.d.ts

@@ -37,6 +37,8 @@ export * from './copy';
 export * from './court';
 export * from './dateRange';
 export * from './deaths';
+export * from './doubleChevronLeft';
+export * from './doubleChevronRight';
 export * from './download';
 export * from './downloadDone';
 export * from './dragHandle';

package/dist/index.js

@@ -100,6 +100,8 @@ export { CopyIcon } from './icons/tsx/copy.js';
 export { CourtIcon } from './icons/tsx/court.js';
 export { DateRangeIcon } from './icons/tsx/dateRange.js';
 export { DeathsIcon } from './icons/tsx/deaths.js';
+export { DoubleChevronLeftIcon } from './icons/tsx/doubleChevronLeft.js';
+export { DoubleChevronRightIcon } from './icons/tsx/doubleChevronRight.js';
 export { DownloadIcon } from './icons/tsx/download.js';
 export { DownloadDoneIcon } from './icons/tsx/downloadDone.js';
 export { DragHandleIcon } from './icons/tsx/dragHandle.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "10.4.0",
+  "version": "10.5.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",