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