@iabbb/bds-react 0.38.4 → 0.38.5

package/Button/Button.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["children", "className", "onClick", "preventDoubleClick", "variant"];
+var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$preventDoubleCli = _ref.preventDoubleClick,
+    preventDoubleClick = _ref$preventDoubleCli === void 0 ? false : _ref$preventDoubleCli,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var debounceClicks = React__namespace.useRef(false);
+  var handleClick = function handleClick(event) {
+    // 👇 button is not configured to ignore double clicks
+    if (!preventDoubleClick) {
+      if (onClick) {
+        onClick(event);
+      }
+      return;
+    }
+
+    // 👇 button has been clicked recently, and subsequent clicks are prevented
+    if (debounceClicks.current) {
+      event.preventDefault();
+      return false;
+    }
+    if (onClick) {
+      onClick(event);
+    }
+
+    // 👇 block from double clicks
+    debounceClicks.current = true;
+
+    // 👇 and remove the block after a given amount of seconds
+    setTimeout(function () {
+      debounceClicks.current = false;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  };
+  return /*#__PURE__*/React__namespace.createElement("button", _rollupPluginBabelHelpers._extends({
+    className: [variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className].filter(function (x) {
+      return x;
+    }).join(' '),
+    "data-type": variant !== 'standard' && variant !== 'unstyled' ? variant : null,
+    onClick: handleClick,
+    ref: ref
+  }, props), children);
+});
+
+module.exports = Button;
+//# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.js"],"sourcesContent":["import * as React from 'react';\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\n\nconst Button = React.forwardRef(\n  ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\n    const debounceClicks = React.useRef(false);\n\n    const handleClick = (event) => {\n      // 👇 button is not configured to ignore double clicks\n      if (!preventDoubleClick) {\n        if (onClick) {\n          onClick(event);\n        }\n\n        return;\n      }\n\n      // 👇 button has been clicked recently, and subsequent clicks are prevented\n      if (debounceClicks.current) {\n        event.preventDefault();\n        return false;\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n\n      // 👇 block from double clicks\n      debounceClicks.current = true;\n\n      // 👇 and remove the block after a given amount of seconds\n      setTimeout(() => {\n        debounceClicks.current = false;\n      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\n    };\n\n    return (\n      <button\n        className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\n          .filter((x) => x)\n          .join(' ')}\n        data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\n        onClick={handleClick}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default Button;\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAE/BC,IAAAA,MAAM,gBAAGC,gBAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,kDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,gBAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAK,EAAK;AAC7B;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,gBAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,kCAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}

package/Button/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Button_Button = require('./Button.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+
+
+
+module.exports = Button_Button;
+//# sourceMappingURL=index.js.map

package/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/CallToAction/CallToAction.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["children", "className", "variant"];
+var CallToAction = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("a", _rollupPluginBabelHelpers._extends({
+    className: ['bds-cta', className].filter(function (x) {
+      return x;
+    }).join(' '),
+    "data-type": variant !== 'standard' ? variant : null,
+    ref: ref
+  }, props), children);
+});
+
+module.exports = CallToAction;
+//# sourceMappingURL=CallToAction.js.map

package/CallToAction/CallToAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallToAction.js","sources":["../../src/CallToAction/CallToAction.js"],"sourcesContent":["import * as React from 'react';\n\nconst CallToAction = React.forwardRef(({ children, className, variant = 'standard', ...props }, ref) => {\n  return (\n    <a\n      className={['bds-cta', className].filter((x) => x).join(' ')}\n      data-type={variant !== 'standard' ? variant : null}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n});\n\nexport default CallToAction;\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEMA,IAAAA,YAAY,gBAAGC,gBAAK,CAACC,UAAU,CAAC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,kDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAC1F,EAAA,oBACEV,gBAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,kCAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CAAC;;;;"}

package/CallToAction/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var CallToAction_CallToAction = require('./CallToAction.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+
+
+
+module.exports = CallToAction_CallToAction;
+//# sourceMappingURL=index.js.map

package/CallToAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/ErrorSummary/ErrorSummary.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+var ErrorSummary_utils = require('./utils.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className", "errors", "mapNameToId"];
+var FormErrorKey = '_form';
+var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
+function BdsErrorSummary(_ref) {
+  var className = _ref.className,
+    errors = _ref.errors,
+    _ref$mapNameToId = _ref.mapNameToId,
+    mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
+      return name;
+    } : _ref$mapNameToId,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var headingId = React__namespace.useId();
+  var groupRef = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    if (!errors || Object.keys(errors).length === 0) return;
+    if (!groupRef.current) return;
+    groupRef.current.focus();
+  }, [errors]);
+  if (!errors || Object.keys(errors).length === 0) return null;
+  var handleLinkClick = function handleLinkClick(e) {
+    var inputId = ErrorSummary_utils.getFragmentFromUrl(e.currentTarget.href);
+    if (!inputId) {
+      return;
+    }
+    var input = document.getElementById(inputId);
+    if (!input) {
+      return;
+    }
+    var legendOrLabel = ErrorSummary_utils.getAssociatedLegendOrLabel(input);
+    if (!legendOrLabel) {
+      return;
+    }
+    e.preventDefault();
+    legendOrLabel.scrollIntoView();
+    input.focus({
+      preventScroll: true
+    });
+  };
+  return /*#__PURE__*/React__namespace.createElement("bds-error-summary", _rollupPluginBabelHelpers._extends({
+    className: ['stack', className].filter(function (x) {
+      return x;
+    }).join(' '),
+    role: "group",
+    "aria-labelledby": headingId,
+    ref: groupRef,
+    tabIndex: -1
+  }, props), /*#__PURE__*/React__namespace.createElement("h2", {
+    className: "bds-h5",
+    id: headingId
+  }, /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    "aria-hidden": "true",
+    height: "1em",
+    width: "1em",
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
+  })), "Issue"), /*#__PURE__*/React__namespace.createElement("ul", null, Object.keys(errors).map(function (errorKey) {
+    var message = errors[errorKey];
+    var isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);
+    if (isFormError) {
+      return /*#__PURE__*/React__namespace.createElement("li", {
+        key: errorKey,
+        dangerouslySetInnerHTML: {
+          __html: message
+        }
+      });
+    }
+    var isArrayField = Array.isArray(message);
+    var messages = isArrayField ? message : [message];
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      key: errorKey
+    }, messages.map(function (fieldMessage, index) {
+      var inputId = "".concat(mapNameToId(errorKey)).concat(isArrayField ? "[".concat(index, "]") : '');
+      return /*#__PURE__*/React__namespace.createElement("li", {
+        key: inputId
+      }, /*#__PURE__*/React__namespace.createElement("a", {
+        href: "#".concat(inputId),
+        onClick: handleLinkClick
+      }, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
+    }));
+  })));
+}
+
+exports.FormErrorKey = FormErrorKey;
+exports.default = BdsErrorSummary;
+//# sourceMappingURL=ErrorSummary.js.map

