@dnb/eufemia 9.40.0 → 9.41.0

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

@@ -33,9 +33,7 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _SpacingHelper = require("../../components/space/SpacingHelper");
 
-var _FormRowHelpers = require("../../components/form-row/FormRowHelpers");
-
-var _excluded = ["children", "className", "innerRef"];
+var _excluded = ["interactive", "children", "className", "innerRef"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -58,9 +56,10 @@ var defaultProps = {
 function ScrollView(localProps) {
   var context = _react.default.useContext(_Context.default);
 
-  var props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, (0, _FormRowHelpers.includeValidProps)(context.FormRow), context.ScrollView);
+  var props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context.ScrollView);
 
-  var children = props.children,
+  var interactive = props.interactive,
+      children = props.children,
       _props$className = props.className,
       className = _props$className === void 0 ? null : _props$className,
       innerRef = props.innerRef,
@@ -74,6 +73,10 @@ function ScrollView(localProps) {
     mainParams.ref = innerRef;
   }
 
+  if (interactive) {
+    mainParams.tabIndex = 0;
+  }
+
   (0, _componentHelper.validateDOMAttributes)(props, mainParams);
   return _react.default.createElement("div", mainParams, children);
 }

package/cjs/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/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.40.0';
+          return '9.41.0';
         }
       }]);
 

package/cjs/shared/helpers.js

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

package/cjs/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/cjs/shared/locales/en-GB.js

@@ -128,6 +128,10 @@ var _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/cjs/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/cjs/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/cjs/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/cjs/shared/locales/nb-NO.js

@@ -128,6 +128,10 @@ var _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.',