@iabbb/bds-react 0.38.0-alpha.1 → 0.38.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Button/Button.js +7 -7
- package/Button/Button.js.map +1 -1
- package/Button/index.js +1 -1
- package/CallToAction/CallToAction.js +7 -6
- package/CallToAction/CallToAction.js.map +1 -1
- package/CallToAction/index.js +1 -1
- package/ErrorSummary/ErrorSummary.js +39 -190
- package/ErrorSummary/ErrorSummary.js.map +1 -1
- package/ErrorSummary/index.js +2 -1
- package/ErrorSummary/index.js.map +1 -1
- package/ErrorSummary/utils.js +41 -0
- package/ErrorSummary/utils.js.map +1 -0
- package/FieldTextInput/FieldTextInput.js +1 -2
- package/FieldTextInput/FieldTextInput.js.map +1 -1
- package/FieldTextInput/index.js +1 -1
- package/Pagination/Pagination.js +8 -8
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/index.js +1 -1
- package/Typography/Typography.js +7 -7
- package/Typography/Typography.js.map +1 -1
- package/Typography/index.js +1 -1
- package/_rollupPluginBabelHelpers-9e645d4a.js +69 -0
- package/_rollupPluginBabelHelpers-9e645d4a.js.map +1 -0
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +6 -12
- package/_rollupPluginBabelHelpers-4a7b2c14.js +0 -291
- package/_rollupPluginBabelHelpers-4a7b2c14.js.map +0 -1
- package/_rollupPluginBabelHelpers-4a841245.js +0 -291
- package/_rollupPluginBabelHelpers-4a841245.js.map +0 -1
- package/_rollupPluginBabelHelpers-faf45dab.js +0 -303
- package/_rollupPluginBabelHelpers-faf45dab.js.map +0 -1
package/Button/Button.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-9e645d4a.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
var _excluded = ["children", "className", "onClick", "preventDoubleClick", "variant"];
|
|
5
5
|
var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
|
|
6
6
|
var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
7
|
-
var children = _ref.children
|
|
8
|
-
_ref.className
|
|
9
|
-
|
|
7
|
+
var children = _ref.children,
|
|
8
|
+
className = _ref.className,
|
|
9
|
+
onClick = _ref.onClick,
|
|
10
10
|
_ref$preventDoubleCli = _ref.preventDoubleClick,
|
|
11
11
|
preventDoubleClick = _ref$preventDoubleCli === void 0 ? false : _ref$preventDoubleCli,
|
|
12
12
|
_ref$variant = _ref.variant,
|
|
@@ -40,9 +40,9 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
40
40
|
}, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
|
|
41
41
|
};
|
|
42
42
|
return /*#__PURE__*/React.createElement("button", _extends({
|
|
43
|
-
className: variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button'
|
|
44
|
-
|
|
45
|
-
,
|
|
43
|
+
className: [variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className].filter(function (x) {
|
|
44
|
+
return x;
|
|
45
|
+
}).join(' '),
|
|
46
46
|
"data-type": variant !== 'standard' && variant !== 'unstyled' ? variant : null,
|
|
47
47
|
onClick: handleClick,
|
|
48
48
|
ref: ref
|
package/Button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.js"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\r\n\r\nconst Button = React.forwardRef(\r\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\r\n const debounceClicks = React.useRef(false);\r\n\r\n const handleClick = (event) => {\r\n // 👇 button is not configured to ignore double clicks\r\n if (!preventDoubleClick) {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // 👇 button has been clicked recently, and subsequent clicks are prevented\r\n if (debounceClicks.current) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n // 👇 block from double clicks\r\n debounceClicks.current = true;\r\n\r\n // 👇 and remove the block after a given amount of seconds\r\n setTimeout(() => {\r\n debounceClicks.current = false;\r\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\r\n };\r\n\r\n return (\r\n <button\r\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\r\n .filter((x) => x)\r\n .join(' ')}\r\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\r\n onClick={handleClick}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n },\r\n);\r\n\r\nexport default Button;\r\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,KAAK,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,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,KAAK,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,KAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,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
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-9e645d4a.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
var _excluded = ["children", "className", "variant"];
|
|
5
5
|
var CallToAction = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
6
|
-
var children = _ref.children
|
|
7
|
-
_ref.className
|
|
8
|
-
|
|
6
|
+
var children = _ref.children,
|
|
7
|
+
className = _ref.className,
|
|
8
|
+
_ref$variant = _ref.variant,
|
|
9
9
|
variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
|
|
10
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
11
|
return /*#__PURE__*/React.createElement("a", _extends({
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
className: ['bds-cta', className].filter(function (x) {
|
|
13
|
+
return x;
|
|
14
|
+
}).join(' '),
|
|
14
15
|
"data-type": variant !== 'standard' ? variant : null,
|
|
15
16
|
ref: ref
|
|
16
17
|
}, props), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallToAction.js","sources":["../../src/CallToAction/CallToAction.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"CallToAction.js","sources":["../../src/CallToAction/CallToAction.js"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst CallToAction = React.forwardRef(({ children, className, variant = 'standard', ...props }, ref) => {\r\n return (\r\n <a\r\n className={['bds-cta', className].filter((x) => x).join(' ')}\r\n data-type={variant !== 'standard' ? variant : null}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n});\r\n\r\nexport default CallToAction;\r\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,KAAK,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,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAC1F,EAAA,oBACEV,KAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,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
CHANGED
|
@@ -1,193 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-9e645d4a.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { getFragmentFromUrl, getAssociatedLegendOrLabel } from './utils.js';
|
|
3
4
|
|
|
4
|
-
var
|
|
5
|
-
var _getAssociatedLegendOrLabel = /*#__PURE__*/new WeakSet();
|
|
6
|
-
/**
|
|
7
|
-
* @module bds-error-summary
|
|
8
|
-
* @description
|
|
9
|
-
* A custom element for displaying a list of errors.
|
|
10
|
-
*/
|
|
11
|
-
var BdsErrorSummary = /*#__PURE__*/function (_HTMLElement) {
|
|
12
|
-
_inherits(BdsErrorSummary, _HTMLElement);
|
|
13
|
-
var _super = _createSuper(BdsErrorSummary);
|
|
14
|
-
function BdsErrorSummary() {
|
|
15
|
-
var _this;
|
|
16
|
-
_classCallCheck(this, BdsErrorSummary);
|
|
17
|
-
_this = _super.call(this);
|
|
18
|
-
_classPrivateMethodInitSpec(_assertThisInitialized(_this), _getAssociatedLegendOrLabel);
|
|
19
|
-
_classPrivateMethodInitSpec(_assertThisInitialized(_this), _getFragmentFromUrl);
|
|
20
|
-
_this.addEventListener('click', function (event) {
|
|
21
|
-
var link = event.target.closest('a');
|
|
22
|
-
if (!link) return;
|
|
23
|
-
var inputId = _classPrivateMethodGet(_assertThisInitialized(_this), _getFragmentFromUrl, _getFragmentFromUrl2).call(_assertThisInitialized(_this), link.href);
|
|
24
|
-
if (!inputId) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
var input = document.getElementById(inputId);
|
|
28
|
-
if (!input) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
var legendOrLabel = _classPrivateMethodGet(_assertThisInitialized(_this), _getAssociatedLegendOrLabel, _getAssociatedLegendOrLabel2).call(_assertThisInitialized(_this), input);
|
|
32
|
-
if (!legendOrLabel) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
event.preventDefault();
|
|
36
|
-
legendOrLabel.scrollIntoView();
|
|
37
|
-
input.focus({
|
|
38
|
-
preventScroll: true
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
return _this;
|
|
42
|
-
}
|
|
43
|
-
return _createClass(BdsErrorSummary);
|
|
44
|
-
}( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
|
|
45
|
-
function _getFragmentFromUrl2(url) {
|
|
46
|
-
return url.includes('#') ? url.split('#').pop() : undefined;
|
|
47
|
-
}
|
|
48
|
-
function _getAssociatedLegendOrLabel2(input) {
|
|
49
|
-
var _document$querySelect;
|
|
50
|
-
var fieldset = input.closest('fieldset');
|
|
51
|
-
if (fieldset) {
|
|
52
|
-
var legends = fieldset.getElementsByTagName('legend');
|
|
53
|
-
if (legends.length) {
|
|
54
|
-
var candidateLegend = legends[0];
|
|
55
|
-
|
|
56
|
-
// If the input type is radio or checkbox, always use the legend if there
|
|
57
|
-
// is one.
|
|
58
|
-
if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {
|
|
59
|
-
return candidateLegend;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// For other input types, only scroll to the fieldset’s legend (instead of
|
|
63
|
-
// the label associated with the input) if the input would end up in the
|
|
64
|
-
// top half of the screen.
|
|
65
|
-
//
|
|
66
|
-
// This should avoid situations where the input either ends up off the
|
|
67
|
-
// screen, or obscured by a software keyboard.
|
|
68
|
-
var legendTop = candidateLegend.getBoundingClientRect().top;
|
|
69
|
-
var inputRect = input.getBoundingClientRect();
|
|
70
|
-
|
|
71
|
-
// If the browser doesn't support Element.getBoundingClientRect().height
|
|
72
|
-
// or window.innerHeight (like IE8), bail and just link to the label.
|
|
73
|
-
if (inputRect.height && window.innerHeight) {
|
|
74
|
-
var inputBottom = inputRect.top + inputRect.height;
|
|
75
|
-
if (inputBottom - legendTop < window.innerHeight / 2) {
|
|
76
|
-
return candidateLegend;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
|
|
82
|
-
}
|
|
83
|
-
if ('customElements' in window) {
|
|
84
|
-
customElements.define('bds-error-summary', BdsErrorSummary);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
var _excluded$1 = ["_$Gl"];
|
|
88
|
-
/**
|
|
89
|
-
* @license
|
|
90
|
-
* Copyright 2018 Google LLC
|
|
91
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
92
|
-
*/
|
|
93
|
-
var t = new Set(["children", "localName", "ref", "style", "className"]),
|
|
94
|
-
e = new WeakMap(),
|
|
95
|
-
n = function n(t, _n, s, i, o) {
|
|
96
|
-
var l = null == o ? void 0 : o[_n];
|
|
97
|
-
void 0 === l || s === i ? null == s && _n in HTMLElement.prototype ? t.removeAttribute(_n) : t[_n] = s : function (t, n, s) {
|
|
98
|
-
var i = e.get(t);
|
|
99
|
-
void 0 === i && e.set(t, i = new Map());
|
|
100
|
-
var o = i.get(n);
|
|
101
|
-
void 0 !== s ? void 0 === o ? (i.set(n, o = {
|
|
102
|
-
handleEvent: s
|
|
103
|
-
}), t.addEventListener(n, o)) : o.handleEvent = s : void 0 !== o && (i["delete"](n), t.removeEventListener(n, o));
|
|
104
|
-
}(t, l, s);
|
|
105
|
-
},
|
|
106
|
-
s = function s(t, e) {
|
|
107
|
-
"function" == typeof t ? t(e) : t.current = e;
|
|
108
|
-
};
|
|
109
|
-
function i() {
|
|
110
|
-
var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.React;
|
|
111
|
-
var i = arguments.length > 1 ? arguments[1] : undefined;
|
|
112
|
-
var o = arguments.length > 2 ? arguments[2] : undefined;
|
|
113
|
-
var l = arguments.length > 3 ? arguments[3] : undefined;
|
|
114
|
-
var d = arguments.length > 4 ? arguments[4] : undefined;
|
|
115
|
-
var a, c, r;
|
|
116
|
-
if (void 0 === i) {
|
|
117
|
-
var _t = e;
|
|
118
|
-
(c = _t.tagName, r = _t.elementClass, l = _t.events, d = _t.displayName), a = _t.react;
|
|
119
|
-
} else a = e, r = o, c = i;
|
|
120
|
-
var h = a.Component,
|
|
121
|
-
u = a.createElement,
|
|
122
|
-
f = new Set(Object.keys(null != l ? l : {}));
|
|
123
|
-
var v = /*#__PURE__*/function (_h) {
|
|
124
|
-
_inherits(v, _h);
|
|
125
|
-
var _super = _createSuper(v);
|
|
126
|
-
function v() {
|
|
127
|
-
var _this;
|
|
128
|
-
_classCallCheck(this, v);
|
|
129
|
-
_this = _super.apply(this, arguments), _this.o = null;
|
|
130
|
-
return _this;
|
|
131
|
-
}
|
|
132
|
-
_createClass(v, [{
|
|
133
|
-
key: "t",
|
|
134
|
-
value: function t(_t2) {
|
|
135
|
-
if (null !== this.o) for (var _e in this.i) n(this.o, _e, this.props[_e], _t2 ? _t2[_e] : void 0, l);
|
|
136
|
-
}
|
|
137
|
-
}, {
|
|
138
|
-
key: "componentDidMount",
|
|
139
|
-
value: function componentDidMount() {
|
|
140
|
-
var t;
|
|
141
|
-
this.t(), null === (t = this.o) || void 0 === t || t.removeAttribute("defer-hydration");
|
|
142
|
-
}
|
|
143
|
-
}, {
|
|
144
|
-
key: "componentDidUpdate",
|
|
145
|
-
value: function componentDidUpdate(t) {
|
|
146
|
-
this.t(t);
|
|
147
|
-
}
|
|
148
|
-
}, {
|
|
149
|
-
key: "render",
|
|
150
|
-
value: function render() {
|
|
151
|
-
var _this2 = this;
|
|
152
|
-
var _this$props = this.props,
|
|
153
|
-
e = _this$props._$Gl,
|
|
154
|
-
n = _objectWithoutProperties(_this$props, _excluded$1);
|
|
155
|
-
this.h !== e && (this.u = function (t) {
|
|
156
|
-
null !== e && s(e, t), _this2.o = t, _this2.h = e;
|
|
157
|
-
}), this.i = {};
|
|
158
|
-
var i = {
|
|
159
|
-
ref: this.u
|
|
160
|
-
};
|
|
161
|
-
for (var _i = 0, _Object$entries = Object.entries(n); _i < _Object$entries.length; _i++) {
|
|
162
|
-
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
163
|
-
_e2 = _Object$entries$_i[0],
|
|
164
|
-
_s = _Object$entries$_i[1];
|
|
165
|
-
t.has(_e2) ? i["className" === _e2 ? "class" : _e2] = _s : f.has(_e2) || _e2 in r.prototype ? this.i[_e2] = _s : i[_e2] = _s;
|
|
166
|
-
}
|
|
167
|
-
return i.suppressHydrationWarning = !0, u(c, i);
|
|
168
|
-
}
|
|
169
|
-
}]);
|
|
170
|
-
return v;
|
|
171
|
-
}(h);
|
|
172
|
-
v.displayName = null != d ? d : r.name;
|
|
173
|
-
var m = a.forwardRef(function (t, e) {
|
|
174
|
-
return u(v, _objectSpread2(_objectSpread2({}, t), {}, {
|
|
175
|
-
_$Gl: e
|
|
176
|
-
}), null == t ? void 0 : t.children);
|
|
177
|
-
});
|
|
178
|
-
return m.displayName = v.displayName, m;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
var _excluded = ["errors", "mapNameToId"];
|
|
182
|
-
var ReactErrorSummary = i({
|
|
183
|
-
tagName: 'bds-error-summary',
|
|
184
|
-
elementClass: BdsErrorSummary,
|
|
185
|
-
react: React
|
|
186
|
-
});
|
|
187
|
-
var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
|
|
5
|
+
var _excluded = ["className", "errors", "mapNameToId"];
|
|
188
6
|
var FormErrorKey = '_form';
|
|
189
|
-
|
|
190
|
-
|
|
7
|
+
var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
|
|
8
|
+
function BdsErrorSummary(_ref) {
|
|
9
|
+
var className = _ref.className,
|
|
10
|
+
errors = _ref.errors,
|
|
191
11
|
_ref$mapNameToId = _ref.mapNameToId,
|
|
192
12
|
mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
|
|
193
13
|
return name;
|
|
@@ -195,7 +15,35 @@ function ErrorSummary(_ref) {
|
|
|
195
15
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
196
16
|
var headingId = React.useId();
|
|
197
17
|
var groupRef = React.useRef(null);
|
|
198
|
-
|
|
18
|
+
React.useEffect(function () {
|
|
19
|
+
if (!errors || Object.keys(errors).length === 0) return;
|
|
20
|
+
if (!groupRef.current) return;
|
|
21
|
+
groupRef.current.focus();
|
|
22
|
+
}, [errors]);
|
|
23
|
+
if (!errors || Object.keys(errors).length === 0) return null;
|
|
24
|
+
var handleLinkClick = function handleLinkClick(e) {
|
|
25
|
+
var inputId = getFragmentFromUrl(e.currentTarget.href);
|
|
26
|
+
if (!inputId) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
var input = document.getElementById(inputId);
|
|
30
|
+
if (!input) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
var legendOrLabel = getAssociatedLegendOrLabel(input);
|
|
34
|
+
if (!legendOrLabel) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
legendOrLabel.scrollIntoView();
|
|
39
|
+
input.focus({
|
|
40
|
+
preventScroll: true
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
return /*#__PURE__*/React.createElement("bds-error-summary", _extends({
|
|
44
|
+
className: ['stack', className].filter(function (x) {
|
|
45
|
+
return x;
|
|
46
|
+
}).join(' '),
|
|
199
47
|
role: "group",
|
|
200
48
|
"aria-labelledby": headingId,
|
|
201
49
|
ref: groupRef,
|
|
@@ -232,11 +80,12 @@ function ErrorSummary(_ref) {
|
|
|
232
80
|
return /*#__PURE__*/React.createElement("li", {
|
|
233
81
|
key: inputId
|
|
234
82
|
}, /*#__PURE__*/React.createElement("a", {
|
|
235
|
-
href: "#".concat(inputId)
|
|
83
|
+
href: "#".concat(inputId),
|
|
84
|
+
onClick: handleLinkClick
|
|
236
85
|
}, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
|
|
237
86
|
}));
|
|
238
87
|
})));
|
|
239
88
|
}
|
|
240
89
|
|
|
241
|
-
export { FormErrorKey,
|
|
90
|
+
export { FormErrorKey, BdsErrorSummary as default };
|
|
242
91
|
//# sourceMappingURL=ErrorSummary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sources":["../../../frontend/src/blocks/ErrorSummary/ErrorSummary.mjs","../../../../.yarn/cache/@lit-labs-react-npm-1.2.0-36f442ed7b-a5dbcbb29d.zip/node_modules/@lit-labs/react/create-component.js","../../src/ErrorSummary/ErrorSummary.js"],"sourcesContent":["/**\r\n * @module bds-error-summary\r\n * @description\r\n * A custom element for displaying a list of errors.\r\n */\r\nexport default class BdsErrorSummary extends HTMLElement {\r\n constructor() {\r\n super();\r\n\r\n this.addEventListener('click', (event) => {\r\n const link = event.target.closest('a');\r\n\r\n if (!link) return;\r\n\r\n const inputId = this.#getFragmentFromUrl(link.href);\r\n\r\n if (!inputId) {\r\n return;\r\n }\r\n\r\n const input = document.getElementById(inputId);\r\n\r\n if (!input) {\r\n return;\r\n }\r\n\r\n const legendOrLabel = this.#getAssociatedLegendOrLabel(input);\r\n\r\n if (!legendOrLabel) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n\r\n legendOrLabel.scrollIntoView();\r\n input.focus({ preventScroll: true });\r\n });\r\n }\r\n\r\n #getFragmentFromUrl(url) {\r\n return url.includes('#') ? url.split('#').pop() : undefined;\r\n }\r\n\r\n #getAssociatedLegendOrLabel(input) {\r\n const fieldset = input.closest('fieldset');\r\n\r\n if (fieldset) {\r\n const legends = fieldset.getElementsByTagName('legend');\r\n\r\n if (legends.length) {\r\n const candidateLegend = legends[0];\r\n\r\n // If the input type is radio or checkbox, always use the legend if there\r\n // is one.\r\n if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {\r\n return candidateLegend;\r\n }\r\n\r\n // For other input types, only scroll to the fieldset’s legend (instead of\r\n // the label associated with the input) if the input would end up in the\r\n // top half of the screen.\r\n //\r\n // This should avoid situations where the input either ends up off the\r\n // screen, or obscured by a software keyboard.\r\n const legendTop = candidateLegend.getBoundingClientRect().top;\r\n const inputRect = input.getBoundingClientRect();\r\n\r\n // If the browser doesn't support Element.getBoundingClientRect().height\r\n // or window.innerHeight (like IE8), bail and just link to the label.\r\n if (inputRect.height && window.innerHeight) {\r\n const inputBottom = inputRect.top + inputRect.height;\r\n\r\n if (inputBottom - legendTop < window.innerHeight / 2) {\r\n return candidateLegend;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return document.querySelector(`label[for='${input.getAttribute('id')}']`) ?? input.closest('label');\r\n }\r\n}\r\n\r\nif ('customElements' in window) {\r\n customElements.define('bds-error-summary', BdsErrorSummary);\r\n}\r\n","/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=new Set([\"children\",\"localName\",\"ref\",\"style\",\"className\"]),e=new WeakMap,n=(t,n,s,i,o)=>{const l=null==o?void 0:o[n];void 0===l||s===i?null==s&&n in HTMLElement.prototype?t.removeAttribute(n):t[n]=s:((t,n,s)=>{let i=e.get(t);void 0===i&&e.set(t,i=new Map);let o=i.get(n);void 0!==s?void 0===o?(i.set(n,o={handleEvent:s}),t.addEventListener(n,o)):o.handleEvent=s:void 0!==o&&(i.delete(n),t.removeEventListener(n,o))})(t,l,s)},s=(t,e)=>{\"function\"==typeof t?t(e):t.current=e};function i(e=window.React,i,o,l,d){let a,c,r;if(void 0===i){const t=e;({tagName:c,elementClass:r,events:l,displayName:d}=t),a=t.react}else a=e,r=o,c=i;const h=a.Component,u=a.createElement,f=new Set(Object.keys(null!=l?l:{}));class v extends h{constructor(){super(...arguments),this.o=null}t(t){if(null!==this.o)for(const e in this.i)n(this.o,e,this.props[e],t?t[e]:void 0,l)}componentDidMount(){var t;this.t(),null===(t=this.o)||void 0===t||t.removeAttribute(\"defer-hydration\")}componentDidUpdate(t){this.t(t)}render(){const{_$Gl:e,...n}=this.props;this.h!==e&&(this.u=t=>{null!==e&&s(e,t),this.o=t,this.h=e}),this.i={};const i={ref:this.u};for(const[e,s]of Object.entries(n))t.has(e)?i[\"className\"===e?\"class\":e]=s:f.has(e)||e in r.prototype?this.i[e]=s:i[e]=s;return i.suppressHydrationWarning=!0,u(c,i)}}v.displayName=null!=d?d:r.name;const m=a.forwardRef(((t,e)=>u(v,{...t,_$Gl:e},null==t?void 0:t.children)));return m.displayName=v.displayName,m}export{i as createComponent};\n//# sourceMappingURL=create-component.js.map\n","import ErrorSummaryWebComponent from '@iabbb/bds/src/blocks/ErrorSummary/ErrorSummary.mjs';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummaryWebComponent,\r\n react: React,\r\n});\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\nexport const FormErrorKey = '_form';\r\n\r\nexport default function ErrorSummary({ errors, mapNameToId = (name) => name, ...props }) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef(null);\r\n\r\n return (\r\n <ReactErrorSummary role=\"group\" aria-labelledby={headingId} ref={groupRef} tabIndex={-1} {...props}>\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\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\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["BdsErrorSummary","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","call","_classPrivateMethodInitSpec","_assertThisInitialized","_getAssociatedLegendOrLabel","_getFragmentFromUrl","addEventListener","event","link","target","closest","inputId","_classPrivateMethodGet","_getFragmentFromUrl2","href","input","document","getElementById","legendOrLabel","_getAssociatedLegendOrLabel2","preventDefault","scrollIntoView","focus","preventScroll","_createClass","_wrapNativeSuper","HTMLElement","url","includes","split","pop","undefined","_document$querySelect","fieldset","legends","getElementsByTagName","length","candidateLegend","HTMLInputElement","type","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","concat","getAttribute","customElements","define","t","Set","e","WeakMap","n","s","i","o","l","prototype","removeAttribute","get","set","Map","handleEvent","removeEventListener","current","arguments","React","d","a","c","r","tagName","elementClass","events","displayName","react","h","Component","u","createElement","f","Object","keys","v","_h","apply","key","value","props","componentDidMount","componentDidUpdate","render","_this2","_this$props","_$Gl","_objectWithoutProperties","_excluded","ref","_i","_Object$entries","entries","_Object$entries$_i","_slicedToArray","has","suppressHydrationWarning","name","m","forwardRef","_objectSpread","children","ReactErrorSummary","createComponent","ErrorSummaryWebComponent","FINAL_FORM_ERROR","FormErrorKey","ErrorSummary","_ref","errors","_ref$mapNameToId","mapNameToId","headingId","useId","groupRef","useRef","_extends","role","tabIndex","className","id","xmlns","viewBox","width","fill","map","errorKey","message","isFormError","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AAJA,IAKqBA,eAAe,0BAAAC,YAAA,EAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,YAAA,CAAA,CAAA;AAAA,EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA,CAAA,CAAA;AAClC,EAAA,SAAAA,kBAAc;AAAA,IAAA,IAAAK,KAAA,CAAA;AAAAC,IAAAA,eAAA,OAAAN,eAAA,CAAA,CAAA;IACZK,KAAA,GAAAF,MAAA,CAAAI,IAAA,CAAA,IAAA,CAAA,CAAA;AAAQC,IAAAA,2BAAA,CAAAC,sBAAA,CAAAJ,KAAA,GAAAK,2BAAA,CAAA,CAAA;AAAAF,IAAAA,2BAAA,CAAAC,sBAAA,CAAAJ,KAAA,GAAAM,mBAAA,CAAA,CAAA;AAERN,IAAAA,KAAA,CAAKO,gBAAgB,CAAC,OAAO,EAAE,UAACC,KAAK,EAAK;MACxC,IAAMC,IAAI,GAAGD,KAAK,CAACE,MAAM,CAACC,OAAO,CAAC,GAAG,CAAC,CAAA;MAEtC,IAAI,CAACF,IAAI,EAAE,OAAA;MAEX,IAAMG,OAAO,GAAAC,sBAAA,CAAAT,sBAAA,CAAAJ,KAAA,GAAAM,mBAAA,EAAAQ,oBAAA,CAAAZ,CAAAA,IAAA,CAAAE,sBAAA,CAAAJ,KAAA,CAA4BS,EAAAA,IAAI,CAACM,IAAI,CAAC,CAAA;MAEnD,IAAI,CAACH,OAAO,EAAE;AACZ,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAMI,KAAK,GAAGC,QAAQ,CAACC,cAAc,CAACN,OAAO,CAAC,CAAA;MAE9C,IAAI,CAACI,KAAK,EAAE;AACV,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAMG,aAAa,GAAAN,sBAAA,CAAAT,sBAAA,CAAAJ,KAAA,CAAAK,EAAAA,2BAAA,EAAAe,4BAAA,CAAA,CAAAlB,IAAA,CAAAE,sBAAA,CAAAJ,KAAA,CAAA,EAAoCgB,KAAK,CAAC,CAAA;MAE7D,IAAI,CAACG,aAAa,EAAE;AAClB,QAAA,OAAA;AACF,OAAA;MAEAX,KAAK,CAACa,cAAc,EAAE,CAAA;MAEtBF,aAAa,CAACG,cAAc,EAAE,CAAA;MAC9BN,KAAK,CAACO,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AACtC,KAAC,CAAC,CAAA;AAAC,IAAA,OAAAxB,KAAA,CAAA;AACL,GAAA;EAAC,OAAAyB,YAAA,CAAA9B,eAAA,CAAA,CAAA;AAAA,CAAA+B,eAAAA,gBAAA,CAhC0CC,WAAW,CAAA,CAAA,CAAA;AAAA,SAAAb,oBAAAA,CAkClCc,GAAG,EAAE;AACvB,EAAA,OAAOA,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGD,GAAG,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,GAAGC,SAAS,CAAA;AAC7D,CAAA;AAAC,SAAAZ,4BAAAA,CAE2BJ,KAAK,EAAE;AAAA,EAAA,IAAAiB,qBAAA,CAAA;AACjC,EAAA,IAAMC,QAAQ,GAAGlB,KAAK,CAACL,OAAO,CAAC,UAAU,CAAC,CAAA;AAE1C,EAAA,IAAIuB,QAAQ,EAAE;AACZ,IAAA,IAAMC,OAAO,GAAGD,QAAQ,CAACE,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,IAAInB,KAAK,YAAYuB,gBAAgB,KAAKvB,KAAK,CAACwB,IAAI,KAAK,UAAU,IAAIxB,KAAK,CAACwB,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,GAAG5B,KAAK,CAAC0B,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,OAAAL,CAAAA,qBAAA,GAAOhB,QAAQ,CAACgC,aAAa,CAAAC,aAAAA,CAAAA,MAAA,CAAelC,KAAK,CAACmC,YAAY,CAAC,IAAI,CAAC,EAAI,IAAA,CAAA,CAAC,MAAAlB,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAIjB,KAAK,CAACL,OAAO,CAAC,OAAO,CAAC,CAAA;AACrG,CAAA;AAGF,IAAI,gBAAgB,IAAImC,MAAM,EAAE;AAC9BM,EAAAA,cAAc,CAACC,MAAM,CAAC,mBAAmB,EAAE1D,eAAe,CAAC,CAAA;AAC7D;;;;;;;;ACdA,IAAM2D,CAAA,GAA0B,IAAIC,GAAA,CAAI,CACtC,UAAA,EACA,WACA,EAAA,KAAA,EACA,OACA,EAAA,WAAA,CAAA,CAAA;EAGIC,CAAA,GAGF,IAAIC,OAAA,EAAA;EAsCFC,CAAA,GAAc,SAAAA,CAAAA,CAClBJ,CAAA,EACAI,EAAA,EACAC,CAAA,EACAC,CAAA,EACAC,CAAA,EAAA;AAEA,IAAA,IAAMC,CAAA,GAAQ,IAAA,IAAAD,CAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAA,CAASH,EAAA,CAAA,CAAA;AAAA,IAAA,KACT,CAAVI,KAAAA,CAAA,IAAuBH,CAAA,KAAUC,CAAA,GAanC,IAACD,IAAAA,CAAA,IACDD,EAAA,IAAQ/B,WAAA,CAAYoC,SAAA,GAEpBT,CAAA,CAAKU,eAAA,CAAgBN,EAAA,CAAA,GAKvBJ,CAAA,CAAKI,EAAA,CAAmBC,GAAAA,CAAA,GA3DO,UAC/BL,CAAA,EACAI,CAAA,EACAC,CAAA,EAAA;AAEA,MAAA,IAAIC,CAAA,GAASJ,CAAA,CAAeS,GAAA,CAAIX,CAAA,CAAA,CAAA;AAAA,MAAA,KACjB,CAAXM,KAAAA,CAAA,IACFJ,CAAA,CAAeU,GAAA,CAAIZ,CAAA,EAAOM,CAAA,GAAS,IAAIO,GAAA,EAAA,CAAA,CAAA;AAEzC,MAAA,IAAIN,CAAA,GAAUD,CAAA,CAAOK,GAAA,CAAIP,CAAA,CAAA,CAAA;AAAA,MAAA,KACR,CAAbC,KAAAA,CAAA,GAEc,KAAA,CAAA,KAAZE,CAAA,IACFD,CAAA,CAAOM,GAAA,CAAIR,CAAA,EAAQG,CAAA,GAAU;AAACO,QAAAA,WAAA,EAAaT,CAAAA;AAAA,OAAA,CAAA,EAC3CL,CAAA,CAAK/C,gBAAA,CAAiBmD,CAAA,EAAOG,CAAA,CAAA,IAG7BA,CAAA,CAAQO,WAAA,GAAcT,CAAA,GAAA,KAGH,CAAZE,KAAAA,CAAA,KACTD,CAAA,CAAO,QAAA,CAAA,CAAOF,CAAA,CAAA,EACdJ,CAAA,CAAKe,mBAAA,CAAoBX,CAAA,EAAOG,CAAA,CACjC,CAAA,CAAA;AAAA,KAAA,CAiB0BP,CAAA,EAAMQ,CAAA,EAAOH,CAAA,CAmBG,CAAA;AAAA,GAAA;AAKvCA,EAAAA,CAAA,GAAS,SAATA,CAAUL,CAAAA,CAAA,EAAyBE,CAAA,EAAA;IACpB,UAARF,IAAAA,OAAAA,CAAA,GACTA,CAAA,CAAIE,CAAA,IAEHF,CAAA,CAAkCgB,OAAA,GAAUd,CAC9C,CAAA;AAAA,GAAA,CAAA;AAgEa,SAAAI,IAQd;AAAA,EAAA,IAJAJ,CAAA,GAAAe,SAAA,CAAAlC,MAAA,GAAAkC,CAAAA,IAAAA,SAAA,CAAAvC,CAAAA,CAAAA,KAAAA,SAAA,GAAAuC,SAAA,CAAsDzB,CAAAA,CAAAA,GAAAA,MAAA,CAAO0B,KAAA,CAAA;EAAA,IAC7DZ,CAAA,GAAAW,SAAA,CAAAlC,MAAA,GAAAkC,CAAAA,GAAAA,SAAA,MAAAvC,SAAA,CAAA;EAAA,IACA6B,CAAA,GAAAU,SAAA,CAAAlC,MAAA,GAAAkC,CAAAA,GAAAA,SAAA,MAAAvC,SAAA,CAAA;EAAA,IACA8B,CAAA,GAAAS,SAAA,CAAAlC,MAAA,GAAAkC,CAAAA,GAAAA,SAAA,MAAAvC,SAAA,CAAA;EAAA,IACAyC,CAAA,GAAAF,SAAA,CAAAlC,MAAA,GAAAkC,CAAAA,GAAAA,SAAA,MAAAvC,SAAA,CAAA;AAGA,EAAA,IAAI0C,CAAA,EACAC,CAAA,EACAC,CAAA,CAAA;EACJ,IAAgB,KAAA,CAAA,KAAZhB,CAAA,EAAuB;IACzB,IAAMN,EAAA,GAAUE,CAAA,CAAA;AAAA,IAAA,CACLmB,CAAA,GAAmDrB,EAAA,CAA5DuB,OAAA,EAA4BD,CAAA,GAAgCtB,EAAA,CAA9CwB,YAAA,EAAuBhB,CAAA,GAAuBR,EAAA,CAAvByB,MAAA,EAAQN,CAAA,GAAenB,EAAA,CAAf0B,WAAA,GAC/CN,CAAA,GAAQpB,EAAA,CAAQ2B,KACjB,CAAA;GACCP,MAAAA,CAAA,GAAQlB,CAAA,EACRoB,CAAA,GAAUf,CAAA,EACVc,CAAA,GAAMf,CAAA,CAAA;AAmBR,EAAA,IAAMsB,CAAA,GAAYR,CAAA,CAAMS,SAAA;IAClBC,CAAA,GAAgBV,CAAA,CAAMW,aAAA;AACtBC,IAAAA,CAAA,GAAa,IAAI/B,GAAA,CAAIgC,MAAA,CAAOC,IAAA,CAAK,IAAA1B,IAAAA,CAAA,GAAAA,CAAA,GAAU,EAAA,CAAA,CAAA,CAAA;EAIjD,IAAM2B,CAAA,0BAAAC,EAAA,EAAA;IAAA7F,SAAA,CAAA4F,CAAA,EAAAC,EAAA,CAAA,CAAA;AAAA,IAAA,IAAA5F,MAAA,GAAAC,YAAA,CAAA0F,CAAA,CAAA,CAAA;AAAN,IAAA,SAAAA,CAAA,GAAA;AAAA,MAAA,IAAAzF,KAAA,CAAA;AAAAC,MAAAA,eAAA,OAAAwF,CAAA,CAAA,CAAA;MAAAzF,KAAA,GAAAF,MAAA,CAAA6F,KAAA,CAAA,IAAA,EAAApB,SAAA,CAAA,EACUvE,KAAA,CAAQ6D,CAAA,GAAa,IA6G9B,CAAA;AAAA,MAAA,OAAA7D,KAAA,CAAA;AAAA,KAAA;AAtGSyB,IAAAA,YAAA,CAAAgE,CAAA,EAAA,CAAA;MAAAG,GAAA,EAAA,GAAA;MAAAC,KAAA,EAAA,SAAAvC,EAAeA,GAAA,EAAA;AACrB,QAAA,IAAsB,IAAlB,KAAA,IAAA,CAAKO,CAAA,EAIT,KAAK,IAAML,EAAA,IAAQ,IAAKI,CAAAA,CAAA,EACtBF,CAAA,CACE,IAAKG,CAAAA,CAAA,EACLL,EAAA,EACA,IAAA,CAAKsC,KAAA,CAAMtC,EAAA,CACXF,EAAAA,GAAA,GAAWA,GAAA,CAASE,EAAA,CAAQ,GAAA,KAAA,CAAA,EAC5BM,CAAA,CAML,CAAA;AAAA,OAAA;AAMQ,KAAA,EAAA;MAAA8B,GAAA,EAAA,mBAAA;AAAAC,MAAAA,KAAA,WAAAE,iBAAA,GAAA;AAAA,QAAA,IAAAzC,CAAA,CAAA;AACP,QAAA,IAAA,CAAKA,CAAA,EAAA,EACQ,IAAbA,MAAAA,CAAA,QAAKO,CAAA,CAAA,IAAA,KAAQ,CAAAP,KAAAA,CAAA,IAAAA,CAAA,CAAEU,eAAA,CAAgB,iBAChC,CAAA,CAAA;AAAA,OAAA;AAMQ,KAAA,EAAA;MAAA4B,GAAA,EAAA,oBAAA;MAAAC,KAAA,EAAA,SAAAG,mBAAmB1C,CAAA,EAAA;QAC1B,IAAKA,CAAAA,CAAA,CAAeA,CAAA,CACrB,CAAA;AAAA,OAAA;AAUQ,KAAA,EAAA;MAAAsC,GAAA,EAAA,QAAA;AAAAC,MAAAA,KAAA,WAAAI,MAAA,GAAA;AAAA,QAAA,IAAAC,MAAA,GAAA,IAAA,CAAA;QAEP,IAAAC,WAAA,GAAuC,IAAA,CAAKL,KAAA;UAArCtC,CAAA,GAAA2C,WAAA,CAADC,IAAA;AAAoB1C,UAAAA,CAAA,GAAA2C,wBAAA,CAAAF,WAAA,EAAAG,WAAA,CAAA,CAAA;QAItB,IAAKpB,CAAAA,CAAA,KAAkB1B,CAAA,KACzB,KAAK4B,CAAA,GAAQ,UAAA9B,CAAA,EAAA;AACY,UAAA,IAAA,KAAnBE,CAAA,IACFG,CAAA,CAAOH,CAAA,EAAgBF,CAAA,CAGzB4C,EAAAA,MAAA,CAAKrC,CAAA,GAAWP,CAAA,EAChB4C,MAAA,CAAKhB,CAAA,GAAgB1B,CAAc,CAAA;SAKvC,CAAA,EAAA,IAAA,CAAKI,CAAA,GAAgB,EAAA,CAAA;AACrB,QAAA,IAAMA,CAAA,GAAiC;AAAC2C,UAAAA,GAAA,EAAK,IAAKnB,CAAAA,CAAAA;AAAA,SAAA,CAAA;AAIlD,QAAA,KAAA,IAAAoB,EAAA,GAAAC,CAAAA,EAAAA,eAAA,GAAqBlB,MAAA,CAAOmB,OAAA,CAAQhD,CAAA,CAAA,EAAA8C,EAAA,GAAAC,eAAA,CAAApE,MAAA,EAAAmE,EAAA,EAAA,EAAA;AAA/B,UAAA,IAAAG,kBAAA,GAAAC,cAAA,CAAAH,eAAA,CAAAD,EAAA,CAAA,EAAA,CAAA,CAAA;AAAOhD,YAAAA,GAAA,GAAAmD,kBAAA,CAAA,CAAA,CAAA;AAAGhD,YAAAA,EAAA,GAAAgD,kBAAA,CAAA,CAAA,CAAA,CAAA;AACTrD,UAAAA,CAAA,CAAwBuD,GAAA,CAAIrD,GAAA,CAAA,GAG9BI,CAAA,CAAY,WAAA,KAANJ,GAAA,GAAoB,UAAUA,GAAA,CAAA,GAAKG,EAAA,GAIvC2B,CAAA,CAAWuB,GAAA,CAAIrD,GAAA,CAAA,IAAMA,GAAA,IAAKoB,CAAA,CAAQb,SAAA,GACpC,IAAKH,CAAAA,CAAA,CAAcJ,GAAA,IAAKG,EAAA,GAI1BC,CAAA,CAAMJ,GAAA,IAAKG,EAAA,CAAA;AAoBb,SAAA;QAAA,OAFAC,CAAA,CAAgCkD,wBAAA,GAAI,CAAA,CAAA,EAE7B1B,CAAA,CAA0CT,CAAA,EAAKf,CAAA,CACvD,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA6B,CAAA,CAAA;AAAA,GAAA,CA7G0BP,CAAA,CAAA,CAAA;EAMpBO,CAAA,CAAWT,WAAA,GAAG,IAAAP,IAAAA,CAAA,GAAAA,CAAA,GAAeG,CAAA,CAAQmC,IAAA,CAAA;EA0G9C,IAAMC,CAAA,GAA8CtC,CAAA,CAAMuC,UAAA,CAGxD,UAAC3D,CAAA,EAAOE,CAAA,EAAA;IAAA,OACR4B,CAAA,CACEK,CAAA,EAAAyB,cAAA,CAAAA,cAAA,KACI5D,CAAA,CAAA,EAAA,EAAA,EAAA;AAAO8C,MAAAA,IAAA,EAAA5C,CAAAA;AAAA,KAAA,CAAA,EACX,IAAAF,IAAAA,CAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAA,CAAO6D,QAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;EAOX,OAFAH,CAAA,CAAmBhC,WAAA,GAAcS,CAAA,CAAeT,WAAA,EAEzCgC,CACT,CAAA;AAAA;;;ACxYA,IAAMI,iBAAiB,GAAGC,CAAe,CAAC;AACxCxC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEwC,eAAwB;AACtCrC,EAAAA,KAAK,EAAET,KAAAA;AACT,CAAC,CAAC,CAAA;AAEF,IAAM+C,gBAAgB,GAAG,uBAAuB,CAAA;AACzC,IAAMC,YAAY,GAAG,QAAO;AAEpB,SAASC,YAAYA,CAAAC,IAAA,EAAqD;AAAA,EAAA,IAAlDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAAC,gBAAA,GAAAF,IAAA,CAAEG,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,UAACb,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,CAAA;AAAA,KAAA,GAAAa,gBAAA;AAAK9B,IAAAA,KAAK,GAAAO,wBAAA,CAAAqB,IAAA,EAAApB,SAAA,CAAA,CAAA;AACnF,EAAA,IAAMwB,SAAS,GAAGtD,KAAK,CAACuD,KAAK,EAAE,CAAA;AAC/B,EAAA,IAAMC,QAAQ,GAAGxD,KAAK,CAACyD,MAAM,CAAC,IAAI,CAAC,CAAA;AAEnC,EAAA,oBACEzD,KAAA,CAAAa,aAAA,CAAC+B,iBAAiB,EAAAc,QAAA,CAAA;AAACC,IAAAA,IAAI,EAAC,OAAO;AAAC,IAAA,iBAAA,EAAiBL,SAAU;AAACvB,IAAAA,GAAG,EAAEyB,QAAS;AAACI,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,EAAKtC,KAAK,CAAA,eAChGtB,KAAA,CAAAa,aAAA,CAAA,IAAA,EAAA;AAAIgD,IAAAA,SAAS,EAAC,QAAQ;AAACC,IAAAA,EAAE,EAAER,SAAAA;GACzBtD,eAAAA,KAAA,CAAAa,aAAA,CAAA,KAAA,EAAA;AACEkD,IAAAA,KAAK,EAAC,4BAA4B;AAClCC,IAAAA,OAAO,EAAC,aAAa;AACrB,IAAA,aAAA,EAAY,MAAM;AAClB3F,IAAAA,MAAM,EAAC,KAAK;AACZ4F,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,IAAI,EAAC,cAAA;GAELlE,eAAAA,KAAA,CAAAa,aAAA,CAAA,MAAA,EAAA;AAAMZ,IAAAA,CAAC,EAAC,4UAAA;GAA8U,CACnV,CAAC,EAEJ,OAAA,CAAC,eACLD,KAAA,CAAAa,aAAA,CACGE,IAAAA,EAAAA,IAAAA,EAAAA,MAAM,CAACC,IAAI,CAACmC,MAAM,CAAC,CAACgB,GAAG,CAAC,UAACC,QAAQ,EAAK;AACrC,IAAA,IAAMC,OAAO,GAAGlB,MAAM,CAACiB,QAAQ,CAAC,CAAA;IAChC,IAAME,WAAW,GAAG,CAACvB,gBAAgB,EAAEC,YAAY,CAAC,CAAC3F,QAAQ,CAAC+G,QAAQ,CAAC,CAAA;AAEvE,IAAA,IAAIE,WAAW,EAAE;MACf,oBAAOtE,KAAA,CAAAa,aAAA,CAAA,IAAA,EAAA;AAAIO,QAAAA,GAAG,EAAEgD,QAAS;AAACG,QAAAA,uBAAuB,EAAE;AAAEC,UAAAA,MAAM,EAAEH,OAAAA;AAAQ,SAAA;AAAE,OAAE,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,IAAMI,YAAY,GAAGC,KAAK,CAACC,OAAO,CAACN,OAAO,CAAC,CAAA;IAE3C,IAAMO,QAAQ,GAAGH,YAAY,GAAGJ,OAAO,GAAG,CAACA,OAAO,CAAC,CAAA;AAEnD,IAAA,oBACErE,KAAA,CAAAa,aAAA,CAACb,KAAK,CAAC6E,QAAQ,EAAA;AAACzD,MAAAA,GAAG,EAAEgD,QAAAA;KAClBQ,EAAAA,QAAQ,CAACT,GAAG,CAAC,UAACW,YAAY,EAAEC,KAAK,EAAK;AACrC,MAAA,IAAM3I,OAAO,GAAAsC,EAAAA,CAAAA,MAAA,CAAM2E,WAAW,CAACe,QAAQ,CAAC,CAAA,CAAA1F,MAAA,CAAG+F,YAAY,GAAA/F,GAAAA,CAAAA,MAAA,CAAOqG,KAAK,EAAA,GAAA,CAAA,GAAM,EAAE,CAAE,CAAA;MAE7E,oBACE/E,KAAA,CAAAa,aAAA,CAAA,IAAA,EAAA;AAAIO,QAAAA,GAAG,EAAEhF,OAAAA;OACP4D,eAAAA,KAAA,CAAAa,aAAA,CAAA,GAAA,EAAA;QAAGtE,IAAI,EAAA,GAAA,CAAAmC,MAAA,CAAMtC,OAAO,CAAA;OACjB0I,EAAAA,YAAY,EACZF,QAAQ,CAAC/G,MAAM,GAAG,CAAC,GAAAa,IAAAA,CAAAA,MAAA,CAAQqG,KAAK,GAAG,CAAC,EAAA,MAAA,CAAA,CAAArG,MAAA,CAAOkG,QAAQ,CAAC/G,MAAM,EAAA,GAAA,CAAA,GAAML,SAChE,CACD,CAAC,CAAA;AAET,KAAC,CACa,CAAC,CAAA;GAEpB,CACC,CACa,CAAC,CAAA;AAExB;;;;","x_google_ignoreList":[1]}
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sources":["../../src/ErrorSummary/ErrorSummary.js"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { getAssociatedLegendOrLabel, getFragmentFromUrl } from './utils';\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport default function BdsErrorSummary({ className, errors, mapNameToId = (name) => name, ...props }) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n const handleLinkClick = (e) => {\r\n const inputId = getFragmentFromUrl(e.currentTarget.href);\r\n\r\n if (!inputId) {\r\n return;\r\n }\r\n\r\n const input = document.getElementById(inputId);\r\n\r\n if (!input) {\r\n return;\r\n }\r\n\r\n const legendOrLabel = getAssociatedLegendOrLabel(input);\r\n\r\n if (!legendOrLabel) {\r\n return;\r\n }\r\n\r\n e.preventDefault();\r\n\r\n legendOrLabel.scrollIntoView();\r\n input.focus({ preventScroll: true });\r\n };\r\n\r\n return (\r\n <bds-error-summary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\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\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`} onClick={handleLinkClick}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </bds-error-summary>\r\n );\r\n}\r\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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
function getFragmentFromUrl(url) {
|
|
2
|
+
return url.includes('#') ? url.split('#').pop() : undefined;
|
|
3
|
+
}
|
|
4
|
+
function getAssociatedLegendOrLabel(input) {
|
|
5
|
+
var _document$querySelect;
|
|
6
|
+
var fieldset = input.closest('fieldset');
|
|
7
|
+
if (fieldset) {
|
|
8
|
+
var legends = fieldset.getElementsByTagName('legend');
|
|
9
|
+
if (legends.length) {
|
|
10
|
+
var candidateLegend = legends[0];
|
|
11
|
+
|
|
12
|
+
// If the input type is radio or checkbox, always use the legend if there
|
|
13
|
+
// is one.
|
|
14
|
+
if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {
|
|
15
|
+
return candidateLegend;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// For other input types, only scroll to the fieldset’s legend (instead of
|
|
19
|
+
// the label associated with the input) if the input would end up in the
|
|
20
|
+
// top half of the screen.
|
|
21
|
+
//
|
|
22
|
+
// This should avoid situations where the input either ends up off the
|
|
23
|
+
// screen, or obscured by a software keyboard.
|
|
24
|
+
var legendTop = candidateLegend.getBoundingClientRect().top;
|
|
25
|
+
var inputRect = input.getBoundingClientRect();
|
|
26
|
+
|
|
27
|
+
// If the browser doesn't support Element.getBoundingClientRect().height
|
|
28
|
+
// or window.innerHeight (like IE8), bail and just link to the label.
|
|
29
|
+
if (inputRect.height && window.innerHeight) {
|
|
30
|
+
var inputBottom = inputRect.top + inputRect.height;
|
|
31
|
+
if (inputBottom - legendTop < window.innerHeight / 2) {
|
|
32
|
+
return candidateLegend;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { getAssociatedLegendOrLabel, getFragmentFromUrl };
|
|
41
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/ErrorSummary/utils.js"],"sourcesContent":["export function getFragmentFromUrl(url) {\r\n return url.includes('#') ? url.split('#').pop() : undefined;\r\n}\r\n\r\nexport function getAssociatedLegendOrLabel(input) {\r\n const fieldset = input.closest('fieldset');\r\n\r\n if (fieldset) {\r\n const legends = fieldset.getElementsByTagName('legend');\r\n\r\n if (legends.length) {\r\n const candidateLegend = legends[0];\r\n\r\n // If the input type is radio or checkbox, always use the legend if there\r\n // is one.\r\n if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {\r\n return candidateLegend;\r\n }\r\n\r\n // For other input types, only scroll to the fieldset’s legend (instead of\r\n // the label associated with the input) if the input would end up in the\r\n // top half of the screen.\r\n //\r\n // This should avoid situations where the input either ends up off the\r\n // screen, or obscured by a software keyboard.\r\n const legendTop = candidateLegend.getBoundingClientRect().top;\r\n const inputRect = input.getBoundingClientRect();\r\n\r\n // If the browser doesn't support Element.getBoundingClientRect().height\r\n // or window.innerHeight (like IE8), bail and just link to the label.\r\n if (inputRect.height && window.innerHeight) {\r\n const inputBottom = inputRect.top + inputRect.height;\r\n\r\n if (inputBottom - legendTop < window.innerHeight / 2) {\r\n return candidateLegend;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return document.querySelector(`label[for='${input.getAttribute('id')}']`) ?? input.closest('label');\r\n}\r\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;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../_rollupPluginBabelHelpers-9e645d4a.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
var _excluded = ["as", "error", "hint", "id", "isOptional", "label"];
|
|
@@ -17,7 +17,6 @@ function FieldTextInput(_ref) {
|
|
|
17
17
|
var hintId = React.useId();
|
|
18
18
|
var InputComponent = as !== null && as !== void 0 ? as : 'input';
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
// className={clsx('bds-text-input', 'stack')}
|
|
21
20
|
className: "bds-text-input stack"
|
|
22
21
|
}, /*#__PURE__*/React.createElement("label", {
|
|
23
22
|
htmlFor: id
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldTextInput.js","sources":["../../src/FieldTextInput/FieldTextInput.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"FieldTextInput.js","sources":["../../src/FieldTextInput/FieldTextInput.js"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport default function FieldTextInput({ as, error, hint, id, isOptional = false, label, ...props }) {\r\n id = id ?? props.name;\r\n\r\n const errorId = React.useId();\r\n const hintId = React.useId();\r\n\r\n const InputComponent = as ?? 'input';\r\n\r\n return (\r\n <div className=\"bds-text-input stack\">\r\n <label htmlFor={id}>\r\n {label}\r\n {isOptional && ' (optional)'}\r\n </label>\r\n {hint && (\r\n <span className=\"bds-hint\" id={hintId}>\r\n {hint}\r\n </span>\r\n )}\r\n {error && (\r\n <span className=\"bds-error\" id={errorId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\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\" />\r\n </svg>\r\n {error}\r\n </span>\r\n )}\r\n <InputComponent\r\n aria-invalid={error ? true : undefined}\r\n aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}\r\n aria-required={isOptional ? undefined : true}\r\n id={id}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\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,wBAAA,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,KAAK,CAACC,KAAK,EAAE,CAAA;AAC7B,EAAA,IAAMC,MAAM,GAAGF,KAAK,CAACC,KAAK,EAAE,CAAA;EAE5B,IAAME,cAAc,GAAGf,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,OAAO,CAAA;EAEpC,oBACEY,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;GACbL,eAAAA,KAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AAAOE,IAAAA,OAAO,EAAEf,EAAAA;GACbG,EAAAA,KAAK,EACLD,UAAU,IAAI,aACV,CAAC,EACPH,IAAI,iBACHU,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,UAAU;AAACd,IAAAA,EAAE,EAAEW,MAAAA;AAAO,GAAA,EACnCZ,IACG,CACP,EACAD,KAAK,iBACJW,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,WAAW;AAACd,IAAAA,EAAE,EAAEQ,OAAAA;GAC9BC,eAAAA,KAAA,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,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMQ,IAAAA,CAAC,EAAC,4UAAA;AAA4U,GAAE,CACnV,CAAC,EACLvB,KACG,CACP,eACDW,KAAA,CAAAI,aAAA,CAACD,cAAc,EAAAU,QAAA,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
CHANGED
package/Pagination/Pagination.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _objectWithoutProperties, a as _extends, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-9e645d4a.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
|
|
4
4
|
var _excluded = ["buildPageUrl", "className", "currentPage", "onPageClick", "totalPages"];
|
|
@@ -9,18 +9,18 @@ function usePages(currentPage, totalPages) {
|
|
|
9
9
|
return _toConsumableArray(new Set(pages));
|
|
10
10
|
}
|
|
11
11
|
function Pagination(_ref) {
|
|
12
|
-
var buildPageUrl = _ref.buildPageUrl
|
|
13
|
-
_ref.className
|
|
14
|
-
|
|
12
|
+
var buildPageUrl = _ref.buildPageUrl,
|
|
13
|
+
className = _ref.className,
|
|
14
|
+
currentPage = _ref.currentPage,
|
|
15
15
|
onPageClick = _ref.onPageClick,
|
|
16
16
|
totalPages = _ref.totalPages,
|
|
17
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
18
|
var pages = usePages(currentPage, totalPages);
|
|
19
19
|
return /*#__PURE__*/React.createElement("nav", _extends({
|
|
20
|
-
"aria-label": "pagination"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
"aria-label": "pagination",
|
|
21
|
+
className: ['bds-pagination', className].filter(function (x) {
|
|
22
|
+
return x;
|
|
23
|
+
}).join(' ')
|
|
24
24
|
}, props), currentPage !== 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
|
|
25
25
|
href: buildPageUrl(1),
|
|
26
26
|
className: "bds-first-page"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.js"],"sourcesContent":["import * as React from 'react';\r\n\r\nfunction usePages(currentPage, totalPages) {\r\n const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(\r\n (x) => x >= 1 && x <= totalPages,\r\n );\r\n return [...new Set(pages)];\r\n}\r\n\r\nexport default function Pagination({ buildPageUrl, className, currentPage, onPageClick, totalPages, ...props }) {\r\n const pages = usePages(currentPage, totalPages);\r\n\r\n return (\r\n <nav aria-label=\"pagination\" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>\r\n {currentPage !== 1 && (\r\n <>\r\n <a href={buildPageUrl(1)} className=\"bds-first-page\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n height=\"1em\"\r\n width=\"auto\"\r\n viewBox=\"0 63.95 512 384.1\"\r\n >\r\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\" />\r\n </svg>\r\n First\r\n </a>\r\n <a aria-label=\"previous\" href={buildPageUrl(currentPage - 1)} rel=\"prev\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"auto\"\r\n height=\"1em\"\r\n viewBox=\"0.02 95.9 192.08 320.17\"\r\n >\r\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\" />\r\n </svg>\r\n Prev.\r\n </a>\r\n </>\r\n )}\r\n <ul>\r\n {pages.map((page, index) => {\r\n const handlePageClick = () => {\r\n if (!onPageClick) return;\r\n\r\n onPageClick(page);\r\n };\r\n\r\n return (\r\n <React.Fragment key={page}>\r\n <li>\r\n <a\r\n aria-current={page === currentPage ? 'page' : undefined}\r\n href={buildPageUrl(page)}\r\n onClick={handlePageClick}\r\n >\r\n <span className=\"visually-hidden\">Page</span> {page}\r\n </a>\r\n </li>\r\n {pages[index + 1] > page + 1 ? <li data-overflow=\"\">...</li> : null}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n {currentPage !== totalPages && (\r\n <>\r\n <a href={buildPageUrl(currentPage + 1)} rel=\"next\">\r\n Next\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n viewBox=\"63.9 95.9 192.1 320.17\"\r\n width=\"auto\"\r\n height=\"1em\"\r\n >\r\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\" />\r\n </svg>\r\n </a>\r\n <a href={buildPageUrl(totalPages)} className=\"bds-last-page\">\r\n Last\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"auto\"\r\n height=\"1em\"\r\n viewBox=\"0 63.95 512 384.1\"\r\n >\r\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\" />\r\n </svg>\r\n </a>\r\n </>\r\n )}\r\n </nav>\r\n );\r\n}\r\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":"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"}
|
package/Pagination/index.js
CHANGED