@iabbb/bds-react 0.65.0 → 0.66.0

package/WarningSummary/WarningSunmmary.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'bds-warning-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export type WarningSummaryProps = {
+    warnings: {
+        field: string;
+        message: string;
+        items?: {
+            label: string;
+            value?: string;
+        }[];
+    }[];
+    mapNameToId?: (name: string) => string;
+    acknowledgement?: {
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+        label?: string;
+        helpText?: string;
+        clarifyText?: string;
+        clarifyLink?: string;
+        error?: string;
+    };
+};
+export default function BdsWarningSummary({ warnings, mapNameToId, acknowledgement, ...props }: WarningSummaryProps & React.ComponentPropsWithoutRef<'div'>): React.JSX.Element | null;

package/WarningSummary/index.cjs

@@ -0,0 +1,315 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+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 = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+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 _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var _excluded$2 = ["className", "children"];
+function ErrorMessage(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    className: ['bds-error', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__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"
+  })), children);
+}
+
+var _excluded$1 = ["error", "id", "label"];
+var FieldCheckbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var error = _ref.error,
+    id = _ref.id,
+    label = _ref.label,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isEnhanced = _React$useState2[0],
+    setIsEnhanced = _React$useState2[1];
+  var fallbackId = React__namespace.useId();
+  var errorId = React__namespace.useId();
+  var inputId = id !== null && id !== void 0 ? id : fallbackId;
+  React__namespace.useEffect(function () {
+    setIsEnhanced(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: "bds-form-group"
+  }, error && /*#__PURE__*/React__namespace.createElement(ErrorMessage, {
+    id: errorId
+  }, error), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "bds-checkbox",
+    "data-enhanced": isEnhanced ? '' : undefined
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({}, props, {
+    "aria-describedby": error ? errorId : undefined,
+    "aria-invalid": error ? true : undefined,
+    id: inputId,
+    ref: ref,
+    type: "checkbox"
+  })), isEnhanced && /*#__PURE__*/React__namespace.createElement("svg", {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React__namespace.createElement("rect", {
+    className: "background",
+    width: "31",
+    height: "31",
+    stroke: "currentColor",
+    fill: "none",
+    strokeWidth: "1",
+    x: "0.5",
+    y: "0.5",
+    vectorEffect: "non-scaling-stroke"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    className: "checkmark",
+    d: "M 6 14 L 13 23 L 26 7",
+    stroke: "#fff",
+    strokeDasharray: "140",
+    strokeDashoffset: "140"
+  })), /*#__PURE__*/React__namespace.createElement("label", {
+    htmlFor: inputId
+  }, label)));
+});
+FieldCheckbox.displayName = 'FieldCheckbox';
+
+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];
+
+      // 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;
+      }
+
+      // 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();
+
+      // 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(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
+}
+
+var _excluded = ["warnings", "mapNameToId", "acknowledgement"];
+function BdsWarningSummary(_ref) {
+  var _acknowledgement$labe, _acknowledgement$help;
+  var warnings = _ref.warnings,
+    _ref$mapNameToId = _ref.mapNameToId,
+    mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
+      return name;
+    } : _ref$mapNameToId,
+    acknowledgement = _ref.acknowledgement,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var headingId = React__namespace.useId();
+  var groupRef = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    var _groupRef$current;
+    if (!warnings || warnings.length === 0) return;
+    (_groupRef$current = groupRef.current) === null || _groupRef$current === void 0 || _groupRef$current.focus();
+  }, [warnings]);
+  if (!warnings || warnings.length === 0) return null;
+  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__*/
+    // biome-ignore lint/a11y/noInteractiveElementToNoninteractiveRole: group is not an interactive role
+    React__namespace.createElement("bds-warning-summary", _extends({
+      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"
+    })), "Warning"), warnings === null || warnings === void 0 ? void 0 : warnings.map(function (group) {
+      var _group$items, _group$items2;
+      var fieldId = mapNameToId(group === null || group === void 0 ? void 0 : group.field);
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        key: group === null || group === void 0 ? void 0 : group.field
+      }, /*#__PURE__*/React__namespace.createElement("ul", null, /*#__PURE__*/React__namespace.createElement("li", null, /*#__PURE__*/React__namespace.createElement("a", {
+        href: "#".concat(fieldId),
+        onClick: handleLinkClick
+      }, group.message), (group === null || group === void 0 || (_group$items = group.items) === null || _group$items === void 0 ? void 0 : _group$items.length) > 0 && /*#__PURE__*/React__namespace.createElement("ul", null, group === null || group === void 0 || (_group$items2 = group.items) === null || _group$items2 === void 0 ? void 0 : _group$items2.map(function (item, index) {
+        return /*#__PURE__*/React__namespace.createElement("li", {
+          key: "".concat(item.label, "-").concat(index)
+        }, item.label, item.value && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, ": ", item.value));
+      })))));
+    }), acknowledgement && /*#__PURE__*/React__namespace.createElement("div", {
+      style: {
+        marginTop: '0.75rem'
+      }
+    }, (acknowledgement === null || acknowledgement === void 0 ? void 0 : acknowledgement.clarifyText) && /*#__PURE__*/React__namespace.createElement("div", {
+      className: "bds-form-group"
+    }, /*#__PURE__*/React__namespace.createElement("div", {
+      className: "bds-checkbox"
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      style: {
+        marginLeft: '32px'
+      }
+    }, acknowledgement.clarifyLink ? /*#__PURE__*/React__namespace.createElement("a", {
+      href: acknowledgement.clarifyLink
+    }, acknowledgement.clarifyText) : acknowledgement.clarifyText))), /*#__PURE__*/React__namespace.createElement(FieldCheckbox, {
+      name: "warningAcknowledgement",
+      label: (_acknowledgement$labe = acknowledgement.label) !== null && _acknowledgement$labe !== void 0 ? _acknowledgement$labe : 'I understand this warning and want to submit the form anyway.',
+      checked: acknowledgement.checked,
+      onChange: function onChange(e) {
+        return acknowledgement.onChange(e.target.checked);
+      },
+      error: acknowledgement.error
+    }), /*#__PURE__*/React__namespace.createElement("p", {
+      style: {
+        marginTop: '0.25rem',
+        marginLeft: '2rem',
+        fontSize: '0.875rem'
+      }
+    }, (_acknowledgement$help = acknowledgement.helpText) !== null && _acknowledgement$help !== void 0 ? _acknowledgement$help : "Check this box only if you've reviewed the detected information and are certain it needs to be included.")))
+  );
+}
+
+exports.default = BdsWarningSummary;
+//# sourceMappingURL=index.cjs.map