package/ErrorSummary/ErrorSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.js","sources":["../../src/ErrorSummary/ErrorSummary.js"],"sourcesContent":["import * as React from 'react';\n\nimport { getAssociatedLegendOrLabel, getFragmentFromUrl } from './utils';\n\nexport const FormErrorKey = '_form';\n\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\n\nexport default function BdsErrorSummary({ className, errors, mapNameToId = (name) => name, ...props }) {\n  const headingId = React.useId();\n  const groupRef = React.useRef(null);\n\n  React.useEffect(() => {\n    if (!errors || Object.keys(errors).length === 0) return;\n    if (!groupRef.current) return;\n\n    groupRef.current.focus();\n  }, [errors]);\n\n  if (!errors || Object.keys(errors).length === 0) return null;\n\n  const handleLinkClick = (e) => {\n    const inputId = getFragmentFromUrl(e.currentTarget.href);\n\n    if (!inputId) {\n      return;\n    }\n\n    const input = document.getElementById(inputId);\n\n    if (!input) {\n      return;\n    }\n\n    const legendOrLabel = getAssociatedLegendOrLabel(input);\n\n    if (!legendOrLabel) {\n      return;\n    }\n\n    e.preventDefault();\n\n    legendOrLabel.scrollIntoView();\n    input.focus({ preventScroll: true });\n  };\n\n  return (\n    <bds-error-summary\n      className={['stack', className].filter((x) => x).join(' ')}\n      role=\"group\"\n      aria-labelledby={headingId}\n      ref={groupRef}\n      tabIndex={-1}\n      {...props}\n    >\n      <h2 className=\"bds-h5\" id={headingId}>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 512 512\"\n          aria-hidden=\"true\"\n          height=\"1em\"\n          width=\"1em\"\n          fill=\"currentColor\"\n        >\n          <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n        </svg>\n        Issue\n      </h2>\n      <ul>\n        {Object.keys(errors).map((errorKey) => {\n          const message = errors[errorKey];\n          const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\n\n          if (isFormError) {\n            return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\n          }\n\n          const isArrayField = Array.isArray(message);\n\n          const messages = isArrayField ? message : [message];\n\n          return (\n            <React.Fragment key={errorKey}>\n              {messages.map((fieldMessage, index) => {\n                const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\n\n                return (\n                  <li key={inputId}>\n                    <a href={`#${inputId}`} onClick={handleLinkClick}>\n                      {fieldMessage}\n                      {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\n                    </a>\n                  </li>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </ul>\n    </bds-error-summary>\n  );\n}\n"],"names":["FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","_ref","className","errors","_ref$mapNameToId","mapNameToId","name","props","_objectWithoutProperties","_excluded","headingId","React","useId","groupRef","useRef","useEffect","Object","keys","length","current","focus","handleLinkClick","e","inputId","getFragmentFromUrl","currentTarget","href","input","document","getElementById","legendOrLabel","getAssociatedLegendOrLabel","preventDefault","scrollIntoView","preventScroll","createElement","_extends","filter","x","join","role","ref","tabIndex","id","xmlns","viewBox","height","width","fill","d","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","concat","onClick","undefined"],"mappings":"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"}

