@amsterdam/design-system-react 0.11.1 → 0.13.0
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/README.md +63 -11
- package/dist/index.cjs.js +745 -252
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +293 -132
- package/dist/index.esm.js +741 -251
- package/dist/index.esm.js.map +1 -1
- package/package.json +31 -27
package/dist/index.esm.js
CHANGED
|
@@ -1,58 +1,164 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
5
|
-
import { forwardRef, useRef, useImperativeHandle, useEffect, useState, useId, createContext, useContext, startTransition, useMemo } from 'react';
|
|
6
4
|
import clsx, { clsx as clsx$1 } from 'clsx';
|
|
7
|
-
import {
|
|
5
|
+
import { forwardRef, createContext, useContext, useCallback, useMemo, useState, useRef, useEffect, useImperativeHandle, useId, startTransition } from 'react';
|
|
8
6
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
7
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
8
|
+
import { CloseIcon, ChevronLeftIcon, ChevronRightIcon, AlertIcon, InfoIcon, CheckmarkIcon, PersonalLoginIcon, RadioIcon, SearchIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
var _excluded$1u = ["children", "className"];
|
|
11
|
+
function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
+
var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
|
+
var children = _ref.children,
|
|
15
|
+
className = _ref.className,
|
|
16
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1u);
|
|
17
|
+
return jsx("div", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
|
|
18
|
+
ref: ref,
|
|
19
|
+
className: clsx('ams-action-group', className),
|
|
20
|
+
role: "group",
|
|
21
|
+
children: children
|
|
22
|
+
}));
|
|
23
|
+
});
|
|
24
|
+
ActionGroup.displayName = 'ActionGroup';
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* @license EUPL-1.2+
|
|
28
|
+
* Copyright Gemeente Amsterdam
|
|
29
|
+
*/
|
|
30
|
+
var addGridClass = function addGridClass(prefix, value) {
|
|
31
|
+
if (value === 'all' || typeof value === 'number') {
|
|
32
|
+
return ["".concat(prefix).concat(value)];
|
|
33
|
+
} else if (value) {
|
|
34
|
+
var narrow = value.narrow,
|
|
35
|
+
medium = value.medium,
|
|
36
|
+
wide = value.wide;
|
|
37
|
+
return ["".concat(prefix).concat(narrow), "".concat(prefix).concat(medium, "-medium"), "".concat(prefix).concat(wide, "-wide")];
|
|
20
38
|
}
|
|
21
|
-
|
|
39
|
+
return [];
|
|
40
|
+
};
|
|
41
|
+
var gridCellClasses = function gridCellClasses(colSpan, colStart) {
|
|
42
|
+
return [].concat(_toConsumableArray(addGridClass('ams-grid__cell--span-', colSpan)), _toConsumableArray(addGridClass('ams-grid__cell--start-', colStart)));
|
|
43
|
+
};
|
|
22
44
|
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
45
|
+
var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpan, rowStart) {
|
|
46
|
+
return [].concat(_toConsumableArray(addGridClass('ams-breakout__cell--col-span-', colSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--col-start-', colStart)), _toConsumableArray(addGridClass('ams-breakout__cell--row-span-', rowSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--row-start-', rowStart)));
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
var _excluded$1t = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
|
|
50
|
+
function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
51
|
+
function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
52
|
+
var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
53
|
+
var _ref$as = _ref.as,
|
|
54
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
55
|
+
children = _ref.children,
|
|
56
|
+
className = _ref.className,
|
|
57
|
+
colSpan = _ref.colSpan,
|
|
58
|
+
colStart = _ref.colStart,
|
|
59
|
+
has = _ref.has,
|
|
60
|
+
rowSpan = _ref.rowSpan,
|
|
61
|
+
rowStart = _ref.rowStart,
|
|
62
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1t);
|
|
63
|
+
return jsx(Tag, _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
|
|
64
|
+
ref: ref,
|
|
65
|
+
className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
|
|
66
|
+
children: children
|
|
67
|
+
}));
|
|
68
|
+
});
|
|
69
|
+
BreakoutCell.displayName = 'Breakout.Cell';
|
|
70
|
+
|
|
71
|
+
var paddingClasses = function paddingClasses(componentName, paddingBottom, paddingTop, paddingVertical) {
|
|
72
|
+
var classes = [];
|
|
73
|
+
if (paddingVertical) {
|
|
74
|
+
return ["ams-".concat(componentName, "--padding-vertical--").concat(paddingVertical)];
|
|
75
|
+
}
|
|
76
|
+
if (paddingBottom) {
|
|
77
|
+
classes.push("ams-".concat(componentName, "--padding-bottom--").concat(paddingBottom));
|
|
78
|
+
}
|
|
79
|
+
if (paddingTop) {
|
|
80
|
+
classes.push("ams-".concat(componentName, "--padding-top--").concat(paddingTop));
|
|
81
|
+
}
|
|
82
|
+
return classes;
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
var _excluded$1s = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
86
|
+
function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
87
|
+
function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
88
|
+
var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
27
89
|
var children = _ref.children,
|
|
28
90
|
className = _ref.className,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
34
|
-
|
|
35
|
-
var sizeOrLevel = size !== null && size !== void 0 ? size : "level-".concat(level);
|
|
36
|
-
return jsx(Tag, _objectSpread$1q(_objectSpread$1q({
|
|
91
|
+
gapVertical = _ref.gapVertical,
|
|
92
|
+
paddingBottom = _ref.paddingBottom,
|
|
93
|
+
paddingTop = _ref.paddingTop,
|
|
94
|
+
paddingVertical = _ref.paddingVertical,
|
|
95
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1s);
|
|
96
|
+
return jsx("div", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
|
|
37
97
|
ref: ref,
|
|
38
|
-
className: clsx('ams-
|
|
39
|
-
}, restProps), {}, {
|
|
98
|
+
className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
|
|
40
99
|
children: children
|
|
41
100
|
}));
|
|
42
101
|
});
|
|
43
|
-
|
|
102
|
+
BreakoutRoot.displayName = 'Breakout';
|
|
103
|
+
var Breakout = Object.assign(BreakoutRoot, {
|
|
104
|
+
Cell: BreakoutCell
|
|
105
|
+
});
|
|
44
106
|
|
|
45
|
-
var _excluded$
|
|
46
|
-
function ownKeys$
|
|
47
|
-
function _objectSpread$
|
|
107
|
+
var _excluded$1r = ["className", "hint", "optional"];
|
|
108
|
+
function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
109
|
+
function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
110
|
+
var getHintText = function getHintText(_ref) {
|
|
111
|
+
var hint = _ref.hint,
|
|
112
|
+
optional = _ref.optional;
|
|
113
|
+
if (hint) {
|
|
114
|
+
return hint;
|
|
115
|
+
} else if (optional) {
|
|
116
|
+
return 'niet verplicht';
|
|
117
|
+
}
|
|
118
|
+
return null;
|
|
119
|
+
};
|
|
120
|
+
var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
121
|
+
var className = _ref2.className,
|
|
122
|
+
hint = _ref2.hint,
|
|
123
|
+
optional = _ref2.optional,
|
|
124
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1r);
|
|
125
|
+
var hintText = getHintText({
|
|
126
|
+
hint: hint,
|
|
127
|
+
optional: optional
|
|
128
|
+
});
|
|
129
|
+
return hintText && jsxs("span", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
|
|
130
|
+
ref: ref,
|
|
131
|
+
className: clsx('ams-hint', className),
|
|
132
|
+
children: ["(", hintText, ")"]
|
|
133
|
+
}));
|
|
134
|
+
});
|
|
135
|
+
Hint.displayName = 'Hint';
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* @license EUPL-1.2+
|
|
139
|
+
* Copyright Gemeente Amsterdam
|
|
140
|
+
*/
|
|
141
|
+
var defaultValues$2 = {
|
|
142
|
+
currentSlideId: 0,
|
|
143
|
+
isAtStart: true,
|
|
144
|
+
isAtEnd: false,
|
|
145
|
+
goToNextSlide: function goToNextSlide() {},
|
|
146
|
+
goToPreviousSlide: function goToPreviousSlide() {},
|
|
147
|
+
goToSlideId: function goToSlideId() {}
|
|
148
|
+
};
|
|
149
|
+
var ImageSliderContext = /*#__PURE__*/createContext(defaultValues$2);
|
|
150
|
+
|
|
151
|
+
var _excluded$1q = ["className", "size", "square", "svg"];
|
|
152
|
+
function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
153
|
+
function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
48
154
|
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
49
155
|
var className = _ref.className,
|
|
50
156
|
_ref$size = _ref.size,
|
|
51
157
|
size = _ref$size === void 0 ? 'level-3' : _ref$size,
|
|
52
158
|
square = _ref.square,
|
|
53
159
|
svg = _ref.svg,
|
|
54
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
55
|
-
return jsx("span", _objectSpread$
|
|
160
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1q);
|
|
161
|
+
return jsx("span", _objectSpread$1w(_objectSpread$1w({
|
|
56
162
|
ref: ref,
|
|
57
163
|
className: clsx('ams-icon', size === 'level-3' && 'ams-icon--size-3', size === 'level-4' && 'ams-icon--size-4', size === 'level-5' && 'ams-icon--size-5', size === 'level-6' && 'ams-icon--size-6', square && 'ams-icon--square', className)
|
|
58
164
|
}, restProps), {}, {
|
|
@@ -61,21 +167,22 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
61
167
|
});
|
|
62
168
|
Icon.displayName = 'Icon';
|
|
63
169
|
|
|
64
|
-
var _excluded$
|
|
65
|
-
function ownKeys$
|
|
66
|
-
function _objectSpread$
|
|
170
|
+
var _excluded$1p = ["className", "label", "contrastColor", "inverseColor", "size", "svg"];
|
|
171
|
+
function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
172
|
+
function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
67
173
|
var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
68
174
|
var className = _ref.className,
|
|
69
175
|
label = _ref.label,
|
|
70
|
-
|
|
176
|
+
contrastColor = _ref.contrastColor,
|
|
177
|
+
inverseColor = _ref.inverseColor,
|
|
71
178
|
_ref$size = _ref.size,
|
|
72
179
|
size = _ref$size === void 0 ? 'level-5' : _ref$size,
|
|
73
180
|
_ref$svg = _ref.svg,
|
|
74
181
|
svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
|
|
75
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
76
|
-
return jsxs("button", _objectSpread$
|
|
182
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1p);
|
|
183
|
+
return jsxs("button", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
|
|
77
184
|
ref: ref,
|
|
78
|
-
className: clsx('ams-icon-button',
|
|
185
|
+
className: clsx('ams-icon-button', contrastColor && 'ams-icon-button--contrast-color', inverseColor && 'ams-icon-button--inverse-color', className),
|
|
79
186
|
children: [jsx("span", {
|
|
80
187
|
className: "ams-visually-hidden",
|
|
81
188
|
children: label
|
|
@@ -88,9 +195,388 @@ var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
88
195
|
});
|
|
89
196
|
IconButton.displayName = 'IconButton';
|
|
90
197
|
|
|
91
|
-
var _excluded$
|
|
198
|
+
var _excluded$1o = ["className", "nextLabel", "previousLabel"];
|
|
199
|
+
function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
200
|
+
function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
201
|
+
var ImageSliderControls = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
202
|
+
var className = _ref.className,
|
|
203
|
+
nextLabel = _ref.nextLabel,
|
|
204
|
+
previousLabel = _ref.previousLabel,
|
|
205
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1o);
|
|
206
|
+
var _useContext = useContext(ImageSliderContext),
|
|
207
|
+
isAtStart = _useContext.isAtStart,
|
|
208
|
+
isAtEnd = _useContext.isAtEnd,
|
|
209
|
+
goToNextSlide = _useContext.goToNextSlide,
|
|
210
|
+
goToPreviousSlide = _useContext.goToPreviousSlide;
|
|
211
|
+
var handleClickPrevious = useCallback(function () {
|
|
212
|
+
return goToPreviousSlide();
|
|
213
|
+
}, [goToPreviousSlide]);
|
|
214
|
+
var handleClickNext = useCallback(function () {
|
|
215
|
+
return goToNextSlide();
|
|
216
|
+
}, [goToNextSlide]);
|
|
217
|
+
return jsxs("div", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
|
|
218
|
+
className: clsx('ams-image-slider__controls', className),
|
|
219
|
+
ref: ref,
|
|
220
|
+
children: [jsx(IconButton, {
|
|
221
|
+
className: "ams-image-slider__control ams-image-slider__control--previous",
|
|
222
|
+
disabled: isAtStart,
|
|
223
|
+
inverseColor: true,
|
|
224
|
+
label: previousLabel,
|
|
225
|
+
onClick: handleClickPrevious,
|
|
226
|
+
svg: ChevronLeftIcon
|
|
227
|
+
}), jsx(IconButton, {
|
|
228
|
+
className: "ams-image-slider__control ams-image-slider__control--next",
|
|
229
|
+
disabled: isAtEnd,
|
|
230
|
+
inverseColor: true,
|
|
231
|
+
label: nextLabel,
|
|
232
|
+
onClick: handleClickNext,
|
|
233
|
+
svg: ChevronRightIcon
|
|
234
|
+
})]
|
|
235
|
+
}));
|
|
236
|
+
});
|
|
237
|
+
ImageSliderControls.displayName = 'ImageSliderControls';
|
|
238
|
+
|
|
239
|
+
var _excluded$1n = ["children", "slideId", "className"];
|
|
240
|
+
function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
241
|
+
function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
242
|
+
var ImageSliderItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
243
|
+
var children = _ref.children,
|
|
244
|
+
slideId = _ref.slideId,
|
|
245
|
+
className = _ref.className,
|
|
246
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
247
|
+
var _useContext = useContext(ImageSliderContext),
|
|
248
|
+
currentSlideId = _useContext.currentSlideId;
|
|
249
|
+
var isInView = useMemo(function () {
|
|
250
|
+
return currentSlideId === slideId;
|
|
251
|
+
}, [currentSlideId, slideId]);
|
|
252
|
+
var itemClassName = useMemo(function () {
|
|
253
|
+
return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
|
|
254
|
+
}, [isInView, className]);
|
|
255
|
+
return jsx("div", _objectSpread$1t(_objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
|
|
256
|
+
className: itemClassName,
|
|
257
|
+
ref: ref
|
|
258
|
+
}, !isInView && {
|
|
259
|
+
inert: ''
|
|
260
|
+
}), {}, {
|
|
261
|
+
children: children
|
|
262
|
+
}));
|
|
263
|
+
});
|
|
264
|
+
ImageSliderItem.displayName = 'ImageSlider.Item';
|
|
265
|
+
|
|
266
|
+
var _excluded$1m = ["children", "className"];
|
|
267
|
+
function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
268
|
+
function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
269
|
+
var ImageSliderScroller = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
270
|
+
var children = _ref.children,
|
|
271
|
+
className = _ref.className,
|
|
272
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
273
|
+
return jsx("div", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
|
|
274
|
+
className: clsx('ams-image-slider__scroller', className),
|
|
275
|
+
ref: ref,
|
|
276
|
+
children: children
|
|
277
|
+
}));
|
|
278
|
+
});
|
|
279
|
+
ImageSliderScroller.displayName = 'ImageSlider.Scroller';
|
|
280
|
+
|
|
281
|
+
var _excluded$1l = ["className", "imageLabel", "thumbnails"];
|
|
282
|
+
function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
283
|
+
function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
284
|
+
var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
285
|
+
var className = _ref.className,
|
|
286
|
+
imageLabel = _ref.imageLabel,
|
|
287
|
+
thumbnails = _ref.thumbnails,
|
|
288
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1l);
|
|
289
|
+
var _useContext = useContext(ImageSliderContext),
|
|
290
|
+
currentSlideId = _useContext.currentSlideId,
|
|
291
|
+
goToNextSlide = _useContext.goToNextSlide,
|
|
292
|
+
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
293
|
+
goToSlideId = _useContext.goToSlideId;
|
|
294
|
+
var handleKeyDown = useCallback(function (event) {
|
|
295
|
+
var element = event.currentTarget.children[currentSlideId];
|
|
296
|
+
if (event.key === 'ArrowRight') {
|
|
297
|
+
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
298
|
+
if (nextElement) {
|
|
299
|
+
nextElement.focus();
|
|
300
|
+
goToNextSlide();
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
if (event.key === 'ArrowLeft') {
|
|
304
|
+
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
305
|
+
if (previousElement) {
|
|
306
|
+
previousElement.focus();
|
|
307
|
+
goToPreviousSlide();
|
|
308
|
+
}
|
|
309
|
+
}
|
|
310
|
+
}, [currentSlideId, goToNextSlide, goToPreviousSlide]);
|
|
311
|
+
var renderThumbnails = useMemo(function () {
|
|
312
|
+
return thumbnails.map(function (_ref2, index) {
|
|
313
|
+
var alt = _ref2.alt,
|
|
314
|
+
aspectRatio = _ref2.aspectRatio,
|
|
315
|
+
src = _ref2.src;
|
|
316
|
+
return jsx("button", {
|
|
317
|
+
"aria-label": "".concat(imageLabel, " ").concat(index + 1, ": ").concat(alt),
|
|
318
|
+
"aria-posinset": index + 1,
|
|
319
|
+
"aria-selected": currentSlideId === index ? 'true' : 'false',
|
|
320
|
+
"aria-setsize": thumbnails.length,
|
|
321
|
+
className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', aspectRatio && "ams-aspect-ratio--".concat(aspectRatio)),
|
|
322
|
+
onClick: function onClick() {
|
|
323
|
+
return goToSlideId(index);
|
|
324
|
+
},
|
|
325
|
+
role: "tab",
|
|
326
|
+
style: {
|
|
327
|
+
backgroundImage: "url(".concat(src, ")")
|
|
328
|
+
},
|
|
329
|
+
tabIndex: currentSlideId === index ? 0 : -1
|
|
330
|
+
}, index);
|
|
331
|
+
});
|
|
332
|
+
}, [currentSlideId, goToSlideId, imageLabel, thumbnails]);
|
|
333
|
+
return jsx("nav", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
|
|
334
|
+
className: clsx('ams-image-slider__thumbnails', className),
|
|
335
|
+
onKeyDown: handleKeyDown,
|
|
336
|
+
ref: ref,
|
|
337
|
+
role: "tablist",
|
|
338
|
+
children: renderThumbnails
|
|
339
|
+
}));
|
|
340
|
+
});
|
|
341
|
+
ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
|
|
342
|
+
|
|
343
|
+
var _excluded$1k = ["className", "cover"];
|
|
344
|
+
function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
345
|
+
function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
346
|
+
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
347
|
+
var className = _ref.className,
|
|
348
|
+
_ref$cover = _ref.cover,
|
|
349
|
+
cover = _ref$cover === void 0 ? false : _ref$cover,
|
|
350
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
351
|
+
return jsx("img", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
|
|
352
|
+
ref: ref,
|
|
353
|
+
className: clsx('ams-image', cover && 'ams-image--cover', className)
|
|
354
|
+
}));
|
|
355
|
+
});
|
|
356
|
+
Image.displayName = 'Image';
|
|
357
|
+
|
|
358
|
+
var _excluded$1j = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
|
|
359
|
+
function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
360
|
+
function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
361
|
+
var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
362
|
+
var className = _ref.className,
|
|
363
|
+
controls = _ref.controls,
|
|
364
|
+
_ref$imageLabel = _ref.imageLabel,
|
|
365
|
+
imageLabel = _ref$imageLabel === void 0 ? 'Afbeelding' : _ref$imageLabel,
|
|
366
|
+
images = _ref.images,
|
|
367
|
+
_ref$nextLabel = _ref.nextLabel,
|
|
368
|
+
nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
|
|
369
|
+
_ref$previousLabel = _ref.previousLabel,
|
|
370
|
+
previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
|
|
371
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
372
|
+
var _useState = useState(0),
|
|
373
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
374
|
+
currentSlideId = _useState2[0],
|
|
375
|
+
setCurrentSlideId = _useState2[1];
|
|
376
|
+
var _useState3 = useState(true),
|
|
377
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
378
|
+
isAtStart = _useState4[0],
|
|
379
|
+
setIsAtStart = _useState4[1];
|
|
380
|
+
var _useState5 = useState(false),
|
|
381
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
382
|
+
isAtEnd = _useState6[0],
|
|
383
|
+
setIsAtEnd = _useState6[1];
|
|
384
|
+
var targetRef = useRef(null);
|
|
385
|
+
var observerRef = useRef(null);
|
|
386
|
+
var inView = useCallback(function (observations) {
|
|
387
|
+
var _targetRef$current;
|
|
388
|
+
var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children) || []);
|
|
389
|
+
observations.forEach(function (observation) {
|
|
390
|
+
if (observation.isIntersecting) {
|
|
391
|
+
setCurrentSlideId(images.indexOf(observation.target));
|
|
392
|
+
}
|
|
393
|
+
});
|
|
394
|
+
}, []);
|
|
395
|
+
var observerOptions = useMemo(function () {
|
|
396
|
+
return {
|
|
397
|
+
root: targetRef.current,
|
|
398
|
+
threshold: 0.6
|
|
399
|
+
};
|
|
400
|
+
}, []);
|
|
401
|
+
var updateControls = useCallback(function () {
|
|
402
|
+
var sliderScrollerElement = targetRef.current;
|
|
403
|
+
if (!sliderScrollerElement) return;
|
|
404
|
+
var lastElement = sliderScrollerElement.lastElementChild,
|
|
405
|
+
firstElement = sliderScrollerElement.firstElementChild;
|
|
406
|
+
setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
407
|
+
setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
408
|
+
}, [currentSlideId]);
|
|
409
|
+
useEffect(function () {
|
|
410
|
+
if (targetRef.current) {
|
|
411
|
+
observerRef.current = new IntersectionObserver(inView, observerOptions);
|
|
412
|
+
var observer = observerRef.current;
|
|
413
|
+
var slides = Array.from(targetRef.current.children);
|
|
414
|
+
slides.forEach(function (slide) {
|
|
415
|
+
return observer.observe(slide);
|
|
416
|
+
});
|
|
417
|
+
targetRef.current.addEventListener('scrollend', synchronise);
|
|
418
|
+
updateControls();
|
|
419
|
+
return function () {
|
|
420
|
+
var _targetRef$current2;
|
|
421
|
+
slides.forEach(function (slide) {
|
|
422
|
+
return observer.unobserve(slide);
|
|
423
|
+
});
|
|
424
|
+
(_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 || _targetRef$current2.removeEventListener('scrollend', synchronise);
|
|
425
|
+
};
|
|
426
|
+
}
|
|
427
|
+
return undefined;
|
|
428
|
+
}, [inView, observerOptions, updateControls]);
|
|
429
|
+
var synchronise = useCallback(function () {
|
|
430
|
+
return updateControls();
|
|
431
|
+
}, [updateControls]);
|
|
432
|
+
var goToSlide = useCallback(function (element) {
|
|
433
|
+
var sliderScrollerElement = targetRef.current;
|
|
434
|
+
if (!sliderScrollerElement || !element) return;
|
|
435
|
+
sliderScrollerElement.scrollTo({
|
|
436
|
+
left: sliderScrollerElement.scrollLeft + element.offsetLeft - sliderScrollerElement.scrollLeft
|
|
437
|
+
});
|
|
438
|
+
}, []);
|
|
439
|
+
var goToSlideId = useCallback(function (id) {
|
|
440
|
+
var _targetRef$current3;
|
|
441
|
+
var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.children[id];
|
|
442
|
+
if (element) goToSlide(element);
|
|
443
|
+
}, [goToSlide]);
|
|
444
|
+
var goToNextSlide = useCallback(function () {
|
|
445
|
+
var _targetRef$current4;
|
|
446
|
+
var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.children[currentSlideId];
|
|
447
|
+
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
448
|
+
if (nextElement) goToSlide(nextElement);
|
|
449
|
+
}, [currentSlideId, goToSlide]);
|
|
450
|
+
var goToPreviousSlide = useCallback(function () {
|
|
451
|
+
var _targetRef$current5;
|
|
452
|
+
var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 === void 0 ? void 0 : _targetRef$current5.children[currentSlideId];
|
|
453
|
+
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
454
|
+
if (previousElement) goToSlide(previousElement);
|
|
455
|
+
}, [currentSlideId, goToSlide]);
|
|
456
|
+
useEffect(function () {
|
|
457
|
+
var handleResize = function handleResize() {
|
|
458
|
+
var _targetRef$current6;
|
|
459
|
+
var sliderScrollerElement = targetRef.current;
|
|
460
|
+
var currentSlideElement = (_targetRef$current6 = targetRef.current) === null || _targetRef$current6 === void 0 ? void 0 : _targetRef$current6.children[currentSlideId];
|
|
461
|
+
if (!sliderScrollerElement || !currentSlideElement) return;
|
|
462
|
+
var expectedScrollLeft = currentSlideElement.offsetLeft;
|
|
463
|
+
if (Math.abs(sliderScrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
|
|
464
|
+
goToSlide(currentSlideElement);
|
|
465
|
+
};
|
|
466
|
+
window.addEventListener('resize', handleResize);
|
|
467
|
+
return function () {
|
|
468
|
+
return window.removeEventListener('resize', handleResize);
|
|
469
|
+
};
|
|
470
|
+
}, [currentSlideId, goToSlide]);
|
|
471
|
+
return jsx(ImageSliderContext.Provider, {
|
|
472
|
+
value: {
|
|
473
|
+
isAtStart: isAtStart,
|
|
474
|
+
isAtEnd: isAtEnd,
|
|
475
|
+
currentSlideId: currentSlideId,
|
|
476
|
+
goToNextSlide: goToNextSlide,
|
|
477
|
+
goToPreviousSlide: goToPreviousSlide,
|
|
478
|
+
goToSlideId: goToSlideId
|
|
479
|
+
},
|
|
480
|
+
children: jsxs("div", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
|
|
481
|
+
"aria-roledescription": "carousel",
|
|
482
|
+
className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className),
|
|
483
|
+
tabIndex: -1,
|
|
484
|
+
ref: ref,
|
|
485
|
+
children: [controls && jsx(ImageSliderControls, {
|
|
486
|
+
nextLabel: nextLabel,
|
|
487
|
+
previousLabel: previousLabel
|
|
488
|
+
}), jsx(ImageSliderScroller, {
|
|
489
|
+
"aria-live": "polite",
|
|
490
|
+
ref: targetRef,
|
|
491
|
+
role: "group",
|
|
492
|
+
tabIndex: 0,
|
|
493
|
+
children: images.map(function (_ref2, index) {
|
|
494
|
+
var alt = _ref2.alt,
|
|
495
|
+
aspectRatio = _ref2.aspectRatio,
|
|
496
|
+
sizes = _ref2.sizes,
|
|
497
|
+
src = _ref2.src,
|
|
498
|
+
srcSet = _ref2.srcSet;
|
|
499
|
+
return jsx(ImageSliderItem, {
|
|
500
|
+
slideId: index,
|
|
501
|
+
children: jsx(Image, {
|
|
502
|
+
alt: alt,
|
|
503
|
+
className: "ams-aspect-ratio--".concat(aspectRatio),
|
|
504
|
+
sizes: sizes,
|
|
505
|
+
src: src,
|
|
506
|
+
srcSet: srcSet
|
|
507
|
+
})
|
|
508
|
+
}, index);
|
|
509
|
+
})
|
|
510
|
+
}), jsx(ImageSliderThumbnails, {
|
|
511
|
+
imageLabel: imageLabel,
|
|
512
|
+
thumbnails: images
|
|
513
|
+
})]
|
|
514
|
+
}))
|
|
515
|
+
});
|
|
516
|
+
});
|
|
517
|
+
ImageSliderRoot.displayName = 'ImageSlider';
|
|
518
|
+
var ImageSlider = Object.assign(ImageSliderRoot, {
|
|
519
|
+
Item: ImageSliderItem
|
|
520
|
+
});
|
|
521
|
+
|
|
522
|
+
var _excluded$1i = ["className", "dir", "invalid"];
|
|
523
|
+
function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
524
|
+
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
525
|
+
var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
526
|
+
var className = _ref.className,
|
|
527
|
+
dir = _ref.dir,
|
|
528
|
+
invalid = _ref.invalid,
|
|
529
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
530
|
+
return jsx("input", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
|
|
531
|
+
"aria-invalid": invalid || undefined,
|
|
532
|
+
autoCorrect: "off",
|
|
533
|
+
className: clsx('ams-password-input', className),
|
|
534
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
535
|
+
ref: ref,
|
|
536
|
+
spellCheck: "false",
|
|
537
|
+
type: "password"
|
|
538
|
+
}));
|
|
539
|
+
});
|
|
540
|
+
PasswordInput.displayName = 'PasswordInput';
|
|
541
|
+
|
|
542
|
+
function getHeadingTag(level) {
|
|
543
|
+
switch (level) {
|
|
544
|
+
case 2:
|
|
545
|
+
return 'h2';
|
|
546
|
+
case 3:
|
|
547
|
+
return 'h3';
|
|
548
|
+
case 4:
|
|
549
|
+
return 'h4';
|
|
550
|
+
default:
|
|
551
|
+
return 'h1';
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
var _excluded$1h = ["children", "className", "inverseColor", "level", "size"];
|
|
92
556
|
function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
93
557
|
function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
558
|
+
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
559
|
+
var children = _ref.children,
|
|
560
|
+
className = _ref.className,
|
|
561
|
+
inverseColor = _ref.inverseColor,
|
|
562
|
+
_ref$level = _ref.level,
|
|
563
|
+
level = _ref$level === void 0 ? 1 : _ref$level,
|
|
564
|
+
size = _ref.size,
|
|
565
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
566
|
+
var Tag = getHeadingTag(level);
|
|
567
|
+
var sizeOrLevel = size !== null && size !== void 0 ? size : "level-".concat(level);
|
|
568
|
+
return jsx(Tag, _objectSpread$1n(_objectSpread$1n({
|
|
569
|
+
ref: ref,
|
|
570
|
+
className: clsx('ams-heading', "ams-heading--".concat(sizeOrLevel), inverseColor && 'ams-heading--inverse-color', className)
|
|
571
|
+
}, restProps), {}, {
|
|
572
|
+
children: children
|
|
573
|
+
}));
|
|
574
|
+
});
|
|
575
|
+
Heading.displayName = 'Heading';
|
|
576
|
+
|
|
577
|
+
var _excluded$1g = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
|
|
578
|
+
function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
579
|
+
function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
94
580
|
var iconSvgBySeverity = {
|
|
95
581
|
error: AlertIcon,
|
|
96
582
|
info: InfoIcon,
|
|
@@ -109,10 +595,10 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
109
595
|
onClose = _ref.onClose,
|
|
110
596
|
_ref$severity = _ref.severity,
|
|
111
597
|
severity = _ref$severity === void 0 ? 'warning' : _ref$severity,
|
|
112
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
598
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
113
599
|
var alertSize = heading ? 'level-4' : 'level-5';
|
|
114
600
|
var Tag = heading ? 'section' : 'div';
|
|
115
|
-
return jsxs(Tag, _objectSpread$
|
|
601
|
+
return jsxs(Tag, _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
|
|
116
602
|
ref: ref,
|
|
117
603
|
className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
|
|
118
604
|
children: [jsx("div", {
|
|
@@ -137,9 +623,9 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
137
623
|
});
|
|
138
624
|
Alert.displayName = 'Alert';
|
|
139
625
|
|
|
140
|
-
var _excluded$
|
|
141
|
-
function ownKeys$
|
|
142
|
-
function _objectSpread$
|
|
626
|
+
var _excluded$1f = ["children", "className", "icon", "contrastColor", "inverseColor", "size"];
|
|
627
|
+
function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
628
|
+
function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
143
629
|
var iconSizeMap = {
|
|
144
630
|
small: 'level-6',
|
|
145
631
|
medium: 'level-5',
|
|
@@ -150,12 +636,13 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
150
636
|
var children = _ref.children,
|
|
151
637
|
className = _ref.className,
|
|
152
638
|
icon = _ref.icon,
|
|
153
|
-
|
|
639
|
+
contrastColor = _ref.contrastColor,
|
|
640
|
+
inverseColor = _ref.inverseColor,
|
|
154
641
|
size = _ref.size,
|
|
155
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
642
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
156
643
|
return jsx("li", {
|
|
157
|
-
children: jsxs("a", _objectSpread$
|
|
158
|
-
className: clsx('ams-link-list__link',
|
|
644
|
+
children: jsxs("a", _objectSpread$1l(_objectSpread$1l({
|
|
645
|
+
className: clsx('ams-link-list__link', contrastColor && 'ams-link-list__link--contrast-color', inverseColor && 'ams-link-list__link--inverse-color', size && "ams-link-list__link--".concat(size), className),
|
|
159
646
|
ref: ref
|
|
160
647
|
}, restProps), {}, {
|
|
161
648
|
children: [jsx(Icon, {
|
|
@@ -167,15 +654,15 @@ var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
167
654
|
});
|
|
168
655
|
LinkListLink.displayName = 'LinkList.Link';
|
|
169
656
|
|
|
170
|
-
var _excluded$
|
|
171
|
-
function ownKeys$
|
|
172
|
-
function _objectSpread$
|
|
657
|
+
var _excluded$1e = ["children", "className"];
|
|
658
|
+
function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
659
|
+
function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
173
660
|
/** A collection of related links. */
|
|
174
661
|
var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
175
662
|
var children = _ref.children,
|
|
176
663
|
className = _ref.className,
|
|
177
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
178
|
-
return jsx("ul", _objectSpread$
|
|
664
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
665
|
+
return jsx("ul", _objectSpread$1k(_objectSpread$1k({
|
|
179
666
|
ref: ref,
|
|
180
667
|
className: clsx('ams-link-list', className)
|
|
181
668
|
}, restProps), {}, {
|
|
@@ -187,9 +674,9 @@ var LinkList = Object.assign(LinkListRoot, {
|
|
|
187
674
|
Link: LinkListLink
|
|
188
675
|
});
|
|
189
676
|
|
|
190
|
-
var _excluded$
|
|
191
|
-
function ownKeys$
|
|
192
|
-
function _objectSpread$
|
|
677
|
+
var _excluded$1d = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
|
|
678
|
+
function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
679
|
+
function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
193
680
|
var FormErrorListWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
194
681
|
var className = _ref.className,
|
|
195
682
|
errors = _ref.errors,
|
|
@@ -201,7 +688,7 @@ var FormErrorListWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
201
688
|
_ref$headingLevel = _ref.headingLevel,
|
|
202
689
|
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
203
690
|
setHasFocusedOnce = _ref.setHasFocusedOnce,
|
|
204
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
691
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
205
692
|
var innerRef = useRef(null);
|
|
206
693
|
// use a passed ref if it's there, otherwise use innerRef
|
|
207
694
|
useImperativeHandle(ref, function () {
|
|
@@ -213,7 +700,7 @@ var FormErrorListWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
213
700
|
setHasFocusedOnce(true);
|
|
214
701
|
}
|
|
215
702
|
}, [innerRef]);
|
|
216
|
-
return jsx(Alert, _objectSpread$
|
|
703
|
+
return jsx(Alert, _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
217
704
|
className: clsx('ams-form-error-list', className),
|
|
218
705
|
heading: heading,
|
|
219
706
|
headingLevel: headingLevel,
|
|
@@ -234,7 +721,7 @@ var FormErrorListWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
234
721
|
});
|
|
235
722
|
FormErrorListWithErrors.displayName = 'FormErrorListWithErrors';
|
|
236
723
|
|
|
237
|
-
var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(
|
|
724
|
+
var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(/** The list of error messages used to calculate the error count. */
|
|
238
725
|
errors) {
|
|
239
726
|
var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
240
727
|
plural: 'invoerfouten',
|
|
@@ -258,13 +745,13 @@ errors) {
|
|
|
258
745
|
return null;
|
|
259
746
|
};
|
|
260
747
|
|
|
261
|
-
var _excluded$
|
|
262
|
-
function ownKeys$
|
|
263
|
-
function _objectSpread$
|
|
748
|
+
var _excluded$1c = ["errors", "errorCountLabel"];
|
|
749
|
+
function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
750
|
+
function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
264
751
|
var FormErrorList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
265
752
|
var errors = _ref.errors,
|
|
266
753
|
errorCountLabel = _ref.errorCountLabel,
|
|
267
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
754
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
268
755
|
// A Form Error List without errors only resets the document title.
|
|
269
756
|
// With errors, it renders the FormErrorListWithErrors component.
|
|
270
757
|
useAddErrorCountToDocumentTitle(errors, errorCountLabel);
|
|
@@ -275,7 +762,7 @@ var FormErrorList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
275
762
|
hasFocusedOnce = _useState2[0],
|
|
276
763
|
setHasFocusedOnce = _useState2[1];
|
|
277
764
|
if (errors.length === 0) return undefined;
|
|
278
|
-
return jsx(FormErrorListWithErrors, _objectSpread$
|
|
765
|
+
return jsx(FormErrorListWithErrors, _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
279
766
|
errors: errors,
|
|
280
767
|
hasFocusedOnce: hasFocusedOnce,
|
|
281
768
|
ref: ref,
|
|
@@ -284,17 +771,17 @@ var FormErrorList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
284
771
|
});
|
|
285
772
|
FormErrorList.displayName = 'FormErrorList';
|
|
286
773
|
|
|
287
|
-
var _excluded$
|
|
288
|
-
function ownKeys$
|
|
289
|
-
function _objectSpread$
|
|
774
|
+
var _excluded$1b = ["children", "className", "label"];
|
|
775
|
+
function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
776
|
+
function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
290
777
|
var TableOfContentsLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
291
778
|
var children = _ref.children,
|
|
292
779
|
className = _ref.className,
|
|
293
780
|
label = _ref.label,
|
|
294
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
781
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
295
782
|
return jsxs("li", {
|
|
296
783
|
className: "ams-table-of-contents__item",
|
|
297
|
-
children: [jsx("a", _objectSpread$
|
|
784
|
+
children: [jsx("a", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
298
785
|
className: clsx$1('ams-table-of-contents__link', className),
|
|
299
786
|
ref: ref,
|
|
300
787
|
children: label
|
|
@@ -303,14 +790,14 @@ var TableOfContentsLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
303
790
|
});
|
|
304
791
|
TableOfContentsLink.displayName = 'TableOfContents.Link';
|
|
305
792
|
|
|
306
|
-
var _excluded$
|
|
307
|
-
function ownKeys$
|
|
308
|
-
function _objectSpread$
|
|
793
|
+
var _excluded$1a = ["children", "className"];
|
|
794
|
+
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
795
|
+
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
309
796
|
var TableOfContentsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
310
797
|
var children = _ref.children,
|
|
311
798
|
className = _ref.className,
|
|
312
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
313
|
-
return jsx("ul", _objectSpread$
|
|
799
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
800
|
+
return jsx("ul", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
314
801
|
ref: ref,
|
|
315
802
|
className: clsx('ams-table-of-contents__list', className),
|
|
316
803
|
children: children
|
|
@@ -318,17 +805,17 @@ var TableOfContentsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
318
805
|
});
|
|
319
806
|
TableOfContentsList.displayName = 'TableOfContents.List';
|
|
320
807
|
|
|
321
|
-
var _excluded$
|
|
322
|
-
function ownKeys$
|
|
323
|
-
function _objectSpread$
|
|
808
|
+
var _excluded$19 = ["children", "className", "heading", "headingLevel"];
|
|
809
|
+
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
810
|
+
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
324
811
|
var TableOfContentsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
325
812
|
var children = _ref.children,
|
|
326
813
|
className = _ref.className,
|
|
327
814
|
heading = _ref.heading,
|
|
328
815
|
_ref$headingLevel = _ref.headingLevel,
|
|
329
816
|
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
330
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
331
|
-
return jsxs("nav", _objectSpread$
|
|
817
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
818
|
+
return jsxs("nav", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
332
819
|
ref: ref,
|
|
333
820
|
className: clsx('ams-table-of-contents', className),
|
|
334
821
|
children: [heading && jsx(Heading, {
|
|
@@ -345,16 +832,16 @@ var TableOfContents = Object.assign(TableOfContentsRoot, {
|
|
|
345
832
|
List: TableOfContentsList
|
|
346
833
|
});
|
|
347
834
|
|
|
348
|
-
var _excluded$
|
|
349
|
-
function ownKeys$
|
|
350
|
-
function _objectSpread$
|
|
835
|
+
var _excluded$18 = ["children", "className", "prefix"];
|
|
836
|
+
function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
837
|
+
function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
351
838
|
var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
352
839
|
var children = _ref.children,
|
|
353
840
|
className = _ref.className,
|
|
354
841
|
_ref$prefix = _ref.prefix,
|
|
355
842
|
prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
|
|
356
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
357
|
-
return jsxs("p", _objectSpread$
|
|
843
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
844
|
+
return jsxs("p", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
358
845
|
ref: ref,
|
|
359
846
|
className: clsx('ams-error-message', className),
|
|
360
847
|
children: [jsxs("span", {
|
|
@@ -365,13 +852,13 @@ var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
365
852
|
});
|
|
366
853
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
367
854
|
|
|
368
|
-
var _excluded$
|
|
369
|
-
function ownKeys$
|
|
370
|
-
function _objectSpread$
|
|
855
|
+
var _excluded$17 = ["className"];
|
|
856
|
+
function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
857
|
+
function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
371
858
|
var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
372
859
|
var className = _ref.className,
|
|
373
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
374
|
-
return jsx("input", _objectSpread$
|
|
860
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
861
|
+
return jsx("input", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
375
862
|
ref: ref,
|
|
376
863
|
className: clsx('ams-file-input', className),
|
|
377
864
|
type: "file"
|
|
@@ -379,15 +866,15 @@ var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
379
866
|
});
|
|
380
867
|
FileInput.displayName = 'FileInput';
|
|
381
868
|
|
|
382
|
-
var _excluded$
|
|
383
|
-
function ownKeys$
|
|
384
|
-
function _objectSpread$
|
|
869
|
+
var _excluded$16 = ["children", "className", "invalid"];
|
|
870
|
+
function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
871
|
+
function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
385
872
|
var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
386
873
|
var children = _ref.children,
|
|
387
874
|
className = _ref.className,
|
|
388
875
|
invalid = _ref.invalid,
|
|
389
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
390
|
-
return jsx("div", _objectSpread$
|
|
876
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
877
|
+
return jsx("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
391
878
|
ref: ref,
|
|
392
879
|
className: clsx('ams-field', invalid && 'ams-field--invalid', className),
|
|
393
880
|
children: children
|
|
@@ -395,14 +882,14 @@ var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
395
882
|
});
|
|
396
883
|
Field.displayName = 'Field';
|
|
397
884
|
|
|
398
|
-
var _excluded$
|
|
399
|
-
function ownKeys$
|
|
400
|
-
function _objectSpread$
|
|
885
|
+
var _excluded$15 = ["children", "className"];
|
|
886
|
+
function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
887
|
+
function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
401
888
|
var SelectOption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
402
889
|
var children = _ref.children,
|
|
403
890
|
className = _ref.className,
|
|
404
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
405
|
-
return jsx("option", _objectSpread$
|
|
891
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
892
|
+
return jsx("option", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
406
893
|
ref: ref,
|
|
407
894
|
className: clsx('ams-select__option', className),
|
|
408
895
|
children: children
|
|
@@ -410,14 +897,14 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
410
897
|
});
|
|
411
898
|
SelectOption.displayName = 'Select.Option';
|
|
412
899
|
|
|
413
|
-
var _excluded$
|
|
414
|
-
function ownKeys$
|
|
415
|
-
function _objectSpread$
|
|
900
|
+
var _excluded$14 = ["children", "className"];
|
|
901
|
+
function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
902
|
+
function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
416
903
|
var SelectOptionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
417
904
|
var children = _ref.children,
|
|
418
905
|
className = _ref.className,
|
|
419
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
420
|
-
return jsx("optgroup", _objectSpread$
|
|
906
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
907
|
+
return jsx("optgroup", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
421
908
|
ref: ref,
|
|
422
909
|
className: clsx('ams-select__group', className),
|
|
423
910
|
children: children
|
|
@@ -425,15 +912,15 @@ var SelectOptionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
425
912
|
});
|
|
426
913
|
SelectOptionGroup.displayName = 'Select.Group';
|
|
427
914
|
|
|
428
|
-
var _excluded$
|
|
429
|
-
function ownKeys$
|
|
430
|
-
function _objectSpread$
|
|
915
|
+
var _excluded$13 = ["children", "className", "invalid"];
|
|
916
|
+
function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
917
|
+
function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
431
918
|
var SelectRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
432
919
|
var children = _ref.children,
|
|
433
920
|
className = _ref.className,
|
|
434
921
|
invalid = _ref.invalid,
|
|
435
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
436
|
-
return jsx("select", _objectSpread$
|
|
922
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
923
|
+
return jsx("select", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
437
924
|
"aria-invalid": invalid || undefined,
|
|
438
925
|
className: clsx('ams-select', className),
|
|
439
926
|
ref: ref,
|
|
@@ -446,14 +933,14 @@ var Select = Object.assign(SelectRoot, {
|
|
|
446
933
|
Group: SelectOptionGroup
|
|
447
934
|
});
|
|
448
935
|
|
|
449
|
-
var _excluded$
|
|
450
|
-
function ownKeys$
|
|
451
|
-
function _objectSpread$
|
|
936
|
+
var _excluded$12 = ["className", "invalid"];
|
|
937
|
+
function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
938
|
+
function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
452
939
|
var TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
453
940
|
var className = _ref.className,
|
|
454
941
|
invalid = _ref.invalid,
|
|
455
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
456
|
-
return jsx("input", _objectSpread$
|
|
942
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
943
|
+
return jsx("input", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
457
944
|
"aria-invalid": invalid || undefined,
|
|
458
945
|
className: clsx('ams-time-input', className),
|
|
459
946
|
ref: ref,
|
|
@@ -462,16 +949,16 @@ var TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
462
949
|
});
|
|
463
950
|
TimeInput.displayName = 'TimeInput';
|
|
464
951
|
|
|
465
|
-
var _excluded$
|
|
466
|
-
function ownKeys$
|
|
467
|
-
function _objectSpread$
|
|
952
|
+
var _excluded$11 = ["className", "invalid", "type"];
|
|
953
|
+
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
954
|
+
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
468
955
|
var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
469
956
|
var className = _ref.className,
|
|
470
957
|
invalid = _ref.invalid,
|
|
471
958
|
_ref$type = _ref.type,
|
|
472
959
|
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
473
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
474
|
-
return jsx("input", _objectSpread$
|
|
960
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
961
|
+
return jsx("input", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
475
962
|
"aria-invalid": invalid || undefined,
|
|
476
963
|
className: clsx('ams-date-input', className),
|
|
477
964
|
ref: ref,
|
|
@@ -480,21 +967,6 @@ var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
480
967
|
});
|
|
481
968
|
DateInput.displayName = 'DateInput';
|
|
482
969
|
|
|
483
|
-
var _excluded$11 = ["className", "cover"];
|
|
484
|
-
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
485
|
-
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
486
|
-
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
487
|
-
var className = _ref.className,
|
|
488
|
-
_ref$cover = _ref.cover,
|
|
489
|
-
cover = _ref$cover === void 0 ? false : _ref$cover,
|
|
490
|
-
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
491
|
-
return jsx("img", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
492
|
-
ref: ref,
|
|
493
|
-
className: clsx('ams-image', cover && 'ams-image--cover', className)
|
|
494
|
-
}));
|
|
495
|
-
});
|
|
496
|
-
Image.displayName = 'Image';
|
|
497
|
-
|
|
498
970
|
var _excluded$10 = ["label", "imageSrc", "className", "color"];
|
|
499
971
|
function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
500
972
|
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -561,17 +1033,17 @@ CharacterCount.displayName = 'CharacterCount';
|
|
|
561
1033
|
var _excluded$_ = ["children", "className"];
|
|
562
1034
|
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
563
1035
|
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
564
|
-
var
|
|
1036
|
+
var DescriptionListDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
565
1037
|
var children = _ref.children,
|
|
566
1038
|
className = _ref.className,
|
|
567
1039
|
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
568
1040
|
return jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
569
1041
|
ref: ref,
|
|
570
|
-
className: clsx('ams-description-
|
|
1042
|
+
className: clsx('ams-description-list__description', className),
|
|
571
1043
|
children: children
|
|
572
1044
|
}));
|
|
573
1045
|
});
|
|
574
|
-
|
|
1046
|
+
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
575
1047
|
|
|
576
1048
|
var _excluded$Z = ["children", "className"];
|
|
577
1049
|
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -588,24 +1060,25 @@ var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
588
1060
|
});
|
|
589
1061
|
DescriptionListTerm.displayName = 'DescriptionList.Term';
|
|
590
1062
|
|
|
591
|
-
var _excluded$Y = ["children", "className", "inverseColor"];
|
|
1063
|
+
var _excluded$Y = ["children", "className", "inverseColor", "termsWidth"];
|
|
592
1064
|
function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
593
1065
|
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
594
1066
|
var DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
595
1067
|
var children = _ref.children,
|
|
596
1068
|
className = _ref.className,
|
|
597
1069
|
inverseColor = _ref.inverseColor,
|
|
1070
|
+
termsWidth = _ref.termsWidth,
|
|
598
1071
|
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
599
1072
|
return jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
600
1073
|
ref: ref,
|
|
601
|
-
className: clsx('ams-description-list', inverseColor && 'ams-description-list--inverse-color', className),
|
|
1074
|
+
className: clsx('ams-description-list', termsWidth && "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
602
1075
|
children: children
|
|
603
1076
|
}));
|
|
604
1077
|
});
|
|
605
1078
|
DescriptionListRoot.displayName = 'DescriptionList';
|
|
606
1079
|
var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
607
1080
|
Term: DescriptionListTerm,
|
|
608
|
-
|
|
1081
|
+
Description: DescriptionListDescription
|
|
609
1082
|
});
|
|
610
1083
|
|
|
611
1084
|
var _excluded$X = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
@@ -629,12 +1102,13 @@ var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
629
1102
|
});
|
|
630
1103
|
Row.displayName = 'Row';
|
|
631
1104
|
|
|
632
|
-
var _excluded$W = ["children", "className", "invalid"];
|
|
1105
|
+
var _excluded$W = ["children", "className", "icon", "invalid"];
|
|
633
1106
|
function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
634
1107
|
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
635
1108
|
var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
636
1109
|
var children = _ref.children,
|
|
637
1110
|
className = _ref.className,
|
|
1111
|
+
icon = _ref.icon,
|
|
638
1112
|
invalid = _ref.invalid,
|
|
639
1113
|
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
640
1114
|
var id = useId();
|
|
@@ -653,7 +1127,8 @@ var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
653
1127
|
className: "ams-radio__label",
|
|
654
1128
|
htmlFor: id,
|
|
655
1129
|
children: [jsx("span", {
|
|
656
|
-
className: "ams-
|
|
1130
|
+
className: "ams-radio__icon-container",
|
|
1131
|
+
children: icon !== null && icon !== void 0 ? icon : jsx(RadioIcon, {})
|
|
657
1132
|
}), children]
|
|
658
1133
|
})]
|
|
659
1134
|
})
|
|
@@ -925,21 +1400,26 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
925
1400
|
});
|
|
926
1401
|
Column.displayName = 'Column';
|
|
927
1402
|
|
|
928
|
-
var _excluded$P = ["children", "className", "invalid", "legend"];
|
|
1403
|
+
var _excluded$P = ["children", "className", "hint", "invalid", "legend", "optional"];
|
|
929
1404
|
function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
930
1405
|
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
931
1406
|
var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
932
1407
|
var children = _ref.children,
|
|
933
1408
|
className = _ref.className,
|
|
1409
|
+
hint = _ref.hint,
|
|
934
1410
|
invalid = _ref.invalid,
|
|
935
1411
|
legend = _ref.legend,
|
|
1412
|
+
optional = _ref.optional,
|
|
936
1413
|
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
937
1414
|
return jsxs("fieldset", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
938
1415
|
ref: ref,
|
|
939
1416
|
className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
|
|
940
|
-
children: [
|
|
1417
|
+
children: [jsxs("legend", {
|
|
941
1418
|
className: "ams-field-set__legend",
|
|
942
|
-
children: legend
|
|
1419
|
+
children: [legend, " ", jsx(Hint, {
|
|
1420
|
+
hint: hint,
|
|
1421
|
+
optional: optional
|
|
1422
|
+
})]
|
|
943
1423
|
}), children]
|
|
944
1424
|
}));
|
|
945
1425
|
});
|
|
@@ -1514,7 +1994,7 @@ var SearchField = Object.assign(SearchFieldRoot, {
|
|
|
1514
1994
|
Input: SearchFieldInput
|
|
1515
1995
|
});
|
|
1516
1996
|
|
|
1517
|
-
var _excluded$u = ["
|
|
1997
|
+
var _excluded$u = ["children", "className", "closeButtonLabel", "footer", "heading"];
|
|
1518
1998
|
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1519
1999
|
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1520
2000
|
var closeDialog = function closeDialog(event) {
|
|
@@ -1525,44 +2005,44 @@ var openDialog = function openDialog(id) {
|
|
|
1525
2005
|
var _document$querySelect;
|
|
1526
2006
|
return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.showModal();
|
|
1527
2007
|
};
|
|
1528
|
-
var
|
|
1529
|
-
var
|
|
1530
|
-
children = _ref.children,
|
|
2008
|
+
var DialogRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2009
|
+
var children = _ref.children,
|
|
1531
2010
|
className = _ref.className,
|
|
1532
2011
|
_ref$closeButtonLabel = _ref.closeButtonLabel,
|
|
1533
2012
|
closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
|
|
2013
|
+
footer = _ref.footer,
|
|
1534
2014
|
heading = _ref.heading,
|
|
1535
2015
|
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
1536
|
-
return
|
|
2016
|
+
return jsxs("dialog", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
1537
2017
|
ref: ref,
|
|
1538
2018
|
className: clsx('ams-dialog', className),
|
|
1539
|
-
children: jsxs("
|
|
1540
|
-
className: "ams-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
onClick: closeDialog,
|
|
1550
|
-
size: "level-4",
|
|
1551
|
-
type: "button"
|
|
1552
|
-
})]
|
|
1553
|
-
}), jsx("article", {
|
|
1554
|
-
className: "ams-dialog__article",
|
|
1555
|
-
children: children
|
|
1556
|
-
}), actions && jsx("footer", {
|
|
1557
|
-
className: "ams-dialog__footer",
|
|
1558
|
-
children: actions
|
|
2019
|
+
children: [jsxs("header", {
|
|
2020
|
+
className: "ams-dialog__header",
|
|
2021
|
+
children: [jsx(Heading, {
|
|
2022
|
+
size: "level-4",
|
|
2023
|
+
children: heading
|
|
2024
|
+
}), jsx(IconButton, {
|
|
2025
|
+
label: closeButtonLabel,
|
|
2026
|
+
onClick: closeDialog,
|
|
2027
|
+
size: "level-4",
|
|
2028
|
+
type: "button"
|
|
1559
2029
|
})]
|
|
1560
|
-
})
|
|
2030
|
+
}), jsx("div", {
|
|
2031
|
+
className: "ams-dialog__body",
|
|
2032
|
+
children: children
|
|
2033
|
+
}), footer && jsx("footer", {
|
|
2034
|
+
className: "ams-dialog__footer",
|
|
2035
|
+
children: footer
|
|
2036
|
+
})]
|
|
1561
2037
|
}));
|
|
1562
2038
|
});
|
|
1563
|
-
|
|
2039
|
+
DialogRoot.displayName = 'Dialog';
|
|
2040
|
+
var Dialog = Object.assign(DialogRoot, {
|
|
2041
|
+
close: closeDialog,
|
|
2042
|
+
open: openDialog
|
|
2043
|
+
});
|
|
1564
2044
|
|
|
1565
|
-
var _excluded$t = ["className", "maxVisiblePages", "
|
|
2045
|
+
var _excluded$t = ["className", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "onPageChange", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel"];
|
|
1566
2046
|
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1567
2047
|
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1568
2048
|
/**
|
|
@@ -1614,18 +2094,20 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1614
2094
|
var className = _ref.className,
|
|
1615
2095
|
_ref$maxVisiblePages = _ref.maxVisiblePages,
|
|
1616
2096
|
maxVisiblePages = _ref$maxVisiblePages === void 0 ? 7 : _ref$maxVisiblePages,
|
|
1617
|
-
_ref$nextAriaLabel = _ref.nextAriaLabel,
|
|
1618
|
-
nextAriaLabel = _ref$nextAriaLabel === void 0 ? 'Volgende pagina' : _ref$nextAriaLabel,
|
|
1619
2097
|
_ref$nextLabel = _ref.nextLabel,
|
|
1620
2098
|
nextLabel = _ref$nextLabel === void 0 ? 'volgende' : _ref$nextLabel,
|
|
2099
|
+
_ref$nextVisuallyHidd = _ref.nextVisuallyHiddenLabel,
|
|
2100
|
+
nextVisuallyHiddenLabel = _ref$nextVisuallyHidd === void 0 ? 'Volgende pagina' : _ref$nextVisuallyHidd,
|
|
1621
2101
|
onPageChange = _ref.onPageChange,
|
|
1622
2102
|
_ref$page = _ref.page,
|
|
1623
2103
|
page = _ref$page === void 0 ? 1 : _ref$page,
|
|
1624
|
-
_ref$previousAriaLabe = _ref.previousAriaLabel,
|
|
1625
|
-
previousAriaLabel = _ref$previousAriaLabe === void 0 ? 'Vorige pagina' : _ref$previousAriaLabe,
|
|
1626
2104
|
_ref$previousLabel = _ref.previousLabel,
|
|
1627
2105
|
previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
|
|
2106
|
+
_ref$previousVisually = _ref.previousVisuallyHiddenLabel,
|
|
2107
|
+
previousVisuallyHiddenLabel = _ref$previousVisually === void 0 ? 'Vorige pagina' : _ref$previousVisually,
|
|
1628
2108
|
totalPages = _ref.totalPages,
|
|
2109
|
+
_ref$visuallyHiddenLa = _ref.visuallyHiddenLabel,
|
|
2110
|
+
visuallyHiddenLabel = _ref$visuallyHiddenLa === void 0 ? 'Paginering' : _ref$visuallyHiddenLa,
|
|
1629
2111
|
restProps = _objectWithoutProperties(_ref, _excluded$t);
|
|
1630
2112
|
var _useState = useState(page),
|
|
1631
2113
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -1647,19 +2129,23 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1647
2129
|
var onNext = function onNext() {
|
|
1648
2130
|
onChangePage(currentPage + 1);
|
|
1649
2131
|
};
|
|
2132
|
+
var navLabelId = useId();
|
|
1650
2133
|
// Don't show pagination if you only have one page
|
|
1651
2134
|
if (totalPages <= 1) {
|
|
1652
2135
|
return null;
|
|
1653
2136
|
}
|
|
1654
|
-
return
|
|
2137
|
+
return jsxs("nav", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
|
|
2138
|
+
"aria-labelledby": navLabelId,
|
|
1655
2139
|
className: clsx('ams-pagination', className),
|
|
1656
2140
|
ref: ref,
|
|
1657
|
-
|
|
1658
|
-
|
|
2141
|
+
children: [jsx("span", {
|
|
2142
|
+
id: navLabelId,
|
|
2143
|
+
className: "ams-visually-hidden",
|
|
2144
|
+
children: visuallyHiddenLabel
|
|
2145
|
+
}), jsxs("ol", {
|
|
1659
2146
|
className: "ams-pagination__list",
|
|
1660
2147
|
children: [jsx("li", {
|
|
1661
2148
|
children: jsxs("button", {
|
|
1662
|
-
"aria-label": previousAriaLabel,
|
|
1663
2149
|
className: "ams-pagination__button",
|
|
1664
2150
|
disabled: currentPage === 1,
|
|
1665
2151
|
onClick: onPrevious,
|
|
@@ -1667,20 +2153,31 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1667
2153
|
children: [jsx(Icon, {
|
|
1668
2154
|
svg: ChevronLeftIcon,
|
|
1669
2155
|
size: "level-5"
|
|
1670
|
-
}),
|
|
2156
|
+
}), jsx("span", {
|
|
2157
|
+
className: "ams-visually-hidden",
|
|
2158
|
+
children: previousVisuallyHiddenLabel
|
|
2159
|
+
}), jsx("span", {
|
|
2160
|
+
"aria-hidden": true,
|
|
2161
|
+
children: previousLabel
|
|
2162
|
+
})]
|
|
1671
2163
|
})
|
|
1672
2164
|
}), range.map(function (pageNumberOrSpacer) {
|
|
1673
2165
|
return typeof pageNumberOrSpacer === 'number' ? jsx("li", {
|
|
1674
|
-
children:
|
|
2166
|
+
children: jsxs("button", {
|
|
1675
2167
|
"aria-current": pageNumberOrSpacer === currentPage ? true : undefined,
|
|
1676
|
-
"aria-label": pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer),
|
|
1677
2168
|
className: clsx('ams-pagination__button', pageNumberOrSpacer === currentPage && 'ams-pagination__button--current'),
|
|
1678
2169
|
onClick: function onClick() {
|
|
1679
2170
|
return pageNumberOrSpacer !== currentPage && onChangePage(pageNumberOrSpacer);
|
|
1680
2171
|
},
|
|
1681
2172
|
tabIndex: pageNumberOrSpacer === currentPage ? -1 : 0,
|
|
1682
2173
|
type: "button",
|
|
1683
|
-
children:
|
|
2174
|
+
children: [jsx("span", {
|
|
2175
|
+
className: "ams-visually-hidden",
|
|
2176
|
+
children: pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer)
|
|
2177
|
+
}), jsx("span", {
|
|
2178
|
+
"aria-hidden": true,
|
|
2179
|
+
children: pageNumberOrSpacer
|
|
2180
|
+
})]
|
|
1684
2181
|
})
|
|
1685
2182
|
}, pageNumberOrSpacer) : jsx("li", {
|
|
1686
2183
|
"aria-hidden": true,
|
|
@@ -1689,18 +2186,23 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1689
2186
|
}, pageNumberOrSpacer);
|
|
1690
2187
|
}), jsx("li", {
|
|
1691
2188
|
children: jsxs("button", {
|
|
1692
|
-
"aria-label": nextAriaLabel,
|
|
1693
2189
|
className: "ams-pagination__button",
|
|
1694
2190
|
disabled: currentPage === totalPages,
|
|
1695
2191
|
onClick: onNext,
|
|
1696
2192
|
type: "button",
|
|
1697
|
-
children: [
|
|
2193
|
+
children: [jsx("span", {
|
|
2194
|
+
className: "ams-visually-hidden",
|
|
2195
|
+
children: nextVisuallyHiddenLabel
|
|
2196
|
+
}), jsx("span", {
|
|
2197
|
+
"aria-hidden": true,
|
|
2198
|
+
children: nextLabel
|
|
2199
|
+
}), jsx(Icon, {
|
|
1698
2200
|
svg: ChevronRightIcon,
|
|
1699
2201
|
size: "level-5"
|
|
1700
2202
|
})]
|
|
1701
2203
|
})
|
|
1702
2204
|
})]
|
|
1703
|
-
})
|
|
2205
|
+
})]
|
|
1704
2206
|
}));
|
|
1705
2207
|
});
|
|
1706
2208
|
Pagination.displayName = 'Pagination';
|
|
@@ -2125,61 +2627,90 @@ var Breadcrumb = Object.assign(BreadcrumbRoot, {
|
|
|
2125
2627
|
Link: BreadcrumbLink
|
|
2126
2628
|
});
|
|
2127
2629
|
|
|
2128
|
-
var _excluded$7 = ["children", "
|
|
2630
|
+
var _excluded$7 = ["children", "className", "contrastColor", "inverseColor", "variant"];
|
|
2129
2631
|
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2130
2632
|
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2131
2633
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2132
2634
|
var children = _ref.children,
|
|
2635
|
+
className = _ref.className,
|
|
2636
|
+
contrastColor = _ref.contrastColor,
|
|
2637
|
+
inverseColor = _ref.inverseColor,
|
|
2133
2638
|
_ref$variant = _ref.variant,
|
|
2134
2639
|
variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
|
|
2135
|
-
onBackground = _ref.onBackground,
|
|
2136
|
-
className = _ref.className,
|
|
2137
2640
|
restProps = _objectWithoutProperties(_ref, _excluded$7);
|
|
2138
2641
|
return jsx("a", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
2139
2642
|
ref: ref,
|
|
2140
|
-
className: clsx('ams-link',
|
|
2141
|
-
'ams-link--standalone': variant === 'standalone',
|
|
2142
|
-
'ams-link--inline': variant === 'inline',
|
|
2143
|
-
'ams-link--on-background-light': onBackground === 'light',
|
|
2144
|
-
'ams-link--on-background-dark': onBackground === 'dark'
|
|
2145
|
-
}, className),
|
|
2643
|
+
className: clsx('ams-link', contrastColor && 'ams-link--contrast-color', inverseColor && 'ams-link--inverse-color', variant === 'inline' && 'ams-link--inline', variant === 'standalone' && 'ams-link--standalone', className),
|
|
2146
2644
|
children: children
|
|
2147
2645
|
}));
|
|
2148
2646
|
});
|
|
2149
2647
|
Link.displayName = 'Link';
|
|
2150
2648
|
|
|
2151
|
-
var _excluded$6 = ["children", "className", "
|
|
2649
|
+
var _excluded$6 = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
|
|
2152
2650
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2153
2651
|
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2154
2652
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2155
2653
|
var children = _ref.children,
|
|
2156
2654
|
className = _ref.className,
|
|
2157
|
-
type = _ref.type,
|
|
2158
2655
|
disabled = _ref.disabled,
|
|
2656
|
+
icon = _ref.icon,
|
|
2657
|
+
iconBefore = _ref.iconBefore,
|
|
2658
|
+
iconOnly = _ref.iconOnly,
|
|
2659
|
+
type = _ref.type,
|
|
2159
2660
|
_ref$variant = _ref.variant,
|
|
2160
2661
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
2161
2662
|
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2663
|
+
var content = function content() {
|
|
2664
|
+
switch (true) {
|
|
2665
|
+
case !icon:
|
|
2666
|
+
return children;
|
|
2667
|
+
case iconBefore:
|
|
2668
|
+
return [jsx(Icon, {
|
|
2669
|
+
svg: icon,
|
|
2670
|
+
size: "level-5"
|
|
2671
|
+
}), children];
|
|
2672
|
+
case iconOnly:
|
|
2673
|
+
return [jsx(Icon, {
|
|
2674
|
+
svg: icon,
|
|
2675
|
+
size: "level-5",
|
|
2676
|
+
square: true
|
|
2677
|
+
}, 1), jsx("span", {
|
|
2678
|
+
className: "ams-visually-hidden",
|
|
2679
|
+
children: children
|
|
2680
|
+
}, 2)];
|
|
2681
|
+
default:
|
|
2682
|
+
return [children, jsx(Icon, {
|
|
2683
|
+
svg: icon,
|
|
2684
|
+
size: "level-5"
|
|
2685
|
+
})];
|
|
2686
|
+
}
|
|
2687
|
+
};
|
|
2162
2688
|
return jsx("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2163
|
-
|
|
2689
|
+
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && !iconBefore && "ams-button--icon-only", className),
|
|
2164
2690
|
disabled: disabled,
|
|
2165
|
-
|
|
2691
|
+
ref: ref,
|
|
2166
2692
|
type: type || 'button',
|
|
2167
|
-
children:
|
|
2693
|
+
children: content()
|
|
2168
2694
|
}));
|
|
2169
2695
|
});
|
|
2170
2696
|
Button.displayName = 'Button';
|
|
2171
2697
|
|
|
2172
|
-
var _excluded$5 = ["children", "className"];
|
|
2698
|
+
var _excluded$5 = ["children", "className", "hint", "optional"];
|
|
2173
2699
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2174
2700
|
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2175
2701
|
var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2176
2702
|
var children = _ref.children,
|
|
2177
2703
|
className = _ref.className,
|
|
2704
|
+
hint = _ref.hint,
|
|
2705
|
+
optional = _ref.optional,
|
|
2178
2706
|
restProps = _objectWithoutProperties(_ref, _excluded$5);
|
|
2179
|
-
return
|
|
2707
|
+
return jsxs("label", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
|
|
2180
2708
|
ref: ref,
|
|
2181
2709
|
className: clsx('ams-label', className),
|
|
2182
|
-
children: children
|
|
2710
|
+
children: [children, " ", jsx(Hint, {
|
|
2711
|
+
hint: hint,
|
|
2712
|
+
optional: optional
|
|
2713
|
+
})]
|
|
2183
2714
|
}));
|
|
2184
2715
|
});
|
|
2185
2716
|
Label.displayName = 'Label';
|
|
@@ -2321,34 +2852,6 @@ var Accordion = Object.assign(AccordionRoot, {
|
|
|
2321
2852
|
Section: AccordionSection
|
|
2322
2853
|
});
|
|
2323
2854
|
|
|
2324
|
-
/**
|
|
2325
|
-
* @license EUPL-1.2+
|
|
2326
|
-
* Copyright Gemeente Amsterdam
|
|
2327
|
-
*/
|
|
2328
|
-
var gridCellClasses = function gridCellClasses(span, start) {
|
|
2329
|
-
if (!span && !start) {
|
|
2330
|
-
return [];
|
|
2331
|
-
}
|
|
2332
|
-
var classes = [];
|
|
2333
|
-
if (span === 'all' || typeof span === 'number') {
|
|
2334
|
-
classes.push("ams-grid__cell--span-".concat(span));
|
|
2335
|
-
} else if (span) {
|
|
2336
|
-
var narrow = span.narrow,
|
|
2337
|
-
medium = span.medium,
|
|
2338
|
-
wide = span.wide;
|
|
2339
|
-
classes.push("ams-grid__cell--span-".concat(narrow), "ams-grid__cell--span-".concat(medium, "-medium"), "ams-grid__cell--span-".concat(wide, "-wide"));
|
|
2340
|
-
}
|
|
2341
|
-
if (typeof start === 'number') {
|
|
2342
|
-
classes.push("ams-grid__cell--start-".concat(start));
|
|
2343
|
-
} else if (start) {
|
|
2344
|
-
var _narrow = start.narrow,
|
|
2345
|
-
_medium = start.medium,
|
|
2346
|
-
_wide = start.wide;
|
|
2347
|
-
classes.push("ams-grid__cell--start-".concat(_narrow), "ams-grid__cell--start-".concat(_medium, "-medium"), "ams-grid__cell--start-".concat(_wide, "-wide"));
|
|
2348
|
-
}
|
|
2349
|
-
return classes;
|
|
2350
|
-
};
|
|
2351
|
-
|
|
2352
2855
|
var _excluded$1 = ["as", "children", "className", "span", "start"];
|
|
2353
2856
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2354
2857
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -2371,19 +2874,6 @@ GridCell.displayName = 'Grid.Cell';
|
|
|
2371
2874
|
var _excluded = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
2372
2875
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2373
2876
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2374
|
-
var paddingClasses = function paddingClasses(paddingBottom, paddingTop, paddingVertical) {
|
|
2375
|
-
var classes = [];
|
|
2376
|
-
if (paddingVertical) {
|
|
2377
|
-
return ["ams-grid--padding-vertical--".concat(paddingVertical)];
|
|
2378
|
-
}
|
|
2379
|
-
if (paddingBottom) {
|
|
2380
|
-
classes.push("ams-grid--padding-bottom--".concat(paddingBottom));
|
|
2381
|
-
}
|
|
2382
|
-
if (paddingTop) {
|
|
2383
|
-
classes.push("ams-grid--padding-top--".concat(paddingTop));
|
|
2384
|
-
}
|
|
2385
|
-
return classes;
|
|
2386
|
-
};
|
|
2387
2877
|
var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2388
2878
|
var children = _ref.children,
|
|
2389
2879
|
className = _ref.className,
|
|
@@ -2394,7 +2884,7 @@ var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2394
2884
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
2395
2885
|
return jsx("div", _objectSpread(_objectSpread({}, restProps), {}, {
|
|
2396
2886
|
ref: ref,
|
|
2397
|
-
className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses(paddingBottom, paddingTop, paddingVertical), className),
|
|
2887
|
+
className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
|
|
2398
2888
|
children: children
|
|
2399
2889
|
}));
|
|
2400
2890
|
});
|
|
@@ -2403,5 +2893,5 @@ var Grid = Object.assign(GridRoot, {
|
|
|
2403
2893
|
Cell: GridCell
|
|
2404
2894
|
});
|
|
2405
2895
|
|
|
2406
|
-
export { Accordion, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, FileInput, Footer, FormErrorList, Grid, Header, Heading, Icon, IconButton, Image, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList
|
|
2896
|
+
export { Accordion, ActionGroup, Alert, AspectRatio, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, FileInput, Footer, FormErrorList, Grid, Header, Heading, Hint, Icon, IconButton, Image, ImageSlider, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, PasswordInput, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList };
|
|
2407
2897
|
//# sourceMappingURL=index.esm.js.map
|