package/WarningSummary/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx","../../src/WarningSummary/utils.ts","../../src/WarningSummary/WarningSunmmary.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: following this rule does not work for some reason\nimport * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\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      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n  error?: string;\n  label: React.ReactNode | string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\nconst FieldCheckbox = React.forwardRef<HTMLInputElement, FieldCheckboxProps>(\n  ({ error, id, label, ...props }, ref) => {\n    const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n    const fallbackId = React.useId();\n    const errorId = React.useId();\n\n    const inputId = id ?? fallbackId;\n\n    React.useEffect(() => {\n      setIsEnhanced(true);\n    }, []);\n\n    return (\n      <div className=\"bds-form-group\">\n        {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n        <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n          <input\n            {...props}\n            aria-describedby={error ? errorId : undefined}\n            aria-invalid={error ? true : undefined}\n            id={inputId}\n            ref={ref}\n            type=\"checkbox\"\n          />\n          {isEnhanced && (\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" focusable=\"false\">\n              <rect\n                className=\"background\"\n                width=\"31\"\n                height=\"31\"\n                stroke=\"currentColor\"\n                fill=\"none\"\n                strokeWidth=\"1\"\n                x=\"0.5\"\n                y=\"0.5\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                className=\"checkmark\"\n                d=\"M 6 14 L 13 23 L 26 7\"\n                stroke=\"#fff\"\n                strokeDasharray=\"140\"\n                strokeDashoffset=\"140\"\n              />\n            </svg>\n          )}\n          <label htmlFor={inputId}>{label}</label>\n        </div>\n      </div>\n    );\n  },\n);\n\nFieldCheckbox.displayName = 'FieldCheckbox';\n\nexport default FieldCheckbox;\n","export function getFragmentFromUrl(url: string) {\n  return url.includes('#') ? url.split('#').pop() : undefined;\n}\n\nexport function getAssociatedLegendOrLabel(input: HTMLElement) {\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","import * as React from 'react';\nimport FieldCheckbox from '../FieldCheckbox';\nimport { getAssociatedLegendOrLabel, getFragmentFromUrl } from './utils';\n\ndeclare global {\n  namespace JSX {\n    interface IntrinsicElements {\n      'bds-warning-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\n    }\n  }\n}\n\nexport type WarningSummaryProps = {\n  warnings: {\n    field: string;\n    message: string;\n    items?: {\n      label: string;\n      value?: string;\n    }[];\n  }[];\n  mapNameToId?: (name: string) => string;\n  acknowledgement?: {\n    checked: boolean;\n    onChange: (checked: boolean) => void;\n    label?: string;\n    helpText?: string;\n    clarifyText?: string;\n    clarifyLink?: string;\n    error?: string;\n  };\n};\n\nexport default function BdsWarningSummary({\n  warnings,\n  mapNameToId = (name) => name,\n  acknowledgement,\n  ...props\n}: WarningSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLElement>(null);\n\n  React.useEffect(() => {\n    if (!warnings || warnings.length === 0) return;\n    groupRef.current?.focus();\n  }, [warnings]);\n\n  if (!warnings || warnings.length === 0) return null;\n\n  const handleLinkClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    const inputId = getFragmentFromUrl(e.currentTarget.href);\n    if (!inputId) return;\n\n    const input = document.getElementById(inputId);\n    if (!input) return;\n\n    const legendOrLabel = getAssociatedLegendOrLabel(input);\n    if (!legendOrLabel) return;\n\n    e.preventDefault();\n    legendOrLabel.scrollIntoView();\n    input.focus({ preventScroll: true });\n  };\n\n  return (\n    // biome-ignore lint/a11y/noInteractiveElementToNoninteractiveRole: group is not an interactive role\n    <bds-warning-summary role=\"group\" aria-labelledby={headingId} ref={groupRef} tabIndex={-1} {...props}>\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        Warning\n      </h2>\n      {warnings?.map((group) => {\n        const fieldId = mapNameToId(group?.field);\n        return (\n          <div key={group?.field}>\n            <ul>\n              <li>\n                <a href={`#${fieldId}`} onClick={handleLinkClick}>\n                  {group.message}\n                </a>\n\n                {group?.items?.length > 0 && (\n                  <ul>\n                    {group?.items?.map((item, index) => (\n                      <li key={`${item.label}-${index}`}>\n                        {item.label}\n                        {item.value && <>: {item.value}</>}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </li>\n            </ul>\n          </div>\n        );\n      })}\n      {acknowledgement && (\n        <div style={{ marginTop: '0.75rem' }}>\n          {acknowledgement?.clarifyText && (\n            <div className=\"bds-form-group\">\n              <div className=\"bds-checkbox\">\n                <span style={{ marginLeft: '32px' }}>\n                  {acknowledgement.clarifyLink ? (\n                    <a href={acknowledgement.clarifyLink}>{acknowledgement.clarifyText}</a>\n                  ) : (\n                    acknowledgement.clarifyText\n                  )}\n                </span>\n              </div>\n            </div>\n          )}\n          <FieldCheckbox\n            name=\"warningAcknowledgement\"\n            label={acknowledgement.label ?? 'I understand this warning and want to submit the form anyway.'}\n            checked={acknowledgement.checked}\n            onChange={(e) => acknowledgement.onChange((e.target as HTMLInputElement).checked)}\n            error={acknowledgement.error}\n          />\n          <p style={{ marginTop: '0.25rem', marginLeft: '2rem', fontSize: '0.875rem' }}>\n            {acknowledgement.helpText ??\n              \"Check this box only if you've reviewed the detected information and are certain it needs to be included.\"}\n          </p>\n        </div>\n      )}\n    </bds-warning-summary>\n  );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","forwardRef","ref","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","stroke","strokeWidth","y","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor","displayName","getFragmentFromUrl","url","includes","split","pop","getAssociatedLegendOrLabel","input","_document$querySelect","fieldset","closest","legends","getElementsByTagName","length","candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","window","innerHeight","inputBottom","document","querySelector","concat","getAttribute","BdsWarningSummary","_acknowledgement$labe","_acknowledgement$help","warnings","_ref$mapNameToId","mapNameToId","name","acknowledgement","headingId","groupRef","useRef","_groupRef$current","current","focus","handleLinkClick","e","currentTarget","href","getElementById","legendOrLabel","preventDefault","scrollIntoView","preventScroll","role","tabIndex","map","group","_group$items","_group$items2","fieldId","field","key","onClick","message","items","item","index","value","Fragment","style","marginTop","clarifyText","marginLeft","clarifyLink","checked","onChange","target","fontSize","helpText"],"mappings":"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"}

package/WarningSummary/index.d.ts

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