@dnb/eufemia 9.40.0 → 9.41.0

package/es/fragments/scroll-view/ScrollView.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "className", "innerRef"];
+const _excluded = ["interactive", "children", "className", "innerRef"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -12,16 +12,16 @@ import classnames from 'classnames';
 import { extendPropsWithContext, validateDOMAttributes } from '../../shared/component-helper';
 import Context from '../../shared/Context';
 import { createSpacingClasses } from '../../components/space/SpacingHelper';
-import { includeValidProps } from '../../components/form-row/FormRowHelpers';
 const defaultProps = {
   children: null
 };
 
 function ScrollView(localProps) {
   const context = React.useContext(Context);
-  const props = extendPropsWithContext(localProps, defaultProps, includeValidProps(context.FormRow), context.ScrollView);
+  const props = extendPropsWithContext(localProps, defaultProps, context.ScrollView);
 
   const {
+    interactive,
     children,
     className = null,
     innerRef
@@ -36,6 +36,10 @@ function ScrollView(localProps) {
     mainParams.ref = innerRef;
   }
 
+  if (interactive) {
+    mainParams.tabIndex = 0;
+  }
+
   validateDOMAttributes(props, mainParams);
   return React.createElement("div", mainParams, children);
 }

package/es/fragments/scroll-view/style/_scroll-view.scss

@@ -6,4 +6,12 @@
 .dnb-scroll-view {
   overflow-x: auto;
   @include scrollY(auto);
+
+  // interactive prop
+  &[tabindex='0'] {
+    &:focus {
+      outline: none;
+      @include fakeFocus();
+    }
+  }
 }

package/es/shared/Eufemia.js

@@ -2,7 +2,7 @@ export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '9.40.0';
+        return '9.41.0';
       }
 
     }

package/es/shared/helpers.js

@@ -132,7 +132,13 @@ export function scrollToLocationHashId({
       if (id.length > 0) {
         const handleScroll = () => {
           const runScroll = () => {
-            const top = getOffsetTop(elem) - offset;
+            const totalOffset = getOffsetTop(elem);
+
+            if (totalOffset <= 0) {
+              return;
+            }
+
+            const top = totalOffset - offset;
 
             try {
               if (typeof IntersectionObserver !== 'undefined') {

package/es/shared/locales/en-GB.d.ts

@@ -122,6 +122,10 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Table: {
+            accordionToggleButtonSR: string;
+            accordionMoreContentSR: string;
+        };
         Upload: {
             title: string;
             text: string;

package/es/shared/locales/en-GB.js

@@ -122,6 +122,10 @@ export default {
     Tag: {
       removeIconTitle: 'Remove'
     },
+    Table: {
+      accordionToggleButtonSR: 'Show more content',
+      accordionMoreContentSR: 'More content in the next row'
+    },
     Upload: {
       title: 'Upload documents',
       text: 'Drag & drop your files or choose files to upload.',

package/es/shared/locales/en-US.d.ts

@@ -123,6 +123,10 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Table: {
+            accordionToggleButtonSR: string;
+            accordionMoreContentSR: string;
+        };
         Upload: {
             title: string;
             text: string;

package/es/shared/locales/index.d.ts

@@ -122,6 +122,10 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Table: {
+            accordionToggleButtonSR: string;
+            accordionMoreContentSR: string;
+        };
         Upload: {
             title: string;
             text: string;
@@ -261,6 +265,10 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Table: {
+            accordionToggleButtonSR: string;
+            accordionMoreContentSR: string;
+        };
         Upload: {
             title: string;
             text: string;

package/es/shared/locales/nb-NO.d.ts

@@ -122,6 +122,10 @@ declare var _default: {
         Tag: {
             removeIconTitle: string;
         };
+        Table: {
+            accordionToggleButtonSR: string;
+            accordionMoreContentSR: string;
+        };
         Upload: {
             title: string;
             text: string;

package/es/shared/locales/nb-NO.js

@@ -122,6 +122,10 @@ export default {
     Tag: {
       removeIconTitle: 'Fjern'
     },
+    Table: {
+      accordionToggleButtonSR: 'Vis mer innhold',
+      accordionMoreContentSR: 'Mer innhold i neste rad'
+    },
     Upload: {
       title: 'Last opp dokumenter',
       text: 'Dra & slipp eller velg hvilke filer du vil laste opp.',