package/ErrorSummary/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ErrorSummary_ErrorSummary = require('./ErrorSummary.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+require('./utils.js');
+
+
+
+exports.FormErrorKey = ErrorSummary_ErrorSummary.FormErrorKey;
+exports.default = ErrorSummary_ErrorSummary.default;
+//# sourceMappingURL=index.js.map

package/ErrorSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/{src/ErrorSummary → ErrorSummary}/utils.js

@@ -1,15 +1,15 @@
-export function getFragmentFromUrl(url) {
+'use strict';
+
+function getFragmentFromUrl(url) {
   return url.includes('#') ? url.split('#').pop() : undefined;
 }
-
-export function getAssociatedLegendOrLabel(input) {
-  const fieldset = input.closest('fieldset');
-
+function getAssociatedLegendOrLabel(input) {
+  var _document$querySelect;
+  var fieldset = input.closest('fieldset');
   if (fieldset) {
-    const legends = fieldset.getElementsByTagName('legend');
-
+    var legends = fieldset.getElementsByTagName('legend');
     if (legends.length) {
-      const candidateLegend = legends[0];
+      var candidateLegend = legends[0];
 
       // If the input type is radio or checkbox, always use the legend if there
       // is one.
@@ -23,20 +23,22 @@ export function getAssociatedLegendOrLabel(input) {
       //
       // This should avoid situations where the input either ends up off the
       // screen, or obscured by a software keyboard.
-      const legendTop = candidateLegend.getBoundingClientRect().top;
-      const inputRect = input.getBoundingClientRect();
+      var legendTop = candidateLegend.getBoundingClientRect().top;
+      var inputRect = input.getBoundingClientRect();
 
       // 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) {
-        const inputBottom = inputRect.top + inputRect.height;
-
+        var inputBottom = inputRect.top + inputRect.height;
         if (inputBottom - legendTop < window.innerHeight / 2) {
           return candidateLegend;
         }
       }
     }
   }
-
-  return document.querySelector(`label[for='${input.getAttribute('id')}']`) ?? input.closest('label');
+  return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
 }
+
+exports.getAssociatedLegendOrLabel = getAssociatedLegendOrLabel;
+exports.getFragmentFromUrl = getFragmentFromUrl;
+//# sourceMappingURL=utils.js.map

package/ErrorSummary/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/ErrorSummary/utils.js"],"sourcesContent":["export function getFragmentFromUrl(url) {\n  return url.includes('#') ? url.split('#').pop() : undefined;\n}\n\nexport function getAssociatedLegendOrLabel(input) {\n  const fieldset = input.closest('fieldset');\n\n  if (fieldset) {\n    const legends = fieldset.getElementsByTagName('legend');\n\n    if (legends.length) {\n      const candidateLegend = legends[0];\n\n      // If the input type is radio or checkbox, always use the legend if there\n      // is one.\n      if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {\n        return candidateLegend;\n      }\n\n      // For other input types, only scroll to the fieldset’s legend (instead of\n      // the label associated with the input) if the input would end up in the\n      // top half of the screen.\n      //\n      // This should avoid situations where the input either ends up off the\n      // screen, or obscured by a software keyboard.\n      const legendTop = candidateLegend.getBoundingClientRect().top;\n      const inputRect = input.getBoundingClientRect();\n\n      // If the browser doesn't support Element.getBoundingClientRect().height\n      // or window.innerHeight (like IE8), bail and just link to the label.\n      if (inputRect.height && window.innerHeight) {\n        const inputBottom = inputRect.top + inputRect.height;\n\n        if (inputBottom - legendTop < window.innerHeight / 2) {\n          return candidateLegend;\n        }\n      }\n    }\n  }\n\n  return document.querySelector(`label[for='${input.getAttribute('id')}']`) ?? input.closest('label');\n}\n"],"names":["getFragmentFromUrl","url","includes","split","pop","undefined","getAssociatedLegendOrLabel","input","_document$querySelect","fieldset","closest","legends","getElementsByTagName","length","candidateLegend","HTMLInputElement","type","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","document","querySelector","concat","getAttribute"],"mappings":";;AAAO,SAASA,kBAAkBA,CAACC,GAAG,EAAE;AACtC,EAAA,OAAOA,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGD,GAAG,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,GAAGC,SAAS,CAAA;AAC7D,CAAA;AAEO,SAASC,0BAA0BA,CAACC,KAAK,EAAE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAChD,EAAA,IAAMC,QAAQ,GAAGF,KAAK,CAACG,OAAO,CAAC,UAAU,CAAC,CAAA;AAE1C,EAAA,IAAID,QAAQ,EAAE;AACZ,IAAA,IAAME,OAAO,GAAGF,QAAQ,CAACG,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IAEvD,IAAID,OAAO,CAACE,MAAM,EAAE;AAClB,MAAA,IAAMC,eAAe,GAAGH,OAAO,CAAC,CAAC,CAAC,CAAA;;AAElC;AACA;AACA,MAAA,IAAIJ,KAAK,YAAYQ,gBAAgB,KAAKR,KAAK,CAACS,IAAI,KAAK,UAAU,IAAIT,KAAK,CAACS,IAAI,KAAK,OAAO,CAAC,EAAE;AAC9F,QAAA,OAAOF,eAAe,CAAA;AACxB,OAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;MACA,IAAMG,SAAS,GAAGH,eAAe,CAACI,qBAAqB,EAAE,CAACC,GAAG,CAAA;AAC7D,MAAA,IAAMC,SAAS,GAAGb,KAAK,CAACW,qBAAqB,EAAE,CAAA;;AAE/C;AACA;AACA,MAAA,IAAIE,SAAS,CAACC,MAAM,IAAIC,MAAM,CAACC,WAAW,EAAE;QAC1C,IAAMC,WAAW,GAAGJ,SAAS,CAACD,GAAG,GAAGC,SAAS,CAACC,MAAM,CAAA;QAEpD,IAAIG,WAAW,GAAGP,SAAS,GAAGK,MAAM,CAACC,WAAW,GAAG,CAAC,EAAE;AACpD,UAAA,OAAOT,eAAe,CAAA;AACxB,SAAA;AACF,OAAA;AACF,KAAA;AACF,GAAA;EAEA,OAAAN,CAAAA,qBAAA,GAAOiB,QAAQ,CAACC,aAAa,CAAAC,aAAAA,CAAAA,MAAA,CAAepB,KAAK,CAACqB,YAAY,CAAC,IAAI,CAAC,EAAI,IAAA,CAAA,CAAC,MAAApB,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAID,KAAK,CAACG,OAAO,CAAC,OAAO,CAAC,CAAA;AACrG;;;;;"}

package/FieldTextInput/FieldTextInput.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["as", "error", "hint", "id", "isOptional", "label"];
+function FieldTextInput(_ref) {
+  var _id;
+  var as = _ref.as,
+    error = _ref.error,
+    hint = _ref.hint,
+    id = _ref.id,
+    _ref$isOptional = _ref.isOptional,
+    isOptional = _ref$isOptional === void 0 ? false : _ref$isOptional,
+    label = _ref.label,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  id = (_id = id) !== null && _id !== void 0 ? _id : props.name;
+  var errorId = React__namespace.useId();
+  var hintId = React__namespace.useId();
+  var InputComponent = as !== null && as !== void 0 ? as : 'input';
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: "bds-text-input stack"
+  }, /*#__PURE__*/React__namespace.createElement("label", {
+    htmlFor: id
+  }, label, isOptional && ' (optional)'), hint && /*#__PURE__*/React__namespace.createElement("span", {
+    className: "bds-hint",
+    id: hintId
+  }, hint), error && /*#__PURE__*/React__namespace.createElement("span", {
+    className: "bds-error",
+    id: errorId
+  }, /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    "aria-hidden": "true",
+    height: "1em",
+    width: "1em",
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
+  })), error), /*#__PURE__*/React__namespace.createElement(InputComponent, _rollupPluginBabelHelpers._extends({
+    "aria-invalid": error ? true : undefined,
+    "aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
+    "aria-required": isOptional ? undefined : true,
+    id: id
+  }, props)));
+}
+
+module.exports = FieldTextInput;
+//# sourceMappingURL=FieldTextInput.js.map

package/FieldTextInput/FieldTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTextInput.js","sources":["../../src/FieldTextInput/FieldTextInput.js"],"sourcesContent":["import * as React from 'react';\n\nexport default function FieldTextInput({ as, error, hint, id, isOptional = false, label, ...props }) {\n  id = id ?? props.name;\n\n  const errorId = React.useId();\n  const hintId = React.useId();\n\n  const InputComponent = as ?? 'input';\n\n  return (\n    <div className=\"bds-text-input stack\">\n      <label htmlFor={id}>\n        {label}\n        {isOptional && ' (optional)'}\n      </label>\n      {hint && (\n        <span className=\"bds-hint\" id={hintId}>\n          {hint}\n        </span>\n      )}\n      {error && (\n        <span className=\"bds-error\" id={errorId}>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 512 512\"\n            aria-hidden=\"true\"\n            height=\"1em\"\n            width=\"1em\"\n            fill=\"currentColor\"\n          >\n            <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n          </svg>\n          {error}\n        </span>\n      )}\n      <InputComponent\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}\n        aria-required={isOptional ? undefined : true}\n        id={id}\n        {...props}\n      />\n    </div>\n  );\n}\n"],"names":["FieldTextInput","_ref","_id","as","error","hint","id","_ref$isOptional","isOptional","label","props","_objectWithoutProperties","_excluded","name","errorId","React","useId","hintId","InputComponent","createElement","className","htmlFor","xmlns","viewBox","height","width","fill","d","_extends","undefined","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,cAAcA,CAAAC,IAAA,EAA+D;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAA5DC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,EAAE,GAAAL,IAAA,CAAFK,EAAE;IAAAC,eAAA,GAAAN,IAAA,CAAEO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAEE,KAAK,GAAAR,IAAA,CAALQ,KAAK;AAAKC,IAAAA,KAAK,GAAAC,kDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAC/FN,EAAE,GAAA,CAAAJ,GAAA,GAAGI,EAAE,MAAA,IAAA,IAAAJ,GAAA,KAAA,KAAA,CAAA,GAAAA,GAAA,GAAIQ,KAAK,CAACG,IAAI,CAAA;AAErB,EAAA,IAAMC,OAAO,GAAGC,gBAAK,CAACC,KAAK,EAAE,CAAA;AAC7B,EAAA,IAAMC,MAAM,GAAGF,gBAAK,CAACC,KAAK,EAAE,CAAA;EAE5B,IAAME,cAAc,GAAGf,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,OAAO,CAAA;EAEpC,oBACEY,gBAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;GACbL,eAAAA,gBAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AAAOE,IAAAA,OAAO,EAAEf,EAAAA;GACbG,EAAAA,KAAK,EACLD,UAAU,IAAI,aACV,CAAC,EACPH,IAAI,iBACHU,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,UAAU;AAACd,IAAAA,EAAE,EAAEW,MAAAA;AAAO,GAAA,EACnCZ,IACG,CACP,EACAD,KAAK,iBACJW,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,WAAW;AAACd,IAAAA,EAAE,EAAEQ,OAAAA;GAC9BC,eAAAA,gBAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,KAAK,EAAC,4BAA4B;AAClCC,IAAAA,OAAO,EAAC,aAAa;AACrB,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,MAAM,EAAC,KAAK;AACZC,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,IAAI,EAAC,cAAA;GAELX,eAAAA,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMQ,IAAAA,CAAC,EAAC,4UAAA;AAA4U,GAAE,CACnV,CAAC,EACLvB,KACG,CACP,eACDW,gBAAA,CAAAI,aAAA,CAACD,cAAc,EAAAU,kCAAA,CAAA;AACb,IAAA,cAAA,EAAcxB,KAAK,GAAG,IAAI,GAAGyB,SAAU;IACvC,kBAAkBzB,EAAAA,KAAK,IAAIC,IAAI,GAAA,EAAA,CAAAyB,MAAA,CAAMb,MAAM,OAAAa,MAAA,CAAIhB,OAAO,CAAKV,GAAAA,KAAK,GAAGU,OAAO,GAAGT,IAAI,GAAGY,MAAM,GAAGY,SAAU;AACvG,IAAA,eAAA,EAAerB,UAAU,GAAGqB,SAAS,GAAG,IAAK;AAC7CvB,IAAAA,EAAE,EAAEA,EAAAA;GACAI,EAAAA,KAAK,CACV,CACE,CAAC,CAAA;AAEV;;;;"}

package/FieldTextInput/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var FieldTextInput_FieldTextInput = require('./FieldTextInput.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+
+
+
+module.exports = FieldTextInput_FieldTextInput;
+//# sourceMappingURL=index.js.map

package/FieldTextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/Pagination/Pagination.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["buildPageUrl", "className", "currentPage", "onPageClick", "totalPages"];
+function usePages(currentPage, totalPages) {
+  var pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(function (x) {
+    return x >= 1 && x <= totalPages;
+  });
+  return _rollupPluginBabelHelpers._toConsumableArray(new Set(pages));
+}
+function Pagination(_ref) {
+  var buildPageUrl = _ref.buildPageUrl,
+    className = _ref.className,
+    currentPage = _ref.currentPage,
+    onPageClick = _ref.onPageClick,
+    totalPages = _ref.totalPages,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var pages = usePages(currentPage, totalPages);
+  return /*#__PURE__*/React__namespace.createElement("nav", _rollupPluginBabelHelpers._extends({
+    "aria-label": "pagination",
+    className: ['bds-pagination', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), currentPage !== 1 && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
+    href: buildPageUrl(1),
+    className: "bds-first-page"
+  }, /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    height: "1em",
+    width: "100%",
+    viewBox: "0 63.95 512 384.1"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z"
+  })), "First"), /*#__PURE__*/React__namespace.createElement("a", {
+    "aria-label": "previous",
+    href: buildPageUrl(currentPage - 1),
+    rel: "prev"
+  }, /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    width: "100%",
+    height: "1em",
+    viewBox: "0.02 95.9 192.08 320.17"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"
+  })), "Prev.")), /*#__PURE__*/React__namespace.createElement("ul", null, pages.map(function (page, index) {
+    var handlePageClick = function handlePageClick() {
+      if (!onPageClick) return;
+      onPageClick(page);
+    };
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      key: page
+    }, /*#__PURE__*/React__namespace.createElement("li", null, /*#__PURE__*/React__namespace.createElement("a", {
+      "aria-current": page === currentPage ? 'page' : undefined,
+      href: buildPageUrl(page),
+      onClick: handlePageClick
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: "visually-hidden"
+    }, "Page"), " ", page)), pages[index + 1] > page + 1 ? /*#__PURE__*/React__namespace.createElement("li", {
+      "data-overflow": ""
+    }, "...") : null);
+  })), currentPage !== totalPages && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
+    href: buildPageUrl(currentPage + 1),
+    rel: "next"
+  }, "Next", /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    viewBox: "63.9 95.9 192.1 320.17",
+    width: "100%",
+    height: "1em"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"
+  }))), /*#__PURE__*/React__namespace.createElement("a", {
+    href: buildPageUrl(totalPages),
+    className: "bds-last-page"
+  }, "Last", /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    width: "100%",
+    height: "1em",
+    viewBox: "0 63.95 512 384.1"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z"
+  })))));
+}
+
+module.exports = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.js"],"sourcesContent":["import * as React from 'react';\n\nfunction usePages(currentPage, totalPages) {\n  const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(\n    (x) => x >= 1 && x <= totalPages,\n  );\n  return [...new Set(pages)];\n}\n\nexport default function Pagination({ buildPageUrl, className, currentPage, onPageClick, totalPages, ...props }) {\n  const pages = usePages(currentPage, totalPages);\n\n  return (\n    <nav aria-label=\"pagination\" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>\n      {currentPage !== 1 && (\n        <>\n          <a href={buildPageUrl(1)} className=\"bds-first-page\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              height=\"1em\"\n              width=\"100%\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z\" />\n            </svg>\n            First\n          </a>\n          <a aria-label=\"previous\" href={buildPageUrl(currentPage - 1)} rel=\"prev\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0.02 95.9 192.08 320.17\"\n            >\n              <path d=\"M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z\" />\n            </svg>\n            Prev.\n          </a>\n        </>\n      )}\n      <ul>\n        {pages.map((page, index) => {\n          const handlePageClick = () => {\n            if (!onPageClick) return;\n\n            onPageClick(page);\n          };\n\n          return (\n            <React.Fragment key={page}>\n              <li>\n                <a\n                  aria-current={page === currentPage ? 'page' : undefined}\n                  href={buildPageUrl(page)}\n                  onClick={handlePageClick}\n                >\n                  <span className=\"visually-hidden\">Page</span> {page}\n                </a>\n              </li>\n              {pages[index + 1] > page + 1 ? <li data-overflow=\"\">...</li> : null}\n            </React.Fragment>\n          );\n        })}\n      </ul>\n      {currentPage !== totalPages && (\n        <>\n          <a href={buildPageUrl(currentPage + 1)} rel=\"next\">\n            Next\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              viewBox=\"63.9 95.9 192.1 320.17\"\n              width=\"100%\"\n              height=\"1em\"\n            >\n              <path d=\"M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z\" />\n            </svg>\n          </a>\n          <a href={buildPageUrl(totalPages)} className=\"bds-last-page\">\n            Last\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z\" />\n            </svg>\n          </a>\n        </>\n      )}\n    </nav>\n  );\n}\n"],"names":["usePages","currentPage","totalPages","pages","filter","x","_toConsumableArray","Set","Pagination","_ref","buildPageUrl","className","onPageClick","props","_objectWithoutProperties","_excluded","React","createElement","_extends","join","Fragment","href","xmlns","focusable","height","width","viewBox","d","rel","map","page","index","handlePageClick","key","undefined","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,QAAQA,CAACC,WAAW,EAAEC,UAAU,EAAE;EACzC,IAAMC,KAAK,GAAG,CAAC,CAAC,EAAEF,WAAW,GAAG,CAAC,EAAEA,WAAW,EAAEA,WAAW,GAAG,CAAC,EAAEC,UAAU,CAAC,CAACE,MAAM,CACjF,UAACC,CAAC,EAAA;AAAA,IAAA,OAAKA,CAAC,IAAI,CAAC,IAAIA,CAAC,IAAIH,UAAU,CAAA;AAAA,GAClC,CAAC,CAAA;AACD,EAAA,OAAAI,4CAAA,CAAW,IAAIC,GAAG,CAACJ,KAAK,CAAC,CAAA,CAAA;AAC3B,CAAA;AAEe,SAASK,UAAUA,CAAAC,IAAA,EAA8E;AAAA,EAAA,IAA3EC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEV,WAAW,GAAAQ,IAAA,CAAXR,WAAW;IAAEW,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEV,UAAU,GAAAO,IAAA,CAAVP,UAAU;AAAKW,IAAAA,KAAK,GAAAC,kDAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC1G,EAAA,IAAMZ,KAAK,GAAGH,QAAQ,CAACC,WAAW,EAAEC,UAAU,CAAC,CAAA;AAE/C,EAAA,oBACEc,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,kCAAA,CAAA;AAAK,IAAA,YAAA,EAAW,YAAY;IAACP,SAAS,EAAE,CAAC,gBAAgB,EAAEA,SAAS,CAAC,CAACP,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;KAAC,CAAA,CAACc,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,EAAKN,KAAK,CACxGZ,EAAAA,WAAW,KAAK,CAAC,iBAChBe,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAI,QAAA,EACEJ,IAAAA,eAAAA,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAEX,YAAY,CAAC,CAAC,CAAE;AAACC,IAAAA,SAAS,EAAC,gBAAA;GAClCK,eAAAA,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,SAAS,EAAC,OAAO;AACjBC,IAAAA,MAAM,EAAC,KAAK;AACZC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,OAAO,EAAC,mBAAA;GAERV,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,uSAAA;AAAuS,GAAE,CAC9S,CAAC,EAAA,OAEL,CAAC,eACJX,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAG,IAAA,YAAA,EAAW,UAAU;AAACI,IAAAA,IAAI,EAAEX,YAAY,CAACT,WAAW,GAAG,CAAC,CAAE;AAAC2B,IAAAA,GAAG,EAAC,MAAA;GAChEZ,eAAAA,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,SAAS,EAAC,OAAO;AACjBE,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,KAAK;AACZE,IAAAA,OAAO,EAAC,yBAAA;GAERV,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,0JAAA;AAA0J,GAAE,CACjK,CAAC,EAAA,OAEL,CACH,CACH,eACDX,gBAAA,CAAAC,aAAA,CACGd,IAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAAC0B,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AAC1B,IAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;MAC5B,IAAI,CAACpB,WAAW,EAAE,OAAA;MAElBA,WAAW,CAACkB,IAAI,CAAC,CAAA;KAClB,CAAA;AAED,IAAA,oBACEd,gBAAA,CAAAC,aAAA,CAACD,gBAAK,CAACI,QAAQ,EAAA;AAACa,MAAAA,GAAG,EAAEH,IAAAA;AAAK,KAAA,eACxBd,gBAAA,CAAAC,aAAA,CACED,IAAAA,EAAAA,IAAAA,eAAAA,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACE,MAAA,cAAA,EAAca,IAAI,KAAK7B,WAAW,GAAG,MAAM,GAAGiC,SAAU;AACxDb,MAAAA,IAAI,EAAEX,YAAY,CAACoB,IAAI,CAAE;AACzBK,MAAAA,OAAO,EAAEH,eAAAA;KAEThB,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMN,MAAAA,SAAS,EAAC,iBAAA;KAAkB,EAAA,MAAU,CAAC,EAAC,GAAA,EAACmB,IAC9C,CACD,CAAC,EACJ3B,KAAK,CAAC4B,KAAK,GAAG,CAAC,CAAC,GAAGD,IAAI,GAAG,CAAC,gBAAGd,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAI,eAAc,EAAA,EAAA;AAAE,KAAA,EAAC,KAAO,CAAC,GAAG,IACjD,CAAC,CAAA;AAErB,GAAC,CACC,CAAC,EACJhB,WAAW,KAAKC,UAAU,iBACzBc,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAI,QAAA,EACEJ,IAAAA,eAAAA,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAEX,YAAY,CAACT,WAAW,GAAG,CAAC,CAAE;AAAC2B,IAAAA,GAAG,EAAC,MAAA;AAAM,GAAA,EAAC,MAEjD,eAAAZ,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,SAAS,EAAC,OAAO;AACjBG,IAAAA,OAAO,EAAC,wBAAwB;AAChCD,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,KAAA;GAEPR,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,yJAAA;AAAyJ,GAAE,CAChK,CACJ,CAAC,eACJX,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAEX,YAAY,CAACR,UAAU,CAAE;AAACS,IAAAA,SAAS,EAAC,eAAA;AAAe,GAAA,EAAC,MAE3D,eAAAK,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,SAAS,EAAC,OAAO;AACjBE,IAAAA,KAAK,EAAC,MAAM;AACZD,IAAAA,MAAM,EAAC,KAAK;AACZE,IAAAA,OAAO,EAAC,mBAAA;GAERV,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,sSAAA;AAAsS,GAAE,CAC7S,CACJ,CACH,CAED,CAAC,CAAA;AAEV;;;;"}

package/Pagination/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Pagination_Pagination = require('./Pagination.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+
+
+
+module.exports = Pagination_Pagination;
+//# sourceMappingURL=index.js.map

package/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/Typography/Typography.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-28932a37.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className", "component", "variant"];
+var componentMap = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  body: 'p'
+};
+var classMap = {
+  h1: 'bds-h1',
+  h2: 'bds-h2',
+  h3: 'bds-h3',
+  h4: 'bds-h4',
+  h5: 'bds-h5',
+  body: 'bds-body'
+};
+var Typography = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    component = _ref.component,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'body' : _ref$variant,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var Component = component !== null && component !== void 0 ? component : componentMap[variant];
+  return /*#__PURE__*/React__namespace.createElement(Component, _rollupPluginBabelHelpers._extends({
+    className: [classMap[variant], className].filter(function (x) {
+      return x;
+    }).join(' '),
+    ref: ref
+  }, props));
+});
+
+module.exports = Typography;
+//# sourceMappingURL=Typography.js.map

