@iabbb/bds-react 0.40.0-beta.0 → 0.40.0-beta.10

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.
@@ -1,293 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var ErrorSummary = require('@iabbb/bds/ErrorSummary');
6
- var ssrDomShim = require('@lit-labs/ssr-dom-shim');
7
- var React = require('react');
8
-
9
- function _interopNamespaceDefault(e) {
10
- var n = Object.create(null);
11
- if (e) {
12
- Object.keys(e).forEach(function (k) {
13
- if (k !== 'default') {
14
- var d = Object.getOwnPropertyDescriptor(e, k);
15
- Object.defineProperty(n, k, d.get ? d : {
16
- enumerable: true,
17
- get: function () { return e[k]; }
18
- });
19
- }
20
- });
21
- }
22
- n.default = e;
23
- return Object.freeze(n);
24
- }
25
-
26
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
-
28
- function _iterableToArrayLimit(r, l) {
29
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
30
- if (null != t) {
31
- var e,
32
- n,
33
- i,
34
- u,
35
- a = [],
36
- f = !0,
37
- o = !1;
38
- try {
39
- if (i = (t = t.call(r)).next, 0 === l) {
40
- if (Object(t) !== t) return;
41
- f = !1;
42
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
43
- } catch (r) {
44
- o = !0, n = r;
45
- } finally {
46
- try {
47
- if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
48
- } finally {
49
- if (o) throw n;
50
- }
51
- }
52
- return a;
53
- }
54
- }
55
- function ownKeys(e, r) {
56
- var t = Object.keys(e);
57
- if (Object.getOwnPropertySymbols) {
58
- var o = Object.getOwnPropertySymbols(e);
59
- r && (o = o.filter(function (r) {
60
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
61
- })), t.push.apply(t, o);
62
- }
63
- return t;
64
- }
65
- function _objectSpread2(e) {
66
- for (var r = 1; r < arguments.length; r++) {
67
- var t = null != arguments[r] ? arguments[r] : {};
68
- r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
69
- _defineProperty(e, r, t[r]);
70
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
71
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
72
- });
73
- }
74
- return e;
75
- }
76
- function _defineProperty(obj, key, value) {
77
- key = _toPropertyKey(key);
78
- if (key in obj) {
79
- Object.defineProperty(obj, key, {
80
- value: value,
81
- enumerable: true,
82
- configurable: true,
83
- writable: true
84
- });
85
- } else {
86
- obj[key] = value;
87
- }
88
- return obj;
89
- }
90
- function _extends() {
91
- _extends = Object.assign ? Object.assign.bind() : function (target) {
92
- for (var i = 1; i < arguments.length; i++) {
93
- var source = arguments[i];
94
- for (var key in source) {
95
- if (Object.prototype.hasOwnProperty.call(source, key)) {
96
- target[key] = source[key];
97
- }
98
- }
99
- }
100
- return target;
101
- };
102
- return _extends.apply(this, arguments);
103
- }
104
- function _objectWithoutPropertiesLoose(source, excluded) {
105
- if (source == null) return {};
106
- var target = {};
107
- var sourceKeys = Object.keys(source);
108
- var key, i;
109
- for (i = 0; i < sourceKeys.length; i++) {
110
- key = sourceKeys[i];
111
- if (excluded.indexOf(key) >= 0) continue;
112
- target[key] = source[key];
113
- }
114
- return target;
115
- }
116
- function _objectWithoutProperties(source, excluded) {
117
- if (source == null) return {};
118
- var target = _objectWithoutPropertiesLoose(source, excluded);
119
- var key, i;
120
- if (Object.getOwnPropertySymbols) {
121
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
122
- for (i = 0; i < sourceSymbolKeys.length; i++) {
123
- key = sourceSymbolKeys[i];
124
- if (excluded.indexOf(key) >= 0) continue;
125
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
126
- target[key] = source[key];
127
- }
128
- }
129
- return target;
130
- }
131
- function _slicedToArray(arr, i) {
132
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
133
- }
134
- function _arrayWithHoles(arr) {
135
- if (Array.isArray(arr)) return arr;
136
- }
137
- function _unsupportedIterableToArray(o, minLen) {
138
- if (!o) return;
139
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
140
- var n = Object.prototype.toString.call(o).slice(8, -1);
141
- if (n === "Object" && o.constructor) n = o.constructor.name;
142
- if (n === "Map" || n === "Set") return Array.from(o);
143
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
144
- }
145
- function _arrayLikeToArray(arr, len) {
146
- if (len == null || len > arr.length) len = arr.length;
147
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
148
- return arr2;
149
- }
150
- function _nonIterableRest() {
151
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
152
- }
153
- function _toPrimitive(input, hint) {
154
- if (typeof input !== "object" || input === null) return input;
155
- var prim = input[Symbol.toPrimitive];
156
- if (prim !== undefined) {
157
- var res = prim.call(input, hint || "default");
158
- if (typeof res !== "object") return res;
159
- throw new TypeError("@@toPrimitive must return a primitive value.");
160
- }
161
- return (hint === "string" ? String : Number)(input);
162
- }
163
- function _toPropertyKey(arg) {
164
- var key = _toPrimitive(arg, "string");
165
- return typeof key === "symbol" ? key : String(key);
166
- }
167
-
168
- /**
169
- * @license
170
- * Copyright 2018 Google LLC
171
- * SPDX-License-Identifier: BSD-3-Clause
172
- */
173
- var e = new Set(["children", "localName", "ref", "style", "className"]),
174
- n = new WeakMap(),
175
- l = function l(e, _l, t, o, a) {
176
- var i = null == a ? void 0 : a[_l];
177
- void 0 === i || t === o ? (e[_l] = t, null == t && _l in ssrDomShim.HTMLElement.prototype && e.removeAttribute(_l)) : function (e, l, t) {
178
- var o = n.get(e);
179
- void 0 === o && n.set(e, o = new Map());
180
- var a = o.get(l);
181
- void 0 !== t ? void 0 === a ? (o.set(l, a = {
182
- handleEvent: t
183
- }), e.addEventListener(l, a)) : a.handleEvent = t : void 0 !== a && (o["delete"](l), e.removeEventListener(l, a));
184
- }(e, i, t);
185
- },
186
- t = function t(_ref) {
187
- var n = _ref.react,
188
- t = _ref.tagName,
189
- o = _ref.elementClass,
190
- a = _ref.events,
191
- i = _ref.displayName;
192
- var s = new Set(Object.keys(null != a ? a : {})),
193
- c = n.forwardRef(function (i, c) {
194
- var r = n.useRef(null),
195
- d = n.useRef(null),
196
- u = {},
197
- v = {};
198
- for (var _i = 0, _Object$entries = Object.entries(i); _i < _Object$entries.length; _i++) {
199
- var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
200
- _n = _Object$entries$_i[0],
201
- _l2 = _Object$entries$_i[1];
202
- e.has(_n) ? u["className" === _n ? "class" : _n] = _l2 : s.has(_n) || _n in o.prototype ? v[_n] = _l2 : u[_n] = _l2;
203
- }
204
- return n.useLayoutEffect(function () {
205
- if (null !== d.current) {
206
- for (var _e in v) l(d.current, _e, i[_e], r.current ? r.current[_e] : void 0, a);
207
- r.current = i;
208
- }
209
- }), n.useLayoutEffect(function () {
210
- var e;
211
- null === (e = d.current) || void 0 === e || e.removeAttribute("defer-hydration");
212
- }, []), u.suppressHydrationWarning = !0, n.createElement(t, _objectSpread2(_objectSpread2({}, u), {}, {
213
- ref: function ref(e) {
214
- d.current = e, "function" == typeof c ? c(e) : null !== c && (c.current = e);
215
- }
216
- }));
217
- });
218
- return c.displayName = null != i ? i : o.name, c;
219
- };
220
-
221
- var _excluded = ["className", "errors", "mapNameToId"];
222
- var ReactErrorSummary = t({
223
- tagName: 'bds-error-summary',
224
- elementClass: ErrorSummary,
225
- react: React__namespace
226
- });
227
- var FormErrorKey = '_form';
228
- var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
229
- function BdsErrorSummary(_ref) {
230
- var className = _ref.className,
231
- errors = _ref.errors,
232
- _ref$mapNameToId = _ref.mapNameToId,
233
- mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
234
- return name;
235
- } : _ref$mapNameToId,
236
- props = _objectWithoutProperties(_ref, _excluded);
237
- var headingId = React__namespace.useId();
238
- var groupRef = React__namespace.useRef(null);
239
- React__namespace.useEffect(function () {
240
- if (!errors || Object.keys(errors).length === 0) return;
241
- if (!groupRef.current) return;
242
- groupRef.current.focus();
243
- }, [errors]);
244
- if (!errors || Object.keys(errors).length === 0) return null;
245
- return /*#__PURE__*/React__namespace.createElement(ReactErrorSummary, _extends({
246
- className: ['stack', className].filter(function (x) {
247
- return x;
248
- }).join(' '),
249
- role: "group",
250
- "aria-labelledby": headingId,
251
- ref: groupRef,
252
- tabIndex: -1
253
- }, props), /*#__PURE__*/React__namespace.createElement("h2", {
254
- className: "bds-h5",
255
- id: headingId
256
- }, /*#__PURE__*/React__namespace.createElement("svg", {
257
- xmlns: "http://www.w3.org/2000/svg",
258
- viewBox: "0 0 512 512",
259
- "aria-hidden": "true",
260
- height: "1em",
261
- width: "1em",
262
- fill: "currentColor"
263
- }, /*#__PURE__*/React__namespace.createElement("path", {
264
- 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"
265
- })), "Issue"), /*#__PURE__*/React__namespace.createElement("ul", null, Object.keys(errors).map(function (errorKey) {
266
- var message = errors[errorKey];
267
- var isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);
268
- if (isFormError) {
269
- return /*#__PURE__*/React__namespace.createElement("li", {
270
- key: errorKey,
271
- dangerouslySetInnerHTML: {
272
- __html: message
273
- }
274
- });
275
- }
276
- var isArrayField = Array.isArray(message);
277
- var messages = isArrayField ? message : [message];
278
- return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
279
- key: errorKey
280
- }, messages.map(function (fieldMessage, index) {
281
- var inputId = "".concat(mapNameToId(errorKey)).concat(isArrayField ? "[".concat(index, "]") : '');
282
- return /*#__PURE__*/React__namespace.createElement("li", {
283
- key: inputId
284
- }, /*#__PURE__*/React__namespace.createElement("a", {
285
- href: "#".concat(inputId)
286
- }, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
287
- }));
288
- })));
289
- }
290
-
291
- exports.FormErrorKey = FormErrorKey;
292
- exports.default = BdsErrorSummary;
293
- //# sourceMappingURL=index.node.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.node.cjs","sources":["../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\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: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(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 return (\r\n <ReactErrorSummary\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}`}>\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":["ReactErrorSummary","createComponent","tagName","elementClass","ErrorSummary","react","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","_ref","className","errors","_ref$mapNameToId","mapNameToId","name","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useRef","useEffect","Object","keys","length","current","focus","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","inputId","concat","href","undefined"],"mappings":"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"}
@@ -1,109 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopNamespaceDefault(e) {
6
- var n = Object.create(null);
7
- if (e) {
8
- Object.keys(e).forEach(function (k) {
9
- if (k !== 'default') {
10
- var d = Object.getOwnPropertyDescriptor(e, k);
11
- Object.defineProperty(n, k, d.get ? d : {
12
- enumerable: true,
13
- get: function () { return e[k]; }
14
- });
15
- }
16
- });
17
- }
18
- n.default = e;
19
- return Object.freeze(n);
20
- }
21
-
22
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
23
-
24
- function _extends() {
25
- _extends = Object.assign ? Object.assign.bind() : function (target) {
26
- for (var i = 1; i < arguments.length; i++) {
27
- var source = arguments[i];
28
- for (var key in source) {
29
- if (Object.prototype.hasOwnProperty.call(source, key)) {
30
- target[key] = source[key];
31
- }
32
- }
33
- }
34
- return target;
35
- };
36
- return _extends.apply(this, arguments);
37
- }
38
- function _objectWithoutPropertiesLoose(source, excluded) {
39
- if (source == null) return {};
40
- var target = {};
41
- var sourceKeys = Object.keys(source);
42
- var key, i;
43
- for (i = 0; i < sourceKeys.length; i++) {
44
- key = sourceKeys[i];
45
- if (excluded.indexOf(key) >= 0) continue;
46
- target[key] = source[key];
47
- }
48
- return target;
49
- }
50
- function _objectWithoutProperties(source, excluded) {
51
- if (source == null) return {};
52
- var target = _objectWithoutPropertiesLoose(source, excluded);
53
- var key, i;
54
- if (Object.getOwnPropertySymbols) {
55
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
56
- for (i = 0; i < sourceSymbolKeys.length; i++) {
57
- key = sourceSymbolKeys[i];
58
- if (excluded.indexOf(key) >= 0) continue;
59
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
60
- target[key] = source[key];
61
- }
62
- }
63
- return target;
64
- }
65
-
66
- var _excluded = ["as", "error", "hint", "id", "isOptional", "label"];
67
- function FieldTextInput(_ref) {
68
- var _id;
69
- var as = _ref.as,
70
- error = _ref.error,
71
- hint = _ref.hint,
72
- id = _ref.id,
73
- _ref$isOptional = _ref.isOptional,
74
- isOptional = _ref$isOptional === void 0 ? false : _ref$isOptional,
75
- label = _ref.label,
76
- props = _objectWithoutProperties(_ref, _excluded);
77
- id = (_id = id) !== null && _id !== void 0 ? _id : props.name;
78
- var errorId = React__namespace.useId();
79
- var hintId = React__namespace.useId();
80
- var InputComponent = as !== null && as !== void 0 ? as : 'input';
81
- return /*#__PURE__*/React__namespace.createElement("div", {
82
- className: "bds-text-input stack"
83
- }, /*#__PURE__*/React__namespace.createElement("label", {
84
- htmlFor: id
85
- }, label, isOptional && ' (optional)'), hint && /*#__PURE__*/React__namespace.createElement("span", {
86
- className: "bds-hint",
87
- id: hintId
88
- }, hint), error && /*#__PURE__*/React__namespace.createElement("span", {
89
- className: "bds-error",
90
- id: errorId
91
- }, /*#__PURE__*/React__namespace.createElement("svg", {
92
- xmlns: "http://www.w3.org/2000/svg",
93
- viewBox: "0 0 512 512",
94
- "aria-hidden": "true",
95
- height: "1em",
96
- width: "1em",
97
- fill: "currentColor"
98
- }, /*#__PURE__*/React__namespace.createElement("path", {
99
- 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"
100
- })), error), /*#__PURE__*/React__namespace.createElement(InputComponent, _extends({
101
- "aria-invalid": error ? true : undefined,
102
- "aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
103
- "aria-required": isOptional ? undefined : true,
104
- id: id
105
- }, props)));
106
- }
107
-
108
- module.exports = FieldTextInput;
109
- //# sourceMappingURL=index.node.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.node.cjs","sources":["../../src/FieldTextInput/FieldTextInput.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type FieldTextInputProps<C> = {\r\n as?: C;\r\n error?: string;\r\n hint?: string;\r\n id?: string;\r\n isOptional?: boolean;\r\n label: string;\r\n};\r\n\r\nexport default function FieldTextInput<C extends React.ElementType>({\r\n as,\r\n error,\r\n hint,\r\n id,\r\n isOptional = false,\r\n label,\r\n ...props\r\n}: FieldTextInputProps<C> & React.ComponentPropsWithoutRef<C>) {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWe,SAASA,cAAcA,CAAAC,IAAA,EAQyB;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAP7DC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,EAAE,GAAAL,IAAA,CAAFK,EAAE;IAAAC,eAAA,GAAAN,IAAA,CACFO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,KAAK,GAAAR,IAAA,CAALQ,KAAK;AACFC,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAERN,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,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;;;;"}
@@ -1,180 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- function _interopNamespaceDefault(e) {
6
- var n = Object.create(null);
7
- if (e) {
8
- Object.keys(e).forEach(function (k) {
9
- if (k !== 'default') {
10
- var d = Object.getOwnPropertyDescriptor(e, k);
11
- Object.defineProperty(n, k, d.get ? d : {
12
- enumerable: true,
13
- get: function () { return e[k]; }
14
- });
15
- }
16
- });
17
- }
18
- n.default = e;
19
- return Object.freeze(n);
20
- }
21
-
22
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
23
-
24
- function _extends() {
25
- _extends = Object.assign ? Object.assign.bind() : function (target) {
26
- for (var i = 1; i < arguments.length; i++) {
27
- var source = arguments[i];
28
- for (var key in source) {
29
- if (Object.prototype.hasOwnProperty.call(source, key)) {
30
- target[key] = source[key];
31
- }
32
- }
33
- }
34
- return target;
35
- };
36
- return _extends.apply(this, arguments);
37
- }
38
- function _objectWithoutPropertiesLoose(source, excluded) {
39
- if (source == null) return {};
40
- var target = {};
41
- var sourceKeys = Object.keys(source);
42
- var key, i;
43
- for (i = 0; i < sourceKeys.length; i++) {
44
- key = sourceKeys[i];
45
- if (excluded.indexOf(key) >= 0) continue;
46
- target[key] = source[key];
47
- }
48
- return target;
49
- }
50
- function _objectWithoutProperties(source, excluded) {
51
- if (source == null) return {};
52
- var target = _objectWithoutPropertiesLoose(source, excluded);
53
- var key, i;
54
- if (Object.getOwnPropertySymbols) {
55
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
56
- for (i = 0; i < sourceSymbolKeys.length; i++) {
57
- key = sourceSymbolKeys[i];
58
- if (excluded.indexOf(key) >= 0) continue;
59
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
60
- target[key] = source[key];
61
- }
62
- }
63
- return target;
64
- }
65
- function _toConsumableArray(arr) {
66
- return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
67
- }
68
- function _arrayWithoutHoles(arr) {
69
- if (Array.isArray(arr)) return _arrayLikeToArray(arr);
70
- }
71
- function _iterableToArray(iter) {
72
- if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
73
- }
74
- function _unsupportedIterableToArray(o, minLen) {
75
- if (!o) return;
76
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
77
- var n = Object.prototype.toString.call(o).slice(8, -1);
78
- if (n === "Object" && o.constructor) n = o.constructor.name;
79
- if (n === "Map" || n === "Set") return Array.from(o);
80
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
81
- }
82
- function _arrayLikeToArray(arr, len) {
83
- if (len == null || len > arr.length) len = arr.length;
84
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
85
- return arr2;
86
- }
87
- function _nonIterableSpread() {
88
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
89
- }
90
-
91
- var _excluded = ["buildPageUrl", "className", "currentPage", "onPageClick", "totalPages"];
92
- function usePages(currentPage, totalPages) {
93
- var pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(function (x) {
94
- return x >= 1 && x <= totalPages;
95
- });
96
- return _toConsumableArray(new Set(pages));
97
- }
98
- function Pagination(_ref) {
99
- var buildPageUrl = _ref.buildPageUrl,
100
- className = _ref.className,
101
- currentPage = _ref.currentPage,
102
- onPageClick = _ref.onPageClick,
103
- totalPages = _ref.totalPages,
104
- props = _objectWithoutProperties(_ref, _excluded);
105
- var pages = usePages(currentPage, totalPages);
106
- return /*#__PURE__*/React__namespace.createElement("nav", _extends({
107
- "aria-label": "pagination",
108
- className: ['bds-pagination', className].filter(function (x) {
109
- return x;
110
- }).join(' ')
111
- }, props), currentPage !== 1 && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
112
- href: buildPageUrl(1),
113
- className: "bds-first-page"
114
- }, /*#__PURE__*/React__namespace.createElement("svg", {
115
- xmlns: "http://www.w3.org/2000/svg",
116
- "aria-hidden": "true",
117
- focusable: "false",
118
- height: "1em",
119
- width: "100%",
120
- viewBox: "0 63.95 512 384.1"
121
- }, /*#__PURE__*/React__namespace.createElement("path", {
122
- 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"
123
- })), "First"), /*#__PURE__*/React__namespace.createElement("a", {
124
- "aria-label": "previous",
125
- href: buildPageUrl(currentPage - 1),
126
- rel: "prev"
127
- }, /*#__PURE__*/React__namespace.createElement("svg", {
128
- xmlns: "http://www.w3.org/2000/svg",
129
- "aria-hidden": "true",
130
- focusable: "false",
131
- width: "100%",
132
- height: "1em",
133
- viewBox: "0.02 95.9 192.08 320.17"
134
- }, /*#__PURE__*/React__namespace.createElement("path", {
135
- 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"
136
- })), "Prev.")), /*#__PURE__*/React__namespace.createElement("ul", null, pages.map(function (page, index) {
137
- var handlePageClick = function handlePageClick() {
138
- if (!onPageClick) return;
139
- onPageClick(page);
140
- };
141
- return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
142
- key: page
143
- }, /*#__PURE__*/React__namespace.createElement("li", null, /*#__PURE__*/React__namespace.createElement("a", {
144
- "aria-current": page === currentPage ? 'page' : undefined,
145
- href: buildPageUrl(page),
146
- onClick: handlePageClick
147
- }, /*#__PURE__*/React__namespace.createElement("span", {
148
- className: "visually-hidden"
149
- }, "Page"), " ", page)), pages[index + 1] > page + 1 ? /*#__PURE__*/React__namespace.createElement("li", {
150
- "data-overflow": ""
151
- }, "...") : null);
152
- })), currentPage !== totalPages && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
153
- href: buildPageUrl(currentPage + 1),
154
- rel: "next"
155
- }, "Next", /*#__PURE__*/React__namespace.createElement("svg", {
156
- xmlns: "http://www.w3.org/2000/svg",
157
- "aria-hidden": "true",
158
- focusable: "false",
159
- viewBox: "63.9 95.9 192.1 320.17",
160
- width: "100%",
161
- height: "1em"
162
- }, /*#__PURE__*/React__namespace.createElement("path", {
163
- 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"
164
- }))), /*#__PURE__*/React__namespace.createElement("a", {
165
- href: buildPageUrl(totalPages),
166
- className: "bds-last-page"
167
- }, "Last", /*#__PURE__*/React__namespace.createElement("svg", {
168
- xmlns: "http://www.w3.org/2000/svg",
169
- "aria-hidden": "true",
170
- focusable: "false",
171
- width: "100%",
172
- height: "1em",
173
- viewBox: "0 63.95 512 384.1"
174
- }, /*#__PURE__*/React__namespace.createElement("path", {
175
- 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"
176
- })))));
177
- }
178
-
179
- module.exports = Pagination;
180
- //# sourceMappingURL=index.node.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.node.cjs","sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type PaginationProps = {\r\n buildPageUrl: (page: number) => string;\r\n currentPage: number;\r\n onPageClick?: (page: number) => void;\r\n totalPages: number;\r\n};\r\n\r\nfunction usePages(currentPage: number, totalPages: number) {\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({\r\n buildPageUrl,\r\n className,\r\n currentPage,\r\n onPageClick,\r\n totalPages,\r\n ...props\r\n}: PaginationProps & React.ComponentPropsWithoutRef<'nav'>) {\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=\"100%\"\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=\"100%\"\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=\"100%\"\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=\"100%\"\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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"}