@iabbb/bds-react 0.40.0-beta.9 → 0.40.0

package/index.mjs

@@ -1,89 +1,5 @@
 import * as React from 'react';
 
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -98,90 +14,6 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct.bind();
-  } else {
-    _construct = function _construct(Parent, args, Class) {
-      var a = [null];
-      a.push.apply(a, args);
-      var Constructor = Function.bind.apply(Parent, a);
-      var instance = new Constructor();
-      if (Class) _setPrototypeOf(instance, Class.prototype);
-      return instance;
-    };
-  }
-  return _construct.apply(null, arguments);
-}
-function _isNativeFunction(fn) {
-  return Function.toString.call(fn).indexOf("[native code]") !== -1;
-}
-function _wrapNativeSuper(Class) {
-  var _cache = typeof Map === "function" ? new Map() : undefined;
-  _wrapNativeSuper = function _wrapNativeSuper(Class) {
-    if (Class === null || !_isNativeFunction(Class)) return Class;
-    if (typeof Class !== "function") {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    if (typeof _cache !== "undefined") {
-      if (_cache.has(Class)) return _cache.get(Class);
-      _cache.set(Class, Wrapper);
-    }
-    function Wrapper() {
-      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
-    }
-    Wrapper.prototype = Object.create(Class.prototype, {
-      constructor: {
-        value: Wrapper,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    return _setPrototypeOf(Wrapper, Class);
-  };
-  return _wrapNativeSuper(Class);
-}
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -209,46 +41,12 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-  return _assertThisInitialized(self);
-}
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -268,38 +66,6 @@ function _arrayLikeToArray(arr, len) {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _classPrivateMethodGet(receiver, privateSet, fn) {
-  if (!privateSet.has(receiver)) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
-  return fn;
-}
-function _checkPrivateRedeclaration(obj, privateCollection) {
-  if (privateCollection.has(obj)) {
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-  }
-}
-function _classPrivateMethodInitSpec(obj, privateSet) {
-  _checkPrivateRedeclaration(obj, privateSet);
-  privateSet.add(obj);
-}
 
 var _excluded$5 = ["children", "className", "onClick", "preventDoubleClick", "variant"];
 var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
@@ -365,354 +131,46 @@ var CallToAction = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, props), children);
 });
 