package/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../src/Typography/Typography.js"],"sourcesContent":["import * as React from 'react';\n\nconst componentMap = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  body: 'p',\n};\n\nconst classMap = {\n  h1: 'bds-h1',\n  h2: 'bds-h2',\n  h3: 'bds-h3',\n  h4: 'bds-h4',\n  h5: 'bds-h5',\n  body: 'bds-body',\n};\n\nconst Typography = React.forwardRef(({ className, component, variant = 'body', ...props }, ref) => {\n  const Component = component ?? componentMap[variant];\n  return <Component className={[classMap[variant], className].filter((x) => x).join(' ')} ref={ref} {...props} />;\n});\n\nexport default Typography;\n"],"names":["componentMap","h1","h2","h3","h4","h5","body","classMap","Typography","React","forwardRef","_ref","ref","className","component","_ref$variant","variant","props","_objectWithoutProperties","_excluded","Component","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,GAAA;AACR,CAAC,CAAA;AAED,IAAMC,QAAQ,GAAG;AACfN,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,IAAI,EAAE,UAAA;AACR,CAAC,CAAA;AAEKE,IAAAA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CAAC,UAAAC,IAAA,EAAuDC,GAAG,EAAK;AAAA,EAAA,IAA5DC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,kDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EACrF,IAAMC,SAAS,GAAGN,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAId,YAAY,CAACgB,OAAO,CAAC,CAAA;AACpD,EAAA,oBAAOP,gBAAA,CAAAY,aAAA,CAACD,SAAS,EAAAE,kCAAA,CAAA;AAACT,IAAAA,SAAS,EAAE,CAACN,QAAQ,CAACS,OAAO,CAAC,EAAEH,SAAS,CAAC,CAACU,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAACb,IAAAA,GAAG,EAAEA,GAAAA;GAASK,EAAAA,KAAK,CAAG,CAAC,CAAA;AACjH,CAAC;;;;"}

package/Typography/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Typography_Typography = require('./Typography.js');
+require('../_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+
+
+
+module.exports = Typography_Typography;
+//# sourceMappingURL=index.js.map

package/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/_rollupPluginBabelHelpers-28932a37.js

@@ -0,0 +1,73 @@
+'use strict';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+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.");
+}
+
+exports._extends = _extends;
+exports._objectWithoutProperties = _objectWithoutProperties;
+exports._toConsumableArray = _toConsumableArray;
+//# sourceMappingURL=_rollupPluginBabelHelpers-28932a37.js.map

package/_rollupPluginBabelHelpers-28932a37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-28932a37.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var Button_Button = require('./Button/Button.js');
+var CallToAction_CallToAction = require('./CallToAction/CallToAction.js');
+var ErrorSummary_ErrorSummary = require('./ErrorSummary/ErrorSummary.js');
+var FieldTextInput_FieldTextInput = require('./FieldTextInput/FieldTextInput.js');
+var Pagination_Pagination = require('./Pagination/Pagination.js');
+var Typography_Typography = require('./Typography/Typography.js');
+require('./_rollupPluginBabelHelpers-28932a37.js');
+require('react');
+require('./ErrorSummary/utils.js');
+
+
+
+exports.Button = Button_Button;
+exports.CallToAction = CallToAction_CallToAction;
+exports.ErrorSummary = ErrorSummary_ErrorSummary.default;
+exports.FieldTextInput = FieldTextInput_FieldTextInput;
+exports.Pagination = Pagination_Pagination;
+exports.Typography = Typography_Typography;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,18 +1,26 @@
 {
   "name": "@iabbb/bds-react",
-  "version": "0.38.4",
-  "main": "src/index.js",
-  "exports": {
-    "./*": "./src/*",
-    "./package.json": "./package.json",
-    "./README.md": "./README.md"
+  "version": "0.38.5",
+  "main": "index.js",
+  "scripts": {
+    "build": "cross-env NODE_ENV=production rollup -c",
+    "dev": "rollup -c -w"
   },
   "devDependencies": {
     "@babel/core": "7.22.8",
     "@babel/preset-env": "7.22.7",
     "@babel/preset-react": "7.22.5",
+    "@rollup/plugin-babel": "6.0.3",
+    "@rollup/plugin-commonjs": "25.0.2",
+    "@rollup/plugin-node-resolve": "15.1.0",
+    "@rollup/plugin-terser": "0.4.3",
     "cross-env": "7.0.3",
-    "react": "18.2.0"
+    "glob": "10.3.1",
+    "react": "18.2.0",
+    "rollup": "3.25.1",
+    "rollup-plugin-delete": "2.0.0",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-summary": "2.0.0"
   },
   "peerDependencies": {
     "@iabbb/bds": "0.38.1",

package/src/Button/Button.js

@@ -1,54 +0,0 @@
-import * as React from 'react';
-
-const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
-
-const Button = React.forwardRef(
-  ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {
-    const debounceClicks = React.useRef(false);
-
-    const handleClick = (event) => {
-      // 👇 button is not configured to ignore double clicks
-      if (!preventDoubleClick) {
-        if (onClick) {
-          onClick(event);
-        }
-
-        return;
-      }
-
-      // 👇 button has been clicked recently, and subsequent clicks are prevented
-      if (debounceClicks.current) {
-        event.preventDefault();
-        return false;
-      }
-
-      if (onClick) {
-        onClick(event);
-      }
-
-      // 👇 block from double clicks
-      debounceClicks.current = true;
-
-      // 👇 and remove the block after a given amount of seconds
-      setTimeout(() => {
-        debounceClicks.current = false;
-      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
-    };
-
-    return (
-      <button
-        className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]
-          .filter((x) => x)
-          .join(' ')}
-        data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}
-        onClick={handleClick}
-        ref={ref}
-        {...props}
-      >
-        {children}
-      </button>
-    );
-  },
-);
-
-export default Button;

package/src/Button/index.js

@@ -1 +0,0 @@
-export { default } from './Button';

package/src/CallToAction/CallToAction.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-const CallToAction = React.forwardRef(({ children, className, variant = 'standard', ...props }, ref) => {
-  return (
-    <a
-      className={['bds-cta', className].filter((x) => x).join(' ')}
-      data-type={variant !== 'standard' ? variant : null}
-      ref={ref}
-      {...props}
-    >
-      {children}
-    </a>
-  );
-});
-
-export default CallToAction;

package/src/CallToAction/index.js

@@ -1 +0,0 @@
-export { default } from './CallToAction';

package/src/ErrorSummary/ErrorSummary.js

@@ -1,102 +0,0 @@
-import * as React from 'react';
-
-import { getAssociatedLegendOrLabel, getFragmentFromUrl } from './utils';
-
-export const FormErrorKey = '_form';
-
-const FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
-
-export default function BdsErrorSummary({ className, errors, mapNameToId = (name) => name, ...props }) {
-  const headingId = React.useId();
-  const groupRef = React.useRef(null);
-
-  React.useEffect(() => {
-    if (!errors || Object.keys(errors).length === 0) return;
-    if (!groupRef.current) return;
-
-    groupRef.current.focus();
-  }, [errors]);
-
-  if (!errors || Object.keys(errors).length === 0) return null;
-
-  const handleLinkClick = (e) => {
-    const inputId = getFragmentFromUrl(e.currentTarget.href);
-
-    if (!inputId) {
-      return;
-    }
-
-    const input = document.getElementById(inputId);
-
-    if (!input) {
-      return;
-    }
-
-    const legendOrLabel = getAssociatedLegendOrLabel(input);
-
-    if (!legendOrLabel) {
-      return;
-    }
-
-    e.preventDefault();
-
-    legendOrLabel.scrollIntoView();
-    input.focus({ preventScroll: true });
-  };
-
-  return (
-    <bds-error-summary
-      className={['stack', className].filter((x) => x).join(' ')}
-      role="group"
-      aria-labelledby={headingId}
-      ref={groupRef}
-      tabIndex={-1}
-      {...props}
-    >
-      <h2 className="bds-h5" id={headingId}>
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 512 512"
-          aria-hidden="true"
-          height="1em"
-          width="1em"
-          fill="currentColor"
-        >
-          <path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z" />
-        </svg>
-        Issue
-      </h2>
-      <ul>
-        {Object.keys(errors).map((errorKey) => {
-          const message = errors[errorKey];
-          const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);
-
-          if (isFormError) {
-            return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;
-          }
-
-          const isArrayField = Array.isArray(message);
-
-          const messages = isArrayField ? message : [message];
-
-          return (
-            <React.Fragment key={errorKey}>
-              {messages.map((fieldMessage, index) => {
-                const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;
-
-                return (
-                  <li key={inputId}>
-                    <a href={`#${inputId}`} onClick={handleLinkClick}>
-                      {fieldMessage}
-                      {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}
-                    </a>
-                  </li>
-                );
-              })}
-            </React.Fragment>
-          );
-        })}
-      </ul>
-    </bds-error-summary>
-  );
-}

package/src/ErrorSummary/index.js

@@ -1,2 +0,0 @@
-export { default } from './ErrorSummary';
-export * from './ErrorSummary';

package/src/FieldTextInput/FieldTextInput.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-
-export default function FieldTextInput({ as, error, hint, id, isOptional = false, label, ...props }) {
-  id = id ?? props.name;
-
-  const errorId = React.useId();
-  const hintId = React.useId();
-
-  const InputComponent = as ?? 'input';
-
-  return (
-    <div className="bds-text-input stack">
-      <label htmlFor={id}>
-        {label}
-        {isOptional && ' (optional)'}
-      </label>
-      {hint && (
-        <span className="bds-hint" id={hintId}>
-          {hint}
-        </span>
-      )}
-      {error && (
-        <span className="bds-error" id={errorId}>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 512 512"
-            aria-hidden="true"
-            height="1em"
-            width="1em"
-            fill="currentColor"
-          >
-            <path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z" />
-          </svg>
-          {error}
-        </span>
-      )}
-      <InputComponent
-        aria-invalid={error ? true : undefined}
-        aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}
-        aria-required={isOptional ? undefined : true}
-        id={id}
-        {...props}
-      />
-    </div>
-  );
-}