-// Shim the global element internals object
-// Methods should be fine as noops and properties can generally
-// be while on the server.
-var ElementInternalsShim = /*#__PURE__*/function () {
-  function ElementInternals(_host) {
-    _classCallCheck(this, ElementInternals);
-    this.ariaAtomic = '';
-    this.ariaAutoComplete = '';
-    this.ariaBraileLabel = '';
-    this.ariaBraileRoleDescription = '';
-    this.ariaBusy = '';
-    this.ariaChecked = '';
-    this.ariaColCount = '';
-    this.ariaColIndex = '';
-    this.ariaColSpan = '';
-    this.ariaCurrent = '';
-    this.ariaDescription = '';
-    this.ariaDisabled = '';
-    this.ariaExpanded = '';
-    this.ariaHasPopup = '';
-    this.ariaHidden = '';
-    this.ariaInvalid = '';
-    this.ariaKeyShortcuts = '';
-    this.ariaLabel = '';
-    this.ariaLevel = '';
-    this.ariaLive = '';
-    this.ariaModal = '';
-    this.ariaMultiLine = '';
-    this.ariaMultiSelectable = '';
-    this.ariaOrientation = '';
-    this.ariaPlaceholder = '';
-    this.ariaPosInSet = '';
-    this.ariaPressed = '';
-    this.ariaReadOnly = '';
-    this.ariaRequired = '';
-    this.ariaRoleDescription = '';
-    this.ariaRowCount = '';
-    this.ariaRowIndex = '';
-    this.ariaRowSpan = '';
-    this.ariaSelected = '';
-    this.ariaSetSize = '';
-    this.ariaSort = '';
-    this.ariaValueMax = '';
-    this.ariaValueMin = '';
-    this.ariaValueNow = '';
-    this.ariaValueText = '';
-    this.role = '';
-    this.form = null;
-    this.labels = [];
-    this.states = new Set();
-    this.validationMessage = '';
-    this.validity = {};
-    this.willValidate = true;
-    this.__host = _host;
-  }
-  _createClass(ElementInternals, [{
-    key: "shadowRoot",
-    get: function get() {
-      // Grab the shadow root instance from the Element shim
-      // to ensure that the shadow root is always available
-      // to the internals instance even if the mode is 'closed'
-      return this.__host.__shadowRoot;
-    }
-  }, {
-    key: "checkValidity",
-    value: function checkValidity() {
-      // TODO(augustjk) Consider actually implementing logic.
-      // See https://github.com/lit/lit/issues/3740
-      console.warn('`ElementInternals.checkValidity()` was called on the server.' + 'This method always returns true.');
-      return true;
-    }
-  }, {
-    key: "reportValidity",
-    value: function reportValidity() {
-      return true;
-    }
-  }, {
-    key: "setFormValue",
-    value: function setFormValue() {}
-  }, {
-    key: "setValidity",
-    value: function setValidity() {}
-  }]);
-  return ElementInternals;
-}();
+function getFragmentFromUrl(url) {
+  return url.includes('#') ? url.split('#').pop() : undefined;
+}
+function getAssociatedLegendOrLabel(input) {
+  var _document$querySelect;
+  var fieldset = input.closest('fieldset');
+  if (fieldset) {
+    var legends = fieldset.getElementsByTagName('legend');
+    if (legends.length) {
+      var candidateLegend = legends[0];
 
-var attributes = new WeakMap();
-var attributesForElement = function attributesForElement(element) {
-  var attrs = attributes.get(element);
-  if (attrs === undefined) {
-    attributes.set(element, attrs = new Map());
-  }
-  return attrs;
-};
-// The typings around the exports below are a little funky:
-//
-// 1. We want the `name` of the shim classes to match the real ones at runtime,
-//    hence e.g. `class Element`.
-// 2. We can't shadow the global types with a simple class declaration, because
-//    then we can't reference the global types for casting, hence e.g.
-//    `const ElementShim = class Element`.
-// 3. We want to export the classes typed as the real ones, hence e.g.
-//    `const ElementShimWithRealType = ElementShim as object as typeof Element;`.
-// 4. We want the exported names to match the real ones, hence e.g.
-//    `export {ElementShimWithRealType as Element}`.
-var ElementShim = /*#__PURE__*/function () {
-  function Element() {
-    _classCallCheck(this, Element);
-    this.__shadowRootMode = null;
-    this.__shadowRoot = null;
-    this.__internals = null;
-  }
-  _createClass(Element, [{
-    key: "attributes",
-    get: function get() {
-      return Array.from(attributesForElement(this)).map(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          name = _ref2[0],
-          value = _ref2[1];
-        return {
-          name: name,
-          value: value
-        };
-      });
-    }
-  }, {
-    key: "shadowRoot",
-    get: function get() {
-      if (this.__shadowRootMode === 'closed') {
-        return null;
+      // If the input type is radio or checkbox, always use the legend if there
+      // is one.
+      if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {
+        return candidateLegend;
       }
-      return this.__shadowRoot;
-    }
-  }, {
-    key: "setAttribute",
-    value: function setAttribute(name, value) {
-      // Emulate browser behavior that silently casts all values to string. E.g.
-      // `42` becomes `"42"` and `{}` becomes `"[object Object]""`.
-      attributesForElement(this).set(name, String(value));
-    }
-  }, {
-    key: "removeAttribute",
-    value: function removeAttribute(name) {
-      attributesForElement(this)["delete"](name);
-    }
-  }, {
-    key: "hasAttribute",
-    value: function hasAttribute(name) {
-      return attributesForElement(this).has(name);
-    }
-  }, {
-    key: "attachShadow",
-    value: function attachShadow(init) {
-      var shadowRoot = {
-        host: this
-      };
-      this.__shadowRootMode = init.mode;
-      if (init && init.mode === 'open') {
-        this.__shadowRoot = shadowRoot;
-      }
-      return shadowRoot;
-    }
-  }, {
-    key: "attachInternals",
-    value: function attachInternals() {
-      if (this.__internals !== null) {
-        throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': " + "ElementInternals for the specified element was already attached.");
-      }
-      var internals = new ElementInternalsShim(this);
-      this.__internals = internals;
-      return internals;
-    }
-  }, {
-    key: "getAttribute",
-    value: function getAttribute(name) {
-      var value = attributesForElement(this).get(name);
-      return value !== null && value !== void 0 ? value : null;
-    }
-  }]);
-  return Element;
-}();
-var HTMLElementShim = /*#__PURE__*/function (_ElementShim) {
-  _inherits(HTMLElement, _ElementShim);
-  var _super = _createSuper(HTMLElement);
-  function HTMLElement() {
-    _classCallCheck(this, HTMLElement);
-    return _super.apply(this, arguments);
-  }
-  return _createClass(HTMLElement);
-}(ElementShim);
-var HTMLElementShimWithRealType = HTMLElementShim;
-var CustomElementRegistryShim = /*#__PURE__*/function () {
-  function CustomElementRegistry() {
-    _classCallCheck(this, CustomElementRegistry);
-    this.__definitions = new Map();
-  }
-  _createClass(CustomElementRegistry, [{
-    key: "define",
-    value: function define(name, ctor) {
-      var _ctor$observedAttribu;
-      if (this.__definitions.has(name)) {
-        if (process.env.NODE_ENV === 'development') {
-          console.warn("'CustomElementRegistry' already has \"".concat(name, "\" defined. ") + "This may have been caused by live reload or hot module " + "replacement in which case it can be safely ignored.\n" + "Make sure to test your application with a production build as " + "repeat registrations will throw in production.");
-        } else {
-          throw new Error("Failed to execute 'define' on 'CustomElementRegistry': " + "the name \"".concat(name, "\" has already been used with this registry"));
-        }
-      }
-      this.__definitions.set(name, {
-        ctor: ctor,
-        // Note it's important we read `observedAttributes` in case it is a getter
-        // with side-effects, as is the case in Lit, where it triggers class
-        // finalization.
-        //
-        // TODO(aomarks) To be spec compliant, we should also capture the
-        // registration-time lifecycle methods like `connectedCallback`. For them
-        // to be actually accessible to e.g. the Lit SSR element renderer, though,
-        // we'd need to introduce a new API for accessing them (since `get` only
-        // returns the constructor).
-        observedAttributes: (_ctor$observedAttribu = ctor.observedAttributes) !== null && _ctor$observedAttribu !== void 0 ? _ctor$observedAttribu : []
-      });
-    }
-  }, {
-    key: "get",
-    value: function get(name) {
-      var definition = this.__definitions.get(name);
-      return definition === null || definition === void 0 ? void 0 : definition.ctor;
-    }
-  }]);
-  return CustomElementRegistry;
-}();
-var CustomElementRegistryShimWithRealType = CustomElementRegistryShim;
-var customElements$1 = new CustomElementRegistryShimWithRealType();
 
-// Avoid installing the DOM shim if one already exists
-if (globalThis.window === undefined) {
-  var window$1 = {
-    customElements: customElements$1,
-    HTMLElement: HTMLElementShimWithRealType
-  };
-  // Copy initial window globals to node global
-  Object.assign(globalThis, window$1);
-}
+      // For other input types, only scroll to the fieldset’s legend (instead of
+      // the label associated with the input) if the input would end up in the
+      // top half of the screen.
+      //
+      // This should avoid situations where the input either ends up off the
+      // screen, or obscured by a software keyboard.
+      var legendTop = candidateLegend.getBoundingClientRect().top;
+      var inputRect = input.getBoundingClientRect();
 
-var _e = /*#__PURE__*/new WeakSet();
-var _t = /*#__PURE__*/new WeakSet();
-var e$1 = /*#__PURE__*/function (_HTMLElement) {
-  _inherits(e, _HTMLElement);
-  var _super = _createSuper(e);
-  function e() {
-    var _this;
-    _classCallCheck(this, e);
-    (_this = _super.call(this), _classPrivateMethodInitSpec(_assertThisInitialized(_this), _t), _classPrivateMethodInitSpec(_assertThisInitialized(_this), _e)), _this.addEventListener("click", function (_e5) {
-      var t = _e5.target.closest("a");
-      if (!t) return;
-      var n = _classPrivateMethodGet(_assertThisInitialized(_this), _e, _e2).call(_assertThisInitialized(_this), t.href);
-      if (!n) return;
-      var r = document.getElementById(n);
-      if (!r) return;
-      var o = _classPrivateMethodGet(_assertThisInitialized(_this), _t, _t2).call(_assertThisInitialized(_this), r);
-      o && (_e5.preventDefault(), o.scrollIntoView(), r.focus({
-        preventScroll: !0
-      }));
-    });
-    return _this;
-  }
-  return _createClass(e);
-}( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
-function _e2(_e3) {
-  return _e3.includes("#") ? _e3.split("#").pop() : void 0;
-}
-function _t2(_e4) {
-  var _document$querySelect;
-  var t = _e4.closest("fieldset");
-  if (t) {
-    var n = t.getElementsByTagName("legend");
-    if (n.length) {
-      var _t3 = n[0];
-      if (_e4 instanceof HTMLInputElement && ("checkbox" === _e4.type || "radio" === _e4.type)) return _t3;
-      var r = _t3.getBoundingClientRect().top,
-        o = _e4.getBoundingClientRect();
-      if (o.height && window.innerHeight) {
-        if (o.top + o.height - r < window.innerHeight / 2) return _t3;
+      // If the browser doesn't support Element.getBoundingClientRect().height
+      // or window.innerHeight (like IE8), bail and just link to the label.
+      if (inputRect.height && window.innerHeight) {
+        var inputBottom = inputRect.top + inputRect.height;
+        if (inputBottom - legendTop < window.innerHeight / 2) {
+          return candidateLegend;
+        }
       }
     }
   }
-  return (_document$querySelect = document.querySelector("label[for='".concat(_e4.getAttribute("id"), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : _e4.closest("label");
+  return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
 }
-"customElements" in window && customElements.define("bds-error-summary", e$1);
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var e = new Set(["children", "localName", "ref", "style", "className"]),
-  n = new WeakMap(),
-  l = function l(e, _l, t, o, a) {
-    var i = null == a ? void 0 : a[_l];
-    void 0 === i || t === o ? (e[_l] = t, null == t && _l in HTMLElement.prototype && e.removeAttribute(_l)) : function (e, l, t) {
-      var o = n.get(e);
-      void 0 === o && n.set(e, o = new Map());
-      var a = o.get(l);
-      void 0 !== t ? void 0 === a ? (o.set(l, a = {
-        handleEvent: t
-      }), e.addEventListener(l, a)) : a.handleEvent = t : void 0 !== a && (o["delete"](l), e.removeEventListener(l, a));
-    }(e, i, t);
-  },
-  t = function t(_ref) {
-    var n = _ref.react,
-      t = _ref.tagName,
-      o = _ref.elementClass,
-      a = _ref.events,
-      i = _ref.displayName;
-    var s = new Set(Object.keys(null != a ? a : {})),
-      c = n.forwardRef(function (i, c) {
-        var r = n.useRef(null),
-          d = n.useRef(null),
-          u = {},
-          v = {};
-        for (var _i = 0, _Object$entries = Object.entries(i); _i < _Object$entries.length; _i++) {
-          var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-            _n = _Object$entries$_i[0],
-            _l2 = _Object$entries$_i[1];
-          e.has(_n) ? u["className" === _n ? "class" : _n] = _l2 : s.has(_n) || _n in o.prototype ? v[_n] = _l2 : u[_n] = _l2;
-        }
-        return n.useLayoutEffect(function () {
-          if (null !== d.current) {
-            for (var _e in v) l(d.current, _e, i[_e], r.current ? r.current[_e] : void 0, a);
-            r.current = i;
-          }
-        }), n.useLayoutEffect(function () {
-          var e;
-          null === (e = d.current) || void 0 === e || e.removeAttribute("defer-hydration");
-        }, []), u.suppressHydrationWarning = !0, n.createElement(t, _objectSpread2(_objectSpread2({}, u), {}, {
-          ref: function ref(e) {
-            d.current = e, "function" == typeof c ? c(e) : null !== c && (c.current = e);
-          }
-        }));
-      });
-    return c.displayName = null != i ? i : o.name, c;
-  };
 
 var _excluded$3 = ["className", "errors", "mapNameToId"];
-var ReactErrorSummary = t({
-  tagName: 'bds-error-summary',
-  elementClass: e$1,
-  react: React
-});
 var FormErrorKey = '_form';
 var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
 function BdsErrorSummary(_ref) {
@@ -731,7 +189,26 @@ function BdsErrorSummary(_ref) {
     groupRef.current.focus();
   }, [errors]);
   if (!errors || Object.keys(errors).length === 0) return null;
-  return /*#__PURE__*/React.createElement(ReactErrorSummary, _extends({
+  var handleLinkClick = function handleLinkClick(e) {
+    var inputId = getFragmentFromUrl(e.currentTarget.href);
+    if (!inputId) {
+      return;
+    }
+    var input = document.getElementById(inputId);
+    if (!input) {
+      return;
+    }
+    var legendOrLabel = getAssociatedLegendOrLabel(input);
+    if (!legendOrLabel) {
+      return;
+    }
+    e.preventDefault();
+    legendOrLabel.scrollIntoView();
+    input.focus({
+      preventScroll: true
+    });
+  };
+  return /*#__PURE__*/React.createElement("bds-error-summary", _extends({
     className: ['stack', className].filter(function (x) {
       return x;
     }).join(' '),
@@ -771,7 +248,8 @@ function BdsErrorSummary(_ref) {
       return /*#__PURE__*/React.createElement("li", {
         key: inputId
       }, /*#__PURE__*/React.createElement("a", {
-        href: "#".concat(inputId)
+        href: "#".concat(inputId),
+        onClick: handleLinkClick
       }, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
     }));
   })));