package/src/FieldTextInput/index.js

@@ -1 +0,0 @@
-export { default } from './FieldTextInput';

package/src/Pagination/Pagination.js

@@ -1,101 +0,0 @@
-import * as React from 'react';
-
-function usePages(currentPage, totalPages) {
-  const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(
-    (x) => x >= 1 && x <= totalPages,
-  );
-  return [...new Set(pages)];
-}
-
-export default function Pagination({ buildPageUrl, className, currentPage, onPageClick, totalPages, ...props }) {
-  const pages = usePages(currentPage, totalPages);
-
-  return (
-    <nav aria-label="pagination" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>
-      {currentPage !== 1 && (
-        <>
-          <a href={buildPageUrl(1)} className="bds-first-page">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              aria-hidden="true"
-              focusable="false"
-              height="1em"
-              width="100%"
-              viewBox="0 63.95 512 384.1"
-            >
-              <path d="M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z" />
-            </svg>
-            First
-          </a>
-          <a aria-label="previous" href={buildPageUrl(currentPage - 1)} rel="prev">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              aria-hidden="true"
-              focusable="false"
-              width="100%"
-              height="1em"
-              viewBox="0.02 95.9 192.08 320.17"
-            >
-              <path d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z" />
-            </svg>
-            Prev.
-          </a>
-        </>
-      )}
-      <ul>
-        {pages.map((page, index) => {
-          const handlePageClick = () => {
-            if (!onPageClick) return;
-
-            onPageClick(page);
-          };
-
-          return (
-            <React.Fragment key={page}>
-              <li>
-                <a
-                  aria-current={page === currentPage ? 'page' : undefined}
-                  href={buildPageUrl(page)}
-                  onClick={handlePageClick}
-                >
-                  <span className="visually-hidden">Page</span> {page}
-                </a>
-              </li>
-              {pages[index + 1] > page + 1 ? <li data-overflow="">...</li> : null}
-            </React.Fragment>
-          );
-        })}
-      </ul>
-      {currentPage !== totalPages && (
-        <>
-          <a href={buildPageUrl(currentPage + 1)} rel="next">
-            Next
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              aria-hidden="true"
-              focusable="false"
-              viewBox="63.9 95.9 192.1 320.17"
-              width="100%"
-              height="1em"
-            >
-              <path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z" />
-            </svg>
-          </a>
-          <a href={buildPageUrl(totalPages)} className="bds-last-page">
-            Last
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              aria-hidden="true"
-              focusable="false"
-              width="100%"
-              height="1em"
-              viewBox="0 63.95 512 384.1"
-            >
-              <path d="M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z" />
-            </svg>
-          </a>
-        </>
-      )}
-    </nav>
-  );
-}

package/src/Pagination/index.js

@@ -1 +0,0 @@
-export { default } from './Pagination';

package/src/Typography/Typography.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-
-const componentMap = {
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  body: 'p',
-};
-
-const classMap = {
-  h1: 'bds-h1',
-  h2: 'bds-h2',
-  h3: 'bds-h3',
-  h4: 'bds-h4',
-  h5: 'bds-h5',
-  body: 'bds-body',
-};
-
-const Typography = React.forwardRef(({ className, component, variant = 'body', ...props }, ref) => {
-  const Component = component ?? componentMap[variant];
-  return <Component className={[classMap[variant], className].filter((x) => x).join(' ')} ref={ref} {...props} />;
-});
-
-export default Typography;

package/src/Typography/index.js

@@ -1 +0,0 @@
-export { default } from './Typography';

package/src/index.js

@@ -1,6 +0,0 @@
-export { default as Button } from './Button/index';
-export { default as CallToAction } from './CallToAction/index';
-export { default as ErrorSummary } from './ErrorSummary/index';
-export { default as FieldTextInput } from './FieldTextInput/index';
-export { default as Pagination } from './Pagination/index';
-export { default as Typography } from './Typography/index';