@amsterdam/design-system-react 3.0.0 → 3.1.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/dist/Accordion/Accordion.js +1 -1
- package/dist/Accordion/AccordionContext.d.ts +1 -2
- package/dist/Accordion/AccordionContext.js +3 -4
- package/dist/Accordion/AccordionSection.js +1 -1
- package/dist/Badge/Badge.d.ts +5 -0
- package/dist/Badge/Badge.js +3 -2
- package/dist/Checkbox/Checkbox.d.ts +5 -4
- package/dist/ImageSlider/ImageSlider.d.ts +3 -22
- package/dist/ImageSlider/ImageSlider.js +31 -86
- package/dist/ImageSlider/ImageSliderControl.d.ts +2 -0
- package/dist/ImageSlider/ImageSliderControl.js +5 -0
- package/dist/ImageSlider/ImageSliderThumbnails.d.ts +5 -6
- package/dist/ImageSlider/ImageSliderThumbnails.js +7 -12
- package/dist/ImageSlider/index.d.ts +0 -1
- package/dist/ImageSlider/utils/debounce.d.ts +1 -0
- package/dist/ImageSlider/utils/debounce.js +8 -0
- package/dist/ImageSlider/utils/index.d.ts +4 -0
- package/dist/ImageSlider/utils/index.js +4 -0
- package/dist/ImageSlider/utils/scrollToCurrentSlideOnResize.d.ts +7 -0
- package/dist/ImageSlider/utils/scrollToCurrentSlideOnResize.js +11 -0
- package/dist/ImageSlider/utils/scrollToSlide.d.ts +2 -0
- package/dist/ImageSlider/utils/scrollToSlide.js +9 -0
- package/dist/ImageSlider/utils/setCurrentSlideIdToVisibleSlide.d.ts +8 -0
- package/dist/ImageSlider/utils/setCurrentSlideIdToVisibleSlide.js +10 -0
- package/dist/PageHeader/PageHeader.d.ts +6 -1
- package/dist/PageHeader/PageHeader.js +2 -2
- package/dist/ProgressList/ProgressList.d.ts +43 -0
- package/dist/ProgressList/ProgressList.js +19 -0
- package/dist/ProgressList/ProgressListContext.d.ts +10 -0
- package/dist/ProgressList/ProgressListContext.js +11 -0
- package/dist/ProgressList/ProgressListStep.d.ts +23 -0
- package/dist/ProgressList/ProgressListStep.js +12 -0
- package/dist/ProgressList/ProgressListSubstep.d.ts +16 -0
- package/dist/ProgressList/ProgressListSubstep.js +7 -0
- package/dist/ProgressList/ProgressListSubsteps.d.ts +9 -0
- package/dist/ProgressList/ProgressListSubsteps.js +5 -0
- package/dist/ProgressList/index.d.ts +9 -0
- package/dist/ProgressList/index.js +5 -0
- package/dist/Radio/Radio.d.ts +5 -4
- package/dist/index.cjs.js +671 -632
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +107 -57
- package/dist/index.esm.js +673 -635
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +9 -9
- package/dist/ImageSlider/ImageSliderContext.d.ts +0 -13
- package/dist/ImageSlider/ImageSliderContext.js +0 -14
- package/dist/ImageSlider/ImageSliderControls.d.ts +0 -17
- package/dist/ImageSlider/ImageSliderControls.js +0 -13
- package/dist/ImageSlider/ImageSliderItem.d.ts +0 -15
- package/dist/ImageSlider/ImageSliderItem.js +0 -11
- package/dist/ImageSlider/ImageSliderScroller.d.ts +0 -9
- package/dist/ImageSlider/ImageSliderScroller.js +0 -5
package/dist/index.cjs.js
CHANGED
|
@@ -73,8 +73,8 @@ var useKeyboardFocus = function useKeyboardFocus(ref, options) {
|
|
|
73
73
|
* Copyright Gemeente Amsterdam
|
|
74
74
|
*/
|
|
75
75
|
var defaultValues$2 = {
|
|
76
|
-
//
|
|
77
|
-
//
|
|
76
|
+
// Default value for type safety.
|
|
77
|
+
// The actual value is always provided via Accordion’s required headingLevel prop.
|
|
78
78
|
headingLevel: 2
|
|
79
79
|
};
|
|
80
80
|
var AccordionContext = /*#__PURE__*/react.createContext(defaultValues$2);
|
|
@@ -97,9 +97,9 @@ function getHeadingTag(level) {
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
var _excluded$
|
|
101
|
-
function ownKeys$
|
|
102
|
-
function _objectSpread$
|
|
100
|
+
var _excluded$1D = ["children", "className", "color", "level", "size"];
|
|
101
|
+
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; }
|
|
102
|
+
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), true).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; }
|
|
103
103
|
/**
|
|
104
104
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-heading--docs Heading docs at Amsterdam Design System}
|
|
105
105
|
*/
|
|
@@ -109,10 +109,10 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
109
109
|
color = _ref.color,
|
|
110
110
|
level = _ref.level,
|
|
111
111
|
size = _ref.size,
|
|
112
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
112
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1D);
|
|
113
113
|
var Tag = getHeadingTag(level);
|
|
114
114
|
var visualLevel = size ? size.slice(-1) : level;
|
|
115
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
115
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1M(_objectSpread$1M({
|
|
116
116
|
className: clsx.clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
|
|
117
117
|
ref: ref
|
|
118
118
|
}, restProps), {}, {
|
|
@@ -121,9 +121,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
121
121
|
});
|
|
122
122
|
Heading.displayName = 'Heading';
|
|
123
123
|
|
|
124
|
-
var _excluded$
|
|
125
|
-
function ownKeys$
|
|
126
|
-
function _objectSpread$
|
|
124
|
+
var _excluded$1C = ["className", "color", "size", "square", "svg"];
|
|
125
|
+
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; }
|
|
126
|
+
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), true).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; }
|
|
127
127
|
/**
|
|
128
128
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
|
|
129
129
|
* @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
|
|
@@ -134,8 +134,8 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
134
134
|
size = _ref.size,
|
|
135
135
|
square = _ref.square,
|
|
136
136
|
svg = _ref.svg,
|
|
137
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
138
|
-
return jsxRuntime.jsx("span", _objectSpread$
|
|
137
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1C);
|
|
138
|
+
return jsxRuntime.jsx("span", _objectSpread$1L(_objectSpread$1L({
|
|
139
139
|
className: clsx.clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
|
|
140
140
|
hidden // The icon is only shown when the CSS loads, so we hide it by default.
|
|
141
141
|
: true,
|
|
@@ -146,9 +146,9 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
146
146
|
});
|
|
147
147
|
Icon.displayName = 'Icon';
|
|
148
148
|
|
|
149
|
-
var _excluded$
|
|
150
|
-
function ownKeys$
|
|
151
|
-
function _objectSpread$
|
|
149
|
+
var _excluded$1B = ["children", "className", "expanded", "label"];
|
|
150
|
+
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; }
|
|
151
|
+
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), true).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; }
|
|
152
152
|
// The 'ams-accordion__header' class is @deprecated and will be removed in a future release.
|
|
153
153
|
var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
154
154
|
var children = _ref.children,
|
|
@@ -156,7 +156,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
156
156
|
_ref$expanded = _ref.expanded,
|
|
157
157
|
expanded = _ref$expanded === void 0 ? false : _ref$expanded,
|
|
158
158
|
label = _ref.label,
|
|
159
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
159
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1B);
|
|
160
160
|
var _useContext = react.useContext(AccordionContext),
|
|
161
161
|
headingLevel = _useContext.headingLevel,
|
|
162
162
|
sectionAs = _useContext.sectionAs;
|
|
@@ -169,7 +169,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
169
169
|
var iconSize = "heading-".concat(headingLevel);
|
|
170
170
|
var buttonId = "button-".concat(id);
|
|
171
171
|
var panelId = "panel-".concat(id);
|
|
172
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
172
|
+
return jsxRuntime.jsxs("div", _objectSpread$1K(_objectSpread$1K({
|
|
173
173
|
className: clsx.clsx('ams-accordion__section', className),
|
|
174
174
|
ref: ref
|
|
175
175
|
}, restProps), {}, {
|
|
@@ -240,17 +240,17 @@ var Accordion = Object.assign(AccordionRoot, {
|
|
|
240
240
|
Section: AccordionSection
|
|
241
241
|
});
|
|
242
242
|
|
|
243
|
-
var _excluded$
|
|
244
|
-
function ownKeys$
|
|
245
|
-
function _objectSpread$
|
|
243
|
+
var _excluded$1A = ["children", "className"];
|
|
244
|
+
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; }
|
|
245
|
+
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), true).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; }
|
|
246
246
|
/**
|
|
247
247
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs Action Group docs at Amsterdam Design System}
|
|
248
248
|
*/
|
|
249
249
|
var ActionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
250
250
|
var children = _ref.children,
|
|
251
251
|
className = _ref.className,
|
|
252
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
253
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
252
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1A);
|
|
253
|
+
return jsxRuntime.jsx("div", _objectSpread$1J(_objectSpread$1J({}, restProps), {}, {
|
|
254
254
|
className: clsx.clsx('ams-action-group', className),
|
|
255
255
|
ref: ref,
|
|
256
256
|
role: "group",
|
|
@@ -259,9 +259,9 @@ var ActionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
259
259
|
});
|
|
260
260
|
ActionGroup.displayName = 'ActionGroup';
|
|
261
261
|
|
|
262
|
-
var _excluded$
|
|
263
|
-
function ownKeys$
|
|
264
|
-
function _objectSpread$
|
|
262
|
+
var _excluded$1z = ["className", "color", "label", "size", "svg", "type"];
|
|
263
|
+
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; }
|
|
264
|
+
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), true).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; }
|
|
265
265
|
/**
|
|
266
266
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-icon-button--docs Icon Button docs at Amsterdam Design System}
|
|
267
267
|
*/
|
|
@@ -273,8 +273,8 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
273
273
|
_ref$svg = _ref.svg,
|
|
274
274
|
svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
|
|
275
275
|
type = _ref.type,
|
|
276
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
277
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
276
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1z);
|
|
277
|
+
return jsxRuntime.jsxs("button", _objectSpread$1I(_objectSpread$1I({}, restProps), {}, {
|
|
278
278
|
className: clsx.clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
|
|
279
279
|
ref: ref,
|
|
280
280
|
type: type || 'button',
|
|
@@ -290,9 +290,9 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
290
290
|
});
|
|
291
291
|
IconButton.displayName = 'IconButton';
|
|
292
292
|
|
|
293
|
-
var _excluded$
|
|
294
|
-
function ownKeys$
|
|
295
|
-
function _objectSpread$
|
|
293
|
+
var _excluded$1y = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
294
|
+
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; }
|
|
295
|
+
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), true).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; }
|
|
296
296
|
/**
|
|
297
297
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
|
|
298
298
|
*/
|
|
@@ -305,8 +305,8 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
305
305
|
className = _ref.className,
|
|
306
306
|
gap = _ref.gap,
|
|
307
307
|
wrap = _ref.wrap,
|
|
308
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
309
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
308
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1y);
|
|
309
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1H(_objectSpread$1H({}, restProps), {}, {
|
|
310
310
|
className: clsx.clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
|
|
311
311
|
ref: ref,
|
|
312
312
|
children: children
|
|
@@ -314,9 +314,9 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
314
314
|
});
|
|
315
315
|
Row.displayName = 'Row';
|
|
316
316
|
|
|
317
|
-
var _excluded$
|
|
318
|
-
function ownKeys$
|
|
319
|
-
function _objectSpread$
|
|
317
|
+
var _excluded$1x = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingId", "headingLevel", "onClose", "severity"];
|
|
318
|
+
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; }
|
|
319
|
+
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), true).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; }
|
|
320
320
|
var iconSvgBySeverity = {
|
|
321
321
|
error: designSystemReactIcons.ErrorFillIcon,
|
|
322
322
|
success: designSystemReactIcons.SuccessFillIcon,
|
|
@@ -337,9 +337,9 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
337
337
|
headingLevel = _ref.headingLevel,
|
|
338
338
|
onClose = _ref.onClose,
|
|
339
339
|
severity = _ref.severity,
|
|
340
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
340
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1x);
|
|
341
341
|
var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.InfoFillIcon;
|
|
342
|
-
return jsxRuntime.jsxs("section", _objectSpread$
|
|
342
|
+
return jsxRuntime.jsxs("section", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
|
|
343
343
|
"aria-labelledby": headingId || undefined,
|
|
344
344
|
className: clsx.clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
|
|
345
345
|
ref: ref,
|
|
@@ -371,9 +371,9 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
371
371
|
});
|
|
372
372
|
Alert.displayName = 'Alert';
|
|
373
373
|
|
|
374
|
-
var _excluded$
|
|
375
|
-
function ownKeys$
|
|
376
|
-
function _objectSpread$
|
|
374
|
+
var _excluded$1w = ["className", "color", "imageSrc", "label"];
|
|
375
|
+
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; }
|
|
376
|
+
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), true).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; }
|
|
377
377
|
var AvatarContent = function AvatarContent(_ref) {
|
|
378
378
|
var imageSrc = _ref.imageSrc,
|
|
379
379
|
initials = _ref.initials;
|
|
@@ -402,10 +402,10 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
402
402
|
color = _ref2.color,
|
|
403
403
|
imageSrc = _ref2.imageSrc,
|
|
404
404
|
label = _ref2.label,
|
|
405
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
405
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1w);
|
|
406
406
|
var initials = label.slice(0, 2).toUpperCase();
|
|
407
407
|
var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
|
|
408
|
-
return jsxRuntime.jsxs("span", _objectSpread$
|
|
408
|
+
return jsxRuntime.jsxs("span", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
|
|
409
409
|
className: clsx.clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
|
|
410
410
|
ref: ref,
|
|
411
411
|
children: [jsxRuntime.jsx("span", {
|
|
@@ -419,28 +419,31 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
419
419
|
});
|
|
420
420
|
Avatar.displayName = 'Avatar';
|
|
421
421
|
|
|
422
|
-
var _excluded$
|
|
423
|
-
function ownKeys$
|
|
424
|
-
function _objectSpread$
|
|
422
|
+
var _excluded$1v = ["className", "color", "icon", "label"];
|
|
423
|
+
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; }
|
|
424
|
+
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), true).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; }
|
|
425
425
|
/**
|
|
426
426
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
|
|
427
427
|
*/
|
|
428
428
|
var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
429
429
|
var className = _ref.className,
|
|
430
430
|
color = _ref.color,
|
|
431
|
+
icon = _ref.icon,
|
|
431
432
|
label = _ref.label,
|
|
432
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
433
|
-
return jsxRuntime.
|
|
433
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1v);
|
|
434
|
+
return jsxRuntime.jsxs("span", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
|
|
434
435
|
className: clsx.clsx('ams-badge', color && "ams-badge--".concat(color), className),
|
|
435
436
|
ref: ref,
|
|
436
|
-
children:
|
|
437
|
+
children: [icon && jsxRuntime.jsx(Icon, {
|
|
438
|
+
svg: icon
|
|
439
|
+
}), label]
|
|
437
440
|
}));
|
|
438
441
|
});
|
|
439
442
|
Badge.displayName = 'Badge';
|
|
440
443
|
|
|
441
|
-
var _excluded$
|
|
442
|
-
function ownKeys$
|
|
443
|
-
function _objectSpread$
|
|
444
|
+
var _excluded$1u = ["children", "className", "color"];
|
|
445
|
+
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; }
|
|
446
|
+
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), true).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; }
|
|
444
447
|
/**
|
|
445
448
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-blockquote--docs Blockquote docs at Amsterdam Design System}
|
|
446
449
|
*/
|
|
@@ -448,8 +451,8 @@ var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
448
451
|
var children = _ref.children,
|
|
449
452
|
className = _ref.className,
|
|
450
453
|
color = _ref.color,
|
|
451
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
452
|
-
return jsxRuntime.jsx("blockquote", _objectSpread$
|
|
454
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1u);
|
|
455
|
+
return jsxRuntime.jsx("blockquote", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
|
|
453
456
|
className: clsx.clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
|
|
454
457
|
ref: ref,
|
|
455
458
|
children: children
|
|
@@ -457,16 +460,16 @@ var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
457
460
|
});
|
|
458
461
|
Blockquote.displayName = 'Blockquote';
|
|
459
462
|
|
|
460
|
-
var _excluded$
|
|
461
|
-
function ownKeys$
|
|
462
|
-
function _objectSpread$
|
|
463
|
+
var _excluded$1t = ["children", "className"];
|
|
464
|
+
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; }
|
|
465
|
+
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), true).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; }
|
|
463
466
|
var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
464
467
|
var children = _ref.children,
|
|
465
468
|
className = _ref.className,
|
|
466
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
469
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1t);
|
|
467
470
|
return jsxRuntime.jsx("li", {
|
|
468
471
|
className: "ams-breadcrumb__item",
|
|
469
|
-
children: jsxRuntime.jsx("a", _objectSpread$
|
|
472
|
+
children: jsxRuntime.jsx("a", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
|
|
470
473
|
className: clsx.clsx('ams-breadcrumb__link', className),
|
|
471
474
|
ref: ref,
|
|
472
475
|
children: children
|
|
@@ -475,14 +478,14 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
475
478
|
});
|
|
476
479
|
BreadcrumbLink.displayName = 'Breadcrumb.Link';
|
|
477
480
|
|
|
478
|
-
var _excluded$
|
|
479
|
-
function ownKeys$
|
|
480
|
-
function _objectSpread$
|
|
481
|
+
var _excluded$1s = ["children", "className"];
|
|
482
|
+
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; }
|
|
483
|
+
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), true).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; }
|
|
481
484
|
var BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
482
485
|
var children = _ref.children,
|
|
483
486
|
className = _ref.className,
|
|
484
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
485
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
487
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1s);
|
|
488
|
+
return jsxRuntime.jsx("nav", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
|
|
486
489
|
className: clsx.clsx('ams-breadcrumb', className),
|
|
487
490
|
ref: ref,
|
|
488
491
|
children: jsxRuntime.jsx("ol", {
|
|
@@ -540,9 +543,9 @@ var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpa
|
|
|
540
543
|
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)));
|
|
541
544
|
};
|
|
542
545
|
|
|
543
|
-
var _excluded$
|
|
544
|
-
function ownKeys$
|
|
545
|
-
function _objectSpread$
|
|
546
|
+
var _excluded$1r = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
|
|
547
|
+
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; }
|
|
548
|
+
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), true).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; }
|
|
546
549
|
var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
547
550
|
var _ref$as = _ref.as,
|
|
548
551
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -553,8 +556,8 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
553
556
|
has = _ref.has,
|
|
554
557
|
rowSpan = _ref.rowSpan,
|
|
555
558
|
rowStart = _ref.rowStart,
|
|
556
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
557
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
559
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1r);
|
|
560
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
|
|
558
561
|
className: clsx.clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
|
|
559
562
|
ref: ref,
|
|
560
563
|
children: children
|
|
@@ -562,9 +565,9 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
562
565
|
});
|
|
563
566
|
BreakoutCell.displayName = 'Breakout.Cell';
|
|
564
567
|
|
|
565
|
-
var _excluded$
|
|
566
|
-
function ownKeys$
|
|
567
|
-
function _objectSpread$
|
|
568
|
+
var _excluded$1q = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
569
|
+
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; }
|
|
570
|
+
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), true).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; }
|
|
568
571
|
var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
569
572
|
var children = _ref.children,
|
|
570
573
|
className = _ref.className,
|
|
@@ -572,8 +575,8 @@ var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
572
575
|
paddingBottom = _ref.paddingBottom,
|
|
573
576
|
paddingTop = _ref.paddingTop,
|
|
574
577
|
paddingVertical = _ref.paddingVertical,
|
|
575
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
576
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
578
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1q);
|
|
579
|
+
return jsxRuntime.jsx("div", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
|
|
577
580
|
className: clsx.clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
|
|
578
581
|
ref: ref,
|
|
579
582
|
children: children
|
|
@@ -587,9 +590,9 @@ var Breakout = Object.assign(BreakoutRoot, {
|
|
|
587
590
|
Cell: BreakoutCell
|
|
588
591
|
});
|
|
589
592
|
|
|
590
|
-
var _excluded$
|
|
591
|
-
function ownKeys$
|
|
592
|
-
function _objectSpread$
|
|
593
|
+
var _excluded$1p = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
|
|
594
|
+
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; }
|
|
595
|
+
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), true).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; }
|
|
593
596
|
/**
|
|
594
597
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
|
|
595
598
|
*/
|
|
@@ -603,8 +606,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
603
606
|
type = _ref.type,
|
|
604
607
|
_ref$variant = _ref.variant,
|
|
605
608
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
606
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
607
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
609
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1p);
|
|
610
|
+
return jsxRuntime.jsxs("button", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
|
|
608
611
|
className: clsx.clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
|
|
609
612
|
disabled: disabled,
|
|
610
613
|
ref: ref,
|
|
@@ -622,17 +625,17 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
622
625
|
});
|
|
623
626
|
Button.displayName = 'Button';
|
|
624
627
|
|
|
625
|
-
var _excluded$
|
|
626
|
-
function ownKeys$
|
|
627
|
-
function _objectSpread$
|
|
628
|
+
var _excluded$1o = ["children", "className"];
|
|
629
|
+
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; }
|
|
630
|
+
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), true).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; }
|
|
628
631
|
/**
|
|
629
632
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-call-to-action-link--docs CallToActionLink docs at Amsterdam Design System}
|
|
630
633
|
*/
|
|
631
634
|
var CallToActionLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
632
635
|
var children = _ref.children,
|
|
633
636
|
className = _ref.className,
|
|
634
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
635
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
637
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1o);
|
|
638
|
+
return jsxRuntime.jsx("a", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
|
|
636
639
|
className: clsx.clsx('ams-call-to-action-link', className),
|
|
637
640
|
ref: ref,
|
|
638
641
|
children: children
|
|
@@ -640,16 +643,16 @@ var CallToActionLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
640
643
|
});
|
|
641
644
|
CallToActionLink.displayName = 'CallToActionLink';
|
|
642
645
|
|
|
643
|
-
var _excluded$
|
|
644
|
-
function ownKeys$
|
|
645
|
-
function _objectSpread$
|
|
646
|
+
var _excluded$1n = ["children", "className", "size"];
|
|
647
|
+
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; }
|
|
648
|
+
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), true).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; }
|
|
646
649
|
var CardHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
647
650
|
var children = _ref.children,
|
|
648
651
|
className = _ref.className,
|
|
649
652
|
_ref$size = _ref.size,
|
|
650
653
|
size = _ref$size === void 0 ? 'level-3' : _ref$size,
|
|
651
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
652
|
-
return jsxRuntime.jsx(Heading, _objectSpread$
|
|
654
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
655
|
+
return jsxRuntime.jsx(Heading, _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
|
|
653
656
|
className: clsx.clsx('ams-card__heading', className),
|
|
654
657
|
ref: ref,
|
|
655
658
|
size: size,
|
|
@@ -658,9 +661,9 @@ var CardHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
658
661
|
});
|
|
659
662
|
CardHeading.displayName = 'Card.Heading';
|
|
660
663
|
|
|
661
|
-
var _excluded$
|
|
662
|
-
function ownKeys$
|
|
663
|
-
function _objectSpread$
|
|
664
|
+
var _excluded$1m = ["children", "className", "color", "size"];
|
|
665
|
+
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; }
|
|
666
|
+
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), true).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; }
|
|
664
667
|
var wrapChildren = function wrapChildren(size, children) {
|
|
665
668
|
if (size === 'large') return jsxRuntime.jsx("b", {
|
|
666
669
|
className: "ams-paragraph__b",
|
|
@@ -680,8 +683,8 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
680
683
|
className = _ref.className,
|
|
681
684
|
color = _ref.color,
|
|
682
685
|
size = _ref.size,
|
|
683
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
684
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
686
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
687
|
+
return jsxRuntime.jsx("p", _objectSpread$1v(_objectSpread$1v({
|
|
685
688
|
className: clsx.clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
|
|
686
689
|
ref: ref
|
|
687
690
|
}, restProps), {}, {
|
|
@@ -690,15 +693,15 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
690
693
|
});
|
|
691
694
|
Paragraph.displayName = 'Paragraph';
|
|
692
695
|
|
|
693
|
-
var _excluded$
|
|
694
|
-
function ownKeys$
|
|
695
|
-
function _objectSpread$
|
|
696
|
+
var _excluded$1l = ["children", "className", "tagline"];
|
|
697
|
+
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; }
|
|
698
|
+
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), true).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; }
|
|
696
699
|
var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
697
700
|
var children = _ref.children,
|
|
698
701
|
className = _ref.className,
|
|
699
702
|
tagline = _ref.tagline,
|
|
700
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
701
|
-
return jsxRuntime.jsxs("hgroup", _objectSpread$
|
|
703
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1l);
|
|
704
|
+
return jsxRuntime.jsxs("hgroup", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
|
|
702
705
|
className: clsx.clsx('ams-card__heading-group', className),
|
|
703
706
|
ref: ref,
|
|
704
707
|
children: [children, jsxRuntime.jsx(Paragraph, {
|
|
@@ -717,9 +720,9 @@ var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
|
|
|
717
720
|
return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
|
|
718
721
|
};
|
|
719
722
|
|
|
720
|
-
var _excluded$
|
|
721
|
-
function ownKeys$
|
|
722
|
-
function _objectSpread$
|
|
723
|
+
var _excluded$1k = ["aspectRatio", "className", "width"];
|
|
724
|
+
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; }
|
|
725
|
+
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), true).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; }
|
|
723
726
|
/**
|
|
724
727
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
|
|
725
728
|
*/
|
|
@@ -727,8 +730,8 @@ var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
727
730
|
var aspectRatio = _ref.aspectRatio,
|
|
728
731
|
className = _ref.className,
|
|
729
732
|
width = _ref.width,
|
|
730
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
731
|
-
return jsxRuntime.jsx("img", _objectSpread$
|
|
733
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
734
|
+
return jsxRuntime.jsx("img", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
|
|
732
735
|
className: clsx.clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
|
|
733
736
|
ref: ref,
|
|
734
737
|
width: width !== null && width !== void 0 ? width : 600
|
|
@@ -736,27 +739,27 @@ var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
736
739
|
});
|
|
737
740
|
Image.displayName = 'Image';
|
|
738
741
|
|
|
739
|
-
var _excluded$
|
|
740
|
-
function ownKeys$
|
|
741
|
-
function _objectSpread$
|
|
742
|
+
var _excluded$1j = ["className"];
|
|
743
|
+
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; }
|
|
744
|
+
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), true).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; }
|
|
742
745
|
var CardImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
743
746
|
var className = _ref.className,
|
|
744
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
745
|
-
return jsxRuntime.jsx(Image, _objectSpread$
|
|
747
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
748
|
+
return jsxRuntime.jsx(Image, _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
|
|
746
749
|
className: clsx.clsx('ams-card__image', className),
|
|
747
750
|
ref: ref
|
|
748
751
|
}));
|
|
749
752
|
});
|
|
750
753
|
CardImage.displayName = 'Card.Image';
|
|
751
754
|
|
|
752
|
-
var _excluded$
|
|
753
|
-
function ownKeys$
|
|
754
|
-
function _objectSpread$
|
|
755
|
+
var _excluded$1i = ["children", "className"];
|
|
756
|
+
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; }
|
|
757
|
+
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), true).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; }
|
|
755
758
|
var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
756
759
|
var children = _ref.children,
|
|
757
760
|
className = _ref.className,
|
|
758
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
759
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
761
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
762
|
+
return jsxRuntime.jsx("a", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
|
|
760
763
|
className: clsx.clsx('ams-card__link', className),
|
|
761
764
|
ref: ref,
|
|
762
765
|
children: children
|
|
@@ -764,14 +767,14 @@ var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
764
767
|
});
|
|
765
768
|
CardLink.displayName = 'Card.Link';
|
|
766
769
|
|
|
767
|
-
var _excluded$
|
|
768
|
-
function ownKeys$
|
|
769
|
-
function _objectSpread$
|
|
770
|
+
var _excluded$1h = ["children", "className"];
|
|
771
|
+
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; }
|
|
772
|
+
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), true).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; }
|
|
770
773
|
var CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
771
774
|
var children = _ref.children,
|
|
772
775
|
className = _ref.className,
|
|
773
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
774
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
776
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
777
|
+
return jsxRuntime.jsx("article", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
|
|
775
778
|
className: clsx.clsx('ams-card', className),
|
|
776
779
|
ref: ref,
|
|
777
780
|
children: children
|
|
@@ -788,9 +791,9 @@ var Card = Object.assign(CardRoot, {
|
|
|
788
791
|
Link: CardLink
|
|
789
792
|
});
|
|
790
793
|
|
|
791
|
-
var _excluded$
|
|
792
|
-
function ownKeys$
|
|
793
|
-
function _objectSpread$
|
|
794
|
+
var _excluded$1g = ["className", "length", "maxLength"];
|
|
795
|
+
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; }
|
|
796
|
+
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), true).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; }
|
|
794
797
|
/**
|
|
795
798
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-character-count--docs Character Count docs at Amsterdam Design System}
|
|
796
799
|
*/
|
|
@@ -798,8 +801,8 @@ var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
798
801
|
var className = _ref.className,
|
|
799
802
|
length = _ref.length,
|
|
800
803
|
maxLength = _ref.maxLength,
|
|
801
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
802
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
804
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
805
|
+
return jsxRuntime.jsx("div", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
|
|
803
806
|
className: clsx.clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
|
|
804
807
|
ref: ref,
|
|
805
808
|
role: "status",
|
|
@@ -808,10 +811,10 @@ var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
808
811
|
});
|
|
809
812
|
CharacterCount.displayName = 'CharacterCount';
|
|
810
813
|
|
|
811
|
-
function ownKeys$
|
|
812
|
-
function _objectSpread$
|
|
814
|
+
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; }
|
|
815
|
+
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), true).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; }
|
|
813
816
|
var SvgCheckbox = function SvgCheckbox(props) {
|
|
814
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
817
|
+
return jsxRuntime.jsxs("svg", _objectSpread$1o(_objectSpread$1o({
|
|
815
818
|
"aria-hidden": "true",
|
|
816
819
|
focusable: "false",
|
|
817
820
|
viewBox: "0 0 24 24",
|
|
@@ -854,9 +857,9 @@ var SvgCheckbox = function SvgCheckbox(props) {
|
|
|
854
857
|
}));
|
|
855
858
|
};
|
|
856
859
|
|
|
857
|
-
var _excluded$
|
|
858
|
-
function ownKeys$
|
|
859
|
-
function _objectSpread$
|
|
860
|
+
var _excluded$1f = ["children", "className", "icon", "id", "indeterminate", "invalid"];
|
|
861
|
+
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; }
|
|
862
|
+
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), true).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; }
|
|
860
863
|
/**
|
|
861
864
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-checkbox--docs Checkbox docs at Amsterdam Design System}
|
|
862
865
|
*/
|
|
@@ -868,7 +871,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
868
871
|
id = _ref.id,
|
|
869
872
|
indeterminate = _ref.indeterminate,
|
|
870
873
|
invalid = _ref.invalid,
|
|
871
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
874
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
872
875
|
var inputId = id || react.useId();
|
|
873
876
|
var innerRef = react.useRef(null);
|
|
874
877
|
// use a passed ref if it's there, otherwise use innerRef
|
|
@@ -886,7 +889,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
886
889
|
// without a containing element
|
|
887
890
|
jsxRuntime.jsxs("div", {
|
|
888
891
|
className: clsx.clsx('ams-checkbox', className),
|
|
889
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
892
|
+
children: [jsxRuntime.jsx("input", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
|
|
890
893
|
"aria-invalid": invalid || undefined,
|
|
891
894
|
className: "ams-checkbox__input",
|
|
892
895
|
id: inputId,
|
|
@@ -906,9 +909,9 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
906
909
|
});
|
|
907
910
|
Checkbox.displayName = 'Checkbox';
|
|
908
911
|
|
|
909
|
-
var _excluded$
|
|
910
|
-
function ownKeys$
|
|
911
|
-
function _objectSpread$
|
|
912
|
+
var _excluded$1e = ["align", "alignHorizontal", "as", "children", "className", "gap"];
|
|
913
|
+
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; }
|
|
914
|
+
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), true).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; }
|
|
912
915
|
/**
|
|
913
916
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-column--docs Column docs at Amsterdam Design System}
|
|
914
917
|
*/
|
|
@@ -920,8 +923,8 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
920
923
|
children = _ref.children,
|
|
921
924
|
className = _ref.className,
|
|
922
925
|
gap = _ref.gap,
|
|
923
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
924
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
926
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
927
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
|
|
925
928
|
className: clsx.clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
|
|
926
929
|
ref: ref,
|
|
927
930
|
children: children
|
|
@@ -929,9 +932,9 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
929
932
|
});
|
|
930
933
|
Column.displayName = 'Column';
|
|
931
934
|
|
|
932
|
-
var _excluded$
|
|
933
|
-
function ownKeys$
|
|
934
|
-
function _objectSpread$
|
|
935
|
+
var _excluded$1d = ["className", "invalid", "type"];
|
|
936
|
+
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; }
|
|
937
|
+
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), true).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; }
|
|
935
938
|
/**
|
|
936
939
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-date-input--docs Date Input docs at Amsterdam Design System}
|
|
937
940
|
*/
|
|
@@ -940,8 +943,8 @@ var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
940
943
|
invalid = _ref.invalid,
|
|
941
944
|
_ref$type = _ref.type,
|
|
942
945
|
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
943
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
944
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
946
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
947
|
+
return jsxRuntime.jsx("input", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
|
|
945
948
|
"aria-invalid": invalid || undefined,
|
|
946
949
|
className: clsx.clsx('ams-date-input', className),
|
|
947
950
|
ref: ref,
|
|
@@ -950,14 +953,14 @@ var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
950
953
|
});
|
|
951
954
|
DateInput.displayName = 'DateInput';
|
|
952
955
|
|
|
953
|
-
var _excluded$
|
|
954
|
-
function ownKeys$
|
|
955
|
-
function _objectSpread$
|
|
956
|
+
var _excluded$1c = ["children", "className"];
|
|
957
|
+
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; }
|
|
958
|
+
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), true).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; }
|
|
956
959
|
var DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
957
960
|
var children = _ref.children,
|
|
958
961
|
className = _ref.className,
|
|
959
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
960
|
-
return jsxRuntime.jsx("dd", _objectSpread$
|
|
962
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
963
|
+
return jsxRuntime.jsx("dd", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
961
964
|
className: clsx.clsx('ams-description-list__description', className),
|
|
962
965
|
ref: ref,
|
|
963
966
|
children: children
|
|
@@ -965,14 +968,14 @@ var DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
965
968
|
});
|
|
966
969
|
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
967
970
|
|
|
968
|
-
var _excluded$
|
|
969
|
-
function ownKeys$
|
|
970
|
-
function _objectSpread$
|
|
971
|
+
var _excluded$1b = ["children", "className"];
|
|
972
|
+
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; }
|
|
973
|
+
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), true).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; }
|
|
971
974
|
var DescriptionListSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
972
975
|
var children = _ref.children,
|
|
973
976
|
className = _ref.className,
|
|
974
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
975
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
977
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
978
|
+
return jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
976
979
|
className: clsx.clsx('ams-description-list__section', className),
|
|
977
980
|
ref: ref,
|
|
978
981
|
children: children
|
|
@@ -980,14 +983,14 @@ var DescriptionListSection = /*#__PURE__*/react.forwardRef(function (_ref, ref)
|
|
|
980
983
|
});
|
|
981
984
|
DescriptionListSection.displayName = 'DescriptionList.Section';
|
|
982
985
|
|
|
983
|
-
var _excluded$
|
|
984
|
-
function ownKeys$
|
|
985
|
-
function _objectSpread$
|
|
986
|
+
var _excluded$1a = ["children", "className"];
|
|
987
|
+
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; }
|
|
988
|
+
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), true).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; }
|
|
986
989
|
var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
987
990
|
var children = _ref.children,
|
|
988
991
|
className = _ref.className,
|
|
989
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
990
|
-
return jsxRuntime.jsx("dt", _objectSpread$
|
|
992
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
993
|
+
return jsxRuntime.jsx("dt", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
991
994
|
className: clsx.clsx('ams-description-list__term', className),
|
|
992
995
|
ref: ref,
|
|
993
996
|
children: children
|
|
@@ -995,16 +998,16 @@ var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
995
998
|
});
|
|
996
999
|
DescriptionListTerm.displayName = 'DescriptionList.Term';
|
|
997
1000
|
|
|
998
|
-
var _excluded$
|
|
999
|
-
function ownKeys$
|
|
1000
|
-
function _objectSpread$
|
|
1001
|
+
var _excluded$19 = ["children", "className", "color", "termsWidth"];
|
|
1002
|
+
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; }
|
|
1003
|
+
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), true).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; }
|
|
1001
1004
|
var DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1002
1005
|
var children = _ref.children,
|
|
1003
1006
|
className = _ref.className,
|
|
1004
1007
|
color = _ref.color,
|
|
1005
1008
|
termsWidth = _ref.termsWidth,
|
|
1006
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1007
|
-
return jsxRuntime.jsx("dl", _objectSpread$
|
|
1009
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
1010
|
+
return jsxRuntime.jsx("dl", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
1008
1011
|
className: clsx.clsx('ams-description-list', color && "ams-description-list--".concat(color), termsWidth && "ams-description-list--".concat(termsWidth), className),
|
|
1009
1012
|
ref: ref,
|
|
1010
1013
|
children: children
|
|
@@ -1020,9 +1023,9 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
|
1020
1023
|
Term: DescriptionListTerm
|
|
1021
1024
|
});
|
|
1022
1025
|
|
|
1023
|
-
var _excluded$
|
|
1024
|
-
function ownKeys$
|
|
1025
|
-
function _objectSpread$
|
|
1026
|
+
var _excluded$18 = ["children", "className", "closeButtonLabel", "footer", "heading"];
|
|
1027
|
+
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; }
|
|
1028
|
+
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), true).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; }
|
|
1026
1029
|
var closeDialog = function closeDialog(event) {
|
|
1027
1030
|
var _event$currentTarget$;
|
|
1028
1031
|
return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
|
|
@@ -1038,8 +1041,8 @@ var DialogRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1038
1041
|
closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
|
|
1039
1042
|
footer = _ref.footer,
|
|
1040
1043
|
heading = _ref.heading,
|
|
1041
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1042
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
1044
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
1045
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
1043
1046
|
className: clsx.clsx('ams-dialog', className),
|
|
1044
1047
|
ref: ref,
|
|
1045
1048
|
children: [jsxRuntime.jsxs("header", {
|
|
@@ -1072,9 +1075,9 @@ var Dialog = Object.assign(DialogRoot, {
|
|
|
1072
1075
|
open: openDialog
|
|
1073
1076
|
});
|
|
1074
1077
|
|
|
1075
|
-
var _excluded$
|
|
1076
|
-
function ownKeys$
|
|
1077
|
-
function _objectSpread$
|
|
1078
|
+
var _excluded$17 = ["children", "className", "icon", "prefix"];
|
|
1079
|
+
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; }
|
|
1080
|
+
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), true).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; }
|
|
1078
1081
|
/**
|
|
1079
1082
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-error-message--docs Error Message docs at Amsterdam Design System}
|
|
1080
1083
|
*/
|
|
@@ -1085,8 +1088,8 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1085
1088
|
icon = _ref$icon === void 0 ? designSystemReactIcons.WarningIcon : _ref$icon,
|
|
1086
1089
|
_ref$prefix = _ref.prefix,
|
|
1087
1090
|
prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
|
|
1088
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1089
|
-
return jsxRuntime.jsxs("p", _objectSpread$
|
|
1091
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
1092
|
+
return jsxRuntime.jsxs("p", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
1090
1093
|
className: clsx.clsx('ams-error-message', className),
|
|
1091
1094
|
ref: ref,
|
|
1092
1095
|
children: [jsxRuntime.jsx(Icon, {
|
|
@@ -1099,9 +1102,9 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1099
1102
|
});
|
|
1100
1103
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
1101
1104
|
|
|
1102
|
-
var _excluded$
|
|
1103
|
-
function ownKeys$
|
|
1104
|
-
function _objectSpread$
|
|
1105
|
+
var _excluded$16 = ["children", "className", "invalid"];
|
|
1106
|
+
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; }
|
|
1107
|
+
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), true).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; }
|
|
1105
1108
|
/**
|
|
1106
1109
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field--docs Field docs at Amsterdam Design System}
|
|
1107
1110
|
*/
|
|
@@ -1109,8 +1112,8 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1109
1112
|
var children = _ref.children,
|
|
1110
1113
|
className = _ref.className,
|
|
1111
1114
|
invalid = _ref.invalid,
|
|
1112
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1113
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1115
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
1116
|
+
return jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
1114
1117
|
className: clsx.clsx('ams-field', invalid && 'ams-field--invalid', className),
|
|
1115
1118
|
ref: ref,
|
|
1116
1119
|
children: children
|
|
@@ -1118,9 +1121,9 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1118
1121
|
});
|
|
1119
1122
|
Field.displayName = 'Field';
|
|
1120
1123
|
|
|
1121
|
-
var _excluded$
|
|
1122
|
-
function ownKeys$
|
|
1123
|
-
function _objectSpread$
|
|
1124
|
+
var _excluded$15 = ["className", "hint", "inFieldSet", "optional"];
|
|
1125
|
+
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; }
|
|
1126
|
+
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), true).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; }
|
|
1124
1127
|
var getHintText = function getHintText(_ref) {
|
|
1125
1128
|
var hint = _ref.hint,
|
|
1126
1129
|
optional = _ref.optional;
|
|
@@ -1136,12 +1139,12 @@ var Hint = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1136
1139
|
hint = _ref2.hint,
|
|
1137
1140
|
inFieldSet = _ref2.inFieldSet,
|
|
1138
1141
|
optional = _ref2.optional,
|
|
1139
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
1142
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$15);
|
|
1140
1143
|
var hintText = getHintText({
|
|
1141
1144
|
hint: hint,
|
|
1142
1145
|
optional: optional
|
|
1143
1146
|
});
|
|
1144
|
-
return hintText && jsxRuntime.jsxs("span", _objectSpread$
|
|
1147
|
+
return hintText && jsxRuntime.jsxs("span", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
1145
1148
|
className: clsx.clsx('ams-hint', inFieldSet && 'ams-hint--in-fieldset', className),
|
|
1146
1149
|
ref: ref,
|
|
1147
1150
|
children: ["(", hintText, ")"]
|
|
@@ -1149,9 +1152,9 @@ var Hint = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1149
1152
|
});
|
|
1150
1153
|
Hint.displayName = 'Hint';
|
|
1151
1154
|
|
|
1152
|
-
var _excluded$
|
|
1153
|
-
function ownKeys$
|
|
1154
|
-
function _objectSpread$
|
|
1155
|
+
var _excluded$14 = ["children", "className", "hint", "inFieldSet", "invalid", "legend", "legendIsPageHeading", "optional"];
|
|
1156
|
+
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; }
|
|
1157
|
+
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), true).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; }
|
|
1155
1158
|
/**
|
|
1156
1159
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field-set--docs Field Set docs at Amsterdam Design System}
|
|
1157
1160
|
*/
|
|
@@ -1164,7 +1167,7 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1164
1167
|
legend = _ref.legend,
|
|
1165
1168
|
legendIsPageHeading = _ref.legendIsPageHeading,
|
|
1166
1169
|
optional = _ref.optional,
|
|
1167
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1170
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
1168
1171
|
var legendContent = jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1169
1172
|
children: [legend, " ", jsxRuntime.jsx(Hint, {
|
|
1170
1173
|
hint: hint,
|
|
@@ -1172,7 +1175,7 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1172
1175
|
optional: optional
|
|
1173
1176
|
})]
|
|
1174
1177
|
});
|
|
1175
|
-
return jsxRuntime.jsxs("fieldset", _objectSpread$
|
|
1178
|
+
return jsxRuntime.jsxs("fieldset", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
1176
1179
|
className: clsx.clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
|
|
1177
1180
|
ref: ref,
|
|
1178
1181
|
children: [jsxRuntime.jsx("legend", {
|
|
@@ -1186,15 +1189,15 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1186
1189
|
});
|
|
1187
1190
|
FieldSet.displayName = 'FieldSet';
|
|
1188
1191
|
|
|
1189
|
-
var _excluded$
|
|
1190
|
-
function ownKeys$
|
|
1191
|
-
function _objectSpread$
|
|
1192
|
+
var _excluded$13 = ["children", "className", "color"];
|
|
1193
|
+
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; }
|
|
1194
|
+
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), true).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; }
|
|
1192
1195
|
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1193
1196
|
var children = _ref.children,
|
|
1194
1197
|
className = _ref.className,
|
|
1195
1198
|
color = _ref.color,
|
|
1196
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1197
|
-
return jsxRuntime.jsx("figcaption", _objectSpread$
|
|
1199
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
1200
|
+
return jsxRuntime.jsx("figcaption", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
1198
1201
|
className: clsx.clsx('ams-figure__caption', color && "ams-figure__caption--".concat(color), className),
|
|
1199
1202
|
ref: ref,
|
|
1200
1203
|
children: children
|
|
@@ -1202,14 +1205,14 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1202
1205
|
});
|
|
1203
1206
|
FigureCaption.displayName = 'Figure.Caption';
|
|
1204
1207
|
|
|
1205
|
-
var _excluded$
|
|
1206
|
-
function ownKeys$
|
|
1207
|
-
function _objectSpread$
|
|
1208
|
+
var _excluded$12 = ["children", "className"];
|
|
1209
|
+
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; }
|
|
1210
|
+
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), true).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; }
|
|
1208
1211
|
var FigureRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1209
1212
|
var children = _ref.children,
|
|
1210
1213
|
className = _ref.className,
|
|
1211
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1212
|
-
return jsxRuntime.jsx("figure", _objectSpread$
|
|
1214
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
1215
|
+
return jsxRuntime.jsx("figure", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
1213
1216
|
className: clsx.clsx('ams-figure', className),
|
|
1214
1217
|
ref: ref,
|
|
1215
1218
|
children: children
|
|
@@ -1223,16 +1226,16 @@ var Figure = Object.assign(FigureRoot, {
|
|
|
1223
1226
|
Caption: FigureCaption
|
|
1224
1227
|
});
|
|
1225
1228
|
|
|
1226
|
-
var _excluded$
|
|
1227
|
-
function ownKeys$
|
|
1228
|
-
function _objectSpread$
|
|
1229
|
+
var _excluded$11 = ["className"];
|
|
1230
|
+
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; }
|
|
1231
|
+
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), true).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; }
|
|
1229
1232
|
/**
|
|
1230
1233
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-input--docs File Input docs at Amsterdam Design System}
|
|
1231
1234
|
*/
|
|
1232
1235
|
var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1233
1236
|
var className = _ref.className,
|
|
1234
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1235
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
1237
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
1238
|
+
return jsxRuntime.jsx("input", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
1236
1239
|
className: clsx.clsx('ams-file-input', className),
|
|
1237
1240
|
ref: ref,
|
|
1238
1241
|
type: "file"
|
|
@@ -1293,15 +1296,15 @@ var formatFileType = function formatFileType(fileType) {
|
|
|
1293
1296
|
}
|
|
1294
1297
|
};
|
|
1295
1298
|
|
|
1296
|
-
var _excluded
|
|
1297
|
-
function ownKeys$
|
|
1298
|
-
function _objectSpread$
|
|
1299
|
+
var _excluded$10 = ["className", "file", "onDelete"];
|
|
1300
|
+
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; }
|
|
1301
|
+
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), true).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; }
|
|
1299
1302
|
var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1300
1303
|
var className = _ref.className,
|
|
1301
1304
|
file = _ref.file,
|
|
1302
1305
|
onDelete = _ref.onDelete,
|
|
1303
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1304
|
-
return jsxRuntime.jsxs("li", _objectSpread$
|
|
1306
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1307
|
+
return jsxRuntime.jsxs("li", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
1305
1308
|
className: clsx.clsx('ams-file-list__item', className),
|
|
1306
1309
|
ref: ref,
|
|
1307
1310
|
children: [jsxRuntime.jsx("div", {
|
|
@@ -1333,14 +1336,14 @@ var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1333
1336
|
});
|
|
1334
1337
|
FileListItem.displayName = 'FileList.Item';
|
|
1335
1338
|
|
|
1336
|
-
var _excluded
|
|
1337
|
-
function ownKeys$
|
|
1338
|
-
function _objectSpread$
|
|
1339
|
+
var _excluded$$ = ["children", "className"];
|
|
1340
|
+
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; }
|
|
1341
|
+
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), true).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; }
|
|
1339
1342
|
var FileListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1340
1343
|
var children = _ref.children,
|
|
1341
1344
|
className = _ref.className,
|
|
1342
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1343
|
-
return jsxRuntime.jsx("ul", _objectSpread$
|
|
1345
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1346
|
+
return jsxRuntime.jsx("ul", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
1344
1347
|
className: clsx.clsx('ams-file-list', className),
|
|
1345
1348
|
ref: ref,
|
|
1346
1349
|
children: children
|
|
@@ -1354,9 +1357,9 @@ var FileList = Object.assign(FileListRoot, {
|
|
|
1354
1357
|
Item: FileListItem
|
|
1355
1358
|
});
|
|
1356
1359
|
|
|
1357
|
-
var _excluded$
|
|
1358
|
-
function ownKeys$
|
|
1359
|
-
function _objectSpread$
|
|
1360
|
+
var _excluded$_ = ["as", "children", "className", "span", "start"];
|
|
1361
|
+
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; }
|
|
1362
|
+
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), true).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; }
|
|
1360
1363
|
var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1361
1364
|
var _ref$as = _ref.as,
|
|
1362
1365
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -1364,8 +1367,8 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1364
1367
|
className = _ref.className,
|
|
1365
1368
|
span = _ref.span,
|
|
1366
1369
|
start = _ref.start,
|
|
1367
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1368
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
1370
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1371
|
+
return jsxRuntime.jsx(Tag, _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
1369
1372
|
className: clsx.clsx('ams-grid__cell', gridCellClasses(span, start), className),
|
|
1370
1373
|
ref: ref,
|
|
1371
1374
|
children: children
|
|
@@ -1373,9 +1376,9 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1373
1376
|
});
|
|
1374
1377
|
GridCell.displayName = 'Grid.Cell';
|
|
1375
1378
|
|
|
1376
|
-
var _excluded$
|
|
1377
|
-
function ownKeys$
|
|
1378
|
-
function _objectSpread$
|
|
1379
|
+
var _excluded$Z = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
1380
|
+
function ownKeys$15(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; }
|
|
1381
|
+
function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1379
1382
|
var GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1380
1383
|
var _ref$as = _ref.as,
|
|
1381
1384
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -1385,8 +1388,8 @@ var GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1385
1388
|
paddingBottom = _ref.paddingBottom,
|
|
1386
1389
|
paddingTop = _ref.paddingTop,
|
|
1387
1390
|
paddingVertical = _ref.paddingVertical,
|
|
1388
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1389
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
1391
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1392
|
+
return jsxRuntime.jsx(Tag, _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
1390
1393
|
className: clsx.clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
|
|
1391
1394
|
ref: ref,
|
|
1392
1395
|
children: children
|
|
@@ -1400,135 +1403,46 @@ var Grid = Object.assign(GridRoot, {
|
|
|
1400
1403
|
Cell: GridCell
|
|
1401
1404
|
});
|
|
1402
1405
|
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
var
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1406
|
+
var _excluded$Y = ["icon"];
|
|
1407
|
+
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1408
|
+
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1409
|
+
var ImageSliderControl = function ImageSliderControl(_ref) {
|
|
1410
|
+
var icon = _ref.icon,
|
|
1411
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1412
|
+
return jsxRuntime.jsx(Button, _objectSpread$14({
|
|
1413
|
+
className: "ams-image-slider__control",
|
|
1414
|
+
color: "inverse",
|
|
1415
|
+
icon: icon
|
|
1416
|
+
}, restProps));
|
|
1414
1417
|
};
|
|
1415
|
-
var ImageSliderContext = /*#__PURE__*/react.createContext(defaultValues$1);
|
|
1416
|
-
|
|
1417
|
-
var _excluded$X = ["className", "nextLabel", "previousLabel"];
|
|
1418
|
-
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1419
|
-
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1420
|
-
var ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1421
|
-
var className = _ref.className,
|
|
1422
|
-
nextLabel = _ref.nextLabel,
|
|
1423
|
-
previousLabel = _ref.previousLabel,
|
|
1424
|
-
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1425
|
-
var _useContext = react.useContext(ImageSliderContext),
|
|
1426
|
-
goToNextSlide = _useContext.goToNextSlide,
|
|
1427
|
-
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
1428
|
-
isAtEnd = _useContext.isAtEnd,
|
|
1429
|
-
isAtStart = _useContext.isAtStart;
|
|
1430
|
-
var handleClickPrevious = react.useCallback(function () {
|
|
1431
|
-
return goToPreviousSlide();
|
|
1432
|
-
}, [goToPreviousSlide]);
|
|
1433
|
-
var handleClickNext = react.useCallback(function () {
|
|
1434
|
-
return goToNextSlide();
|
|
1435
|
-
}, [goToNextSlide]);
|
|
1436
|
-
return jsxRuntime.jsxs("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
1437
|
-
className: clsx.clsx('ams-image-slider__controls', className),
|
|
1438
|
-
ref: ref,
|
|
1439
|
-
children: [jsxRuntime.jsx(Button, {
|
|
1440
|
-
className: "ams-image-slider__control ams-image-slider__control--previous",
|
|
1441
|
-
color: "inverse",
|
|
1442
|
-
disabled: isAtStart,
|
|
1443
|
-
icon: designSystemReactIcons.ChevronBackwardIcon,
|
|
1444
|
-
iconOnly: true,
|
|
1445
|
-
onClick: handleClickPrevious,
|
|
1446
|
-
children: previousLabel
|
|
1447
|
-
}), jsxRuntime.jsx(Button, {
|
|
1448
|
-
className: "ams-image-slider__control ams-image-slider__control--next",
|
|
1449
|
-
color: "inverse",
|
|
1450
|
-
disabled: isAtEnd,
|
|
1451
|
-
icon: designSystemReactIcons.ChevronForwardIcon,
|
|
1452
|
-
iconOnly: true,
|
|
1453
|
-
onClick: handleClickNext,
|
|
1454
|
-
children: nextLabel
|
|
1455
|
-
})]
|
|
1456
|
-
}));
|
|
1457
|
-
});
|
|
1458
|
-
ImageSliderControls.displayName = 'ImageSliderControls';
|
|
1459
|
-
|
|
1460
|
-
var _excluded$W = ["children", "className", "slideId"];
|
|
1461
|
-
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; }
|
|
1462
|
-
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), true).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; }
|
|
1463
|
-
var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1464
|
-
var children = _ref.children,
|
|
1465
|
-
className = _ref.className,
|
|
1466
|
-
slideId = _ref.slideId,
|
|
1467
|
-
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1468
|
-
var _useContext = react.useContext(ImageSliderContext),
|
|
1469
|
-
currentSlideId = _useContext.currentSlideId;
|
|
1470
|
-
var isInView = react.useMemo(function () {
|
|
1471
|
-
return currentSlideId === slideId;
|
|
1472
|
-
}, [currentSlideId, slideId]);
|
|
1473
|
-
var itemClassName = react.useMemo(function () {
|
|
1474
|
-
return clsx.clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
|
|
1475
|
-
}, [isInView, className]);
|
|
1476
|
-
return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1477
|
-
"aria-hidden": !isInView ? true : undefined,
|
|
1478
|
-
className: itemClassName,
|
|
1479
|
-
ref: ref,
|
|
1480
|
-
children: children
|
|
1481
|
-
}));
|
|
1482
|
-
});
|
|
1483
|
-
ImageSliderItem.displayName = 'ImageSlider.Item';
|
|
1484
|
-
|
|
1485
|
-
var _excluded$V = ["children", "className"];
|
|
1486
|
-
function ownKeys$11(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; }
|
|
1487
|
-
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1488
|
-
var ImageSliderScroller = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1489
|
-
var children = _ref.children,
|
|
1490
|
-
className = _ref.className,
|
|
1491
|
-
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1492
|
-
return jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1493
|
-
className: clsx.clsx('ams-image-slider__scroller', className),
|
|
1494
|
-
ref: ref,
|
|
1495
|
-
children: children
|
|
1496
|
-
}));
|
|
1497
|
-
});
|
|
1498
|
-
ImageSliderScroller.displayName = 'ImageSlider.Scroller';
|
|
1499
1418
|
|
|
1500
|
-
var
|
|
1501
|
-
|
|
1502
|
-
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), true).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; }
|
|
1503
|
-
var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1504
|
-
var className = _ref.className,
|
|
1419
|
+
var ImageSliderThumbnails = function ImageSliderThumbnails(_ref) {
|
|
1420
|
+
var currentSlideId = _ref.currentSlideId,
|
|
1505
1421
|
imageLabel = _ref.imageLabel,
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
var
|
|
1509
|
-
currentSlideId = _useContext.currentSlideId,
|
|
1510
|
-
goToNextSlide = _useContext.goToNextSlide,
|
|
1511
|
-
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
1512
|
-
goToSlideId = _useContext.goToSlideId;
|
|
1513
|
-
var handleKeyDown = react.useCallback(function (event) {
|
|
1422
|
+
scrollToSlide = _ref.scrollToSlide,
|
|
1423
|
+
thumbnails = _ref.thumbnails;
|
|
1424
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
1514
1425
|
var element = event.currentTarget.children[currentSlideId];
|
|
1515
1426
|
if (event.key === 'ArrowRight') {
|
|
1516
1427
|
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
1517
1428
|
if (nextElement) {
|
|
1518
1429
|
nextElement.focus();
|
|
1519
|
-
|
|
1430
|
+
scrollToSlide(currentSlideId + 1);
|
|
1520
1431
|
}
|
|
1521
1432
|
}
|
|
1522
1433
|
if (event.key === 'ArrowLeft') {
|
|
1523
1434
|
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
1524
1435
|
if (previousElement) {
|
|
1525
1436
|
previousElement.focus();
|
|
1526
|
-
|
|
1437
|
+
scrollToSlide(currentSlideId - 1);
|
|
1527
1438
|
}
|
|
1528
1439
|
}
|
|
1529
|
-
}
|
|
1530
|
-
|
|
1531
|
-
|
|
1440
|
+
};
|
|
1441
|
+
return jsxRuntime.jsx("nav", {
|
|
1442
|
+
className: "ams-image-slider__thumbnails",
|
|
1443
|
+
onKeyDown: handleKeyDown,
|
|
1444
|
+
role: "tablist",
|
|
1445
|
+
children: thumbnails.map(function (_ref2, index) {
|
|
1532
1446
|
var alt = _ref2.alt,
|
|
1533
1447
|
aspectRatio = _ref2.aspectRatio,
|
|
1534
1448
|
src = _ref2.src;
|
|
@@ -1539,7 +1453,7 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1539
1453
|
"aria-setsize": thumbnails.length,
|
|
1540
1454
|
className: clsx.clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', generateAspectRatioClass(aspectRatio)),
|
|
1541
1455
|
onClick: function onClick() {
|
|
1542
|
-
return
|
|
1456
|
+
return scrollToSlide(index);
|
|
1543
1457
|
},
|
|
1544
1458
|
role: "tab",
|
|
1545
1459
|
style: {
|
|
@@ -1547,23 +1461,68 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1547
1461
|
},
|
|
1548
1462
|
tabIndex: currentSlideId === index ? 0 : -1,
|
|
1549
1463
|
type: "button"
|
|
1550
|
-
}, index);
|
|
1551
|
-
})
|
|
1552
|
-
}
|
|
1553
|
-
|
|
1554
|
-
className: clsx.clsx('ams-image-slider__thumbnails', className),
|
|
1555
|
-
onKeyDown: handleKeyDown,
|
|
1556
|
-
ref: ref,
|
|
1557
|
-
role: "tablist",
|
|
1558
|
-
children: renderThumbnails
|
|
1559
|
-
}));
|
|
1560
|
-
});
|
|
1561
|
-
ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
|
|
1464
|
+
}, "".concat(index, "-").concat(src));
|
|
1465
|
+
})
|
|
1466
|
+
});
|
|
1467
|
+
};
|
|
1562
1468
|
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
var
|
|
1469
|
+
function debounce(fn, delay) {
|
|
1470
|
+
var timer = null;
|
|
1471
|
+
return function () {
|
|
1472
|
+
var _this = this;
|
|
1473
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1474
|
+
args[_key] = arguments[_key];
|
|
1475
|
+
}
|
|
1476
|
+
if (timer) clearTimeout(timer);
|
|
1477
|
+
timer = setTimeout(function () {
|
|
1478
|
+
return fn.apply(_this, args);
|
|
1479
|
+
}, delay);
|
|
1480
|
+
};
|
|
1481
|
+
}
|
|
1482
|
+
|
|
1483
|
+
var scrollToSlide = function scrollToSlide(id, ref) {
|
|
1484
|
+
var _ref$current;
|
|
1485
|
+
var element = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children[id];
|
|
1486
|
+
var scrollerElement = ref.current;
|
|
1487
|
+
if (!element || !scrollerElement) return;
|
|
1488
|
+
scrollerElement.scrollTo({
|
|
1489
|
+
left: element.offsetLeft
|
|
1490
|
+
});
|
|
1491
|
+
};
|
|
1492
|
+
|
|
1493
|
+
var scrollToCurrentSlideOnResize = function scrollToCurrentSlideOnResize(_ref) {
|
|
1494
|
+
var _ref$current;
|
|
1495
|
+
var currentSlideId = _ref.currentSlideId,
|
|
1496
|
+
ref = _ref.ref;
|
|
1497
|
+
var scrollerElement = ref.current;
|
|
1498
|
+
var currentSlideElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children[currentSlideId];
|
|
1499
|
+
if (!scrollerElement || !currentSlideElement) return;
|
|
1500
|
+
var expectedScrollLeft = currentSlideElement.offsetLeft;
|
|
1501
|
+
if (Math.abs(scrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
|
|
1502
|
+
scrollToSlide(currentSlideId, ref);
|
|
1503
|
+
};
|
|
1504
|
+
|
|
1505
|
+
var setCurrentSlideIdToVisibleSlide = function setCurrentSlideIdToVisibleSlide(_ref) {
|
|
1506
|
+
var _ref$current;
|
|
1507
|
+
var observations = _ref.observations,
|
|
1508
|
+
ref = _ref.ref,
|
|
1509
|
+
setCurrentSlideId = _ref.setCurrentSlideId;
|
|
1510
|
+
var images = Array.from(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.children) || []);
|
|
1511
|
+
if (images.length === 0) return;
|
|
1512
|
+
observations.forEach(function (observation) {
|
|
1513
|
+
if (observation.isIntersecting) {
|
|
1514
|
+
setCurrentSlideId(images.indexOf(observation.target));
|
|
1515
|
+
}
|
|
1516
|
+
});
|
|
1517
|
+
};
|
|
1518
|
+
|
|
1519
|
+
var _excluded$X = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
|
|
1520
|
+
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1521
|
+
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1522
|
+
/**
|
|
1523
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
|
|
1524
|
+
*/
|
|
1525
|
+
var ImageSlider = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1567
1526
|
var className = _ref.className,
|
|
1568
1527
|
controls = _ref.controls,
|
|
1569
1528
|
_ref$imageLabel = _ref.imageLabel,
|
|
@@ -1573,163 +1532,112 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1573
1532
|
nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
|
|
1574
1533
|
_ref$previousLabel = _ref.previousLabel,
|
|
1575
1534
|
previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
|
|
1576
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1535
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1536
|
+
if (images.length === 0) return null;
|
|
1577
1537
|
var _useState = react.useState(0),
|
|
1578
1538
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1579
1539
|
currentSlideId = _useState2[0],
|
|
1580
1540
|
setCurrentSlideId = _useState2[1];
|
|
1581
|
-
var
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
setIsAtEnd = _useState6[1];
|
|
1589
|
-
var targetRef = react.useRef(null);
|
|
1590
|
-
var observerRef = react.useRef(null);
|
|
1591
|
-
var inView = react.useCallback(function (observations) {
|
|
1592
|
-
var _targetRef$current;
|
|
1593
|
-
var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children) || []);
|
|
1594
|
-
observations.forEach(function (observation) {
|
|
1595
|
-
if (observation.isIntersecting) {
|
|
1596
|
-
setCurrentSlideId(images.indexOf(observation.target));
|
|
1597
|
-
}
|
|
1598
|
-
});
|
|
1599
|
-
}, []);
|
|
1600
|
-
var observerOptions = react.useMemo(function () {
|
|
1601
|
-
return {
|
|
1602
|
-
root: targetRef.current,
|
|
1541
|
+
var scrollerRef = react.useRef(null);
|
|
1542
|
+
var isAtStart = currentSlideId === 0;
|
|
1543
|
+
var isAtEnd = currentSlideId === images.length - 1;
|
|
1544
|
+
react.useEffect(function () {
|
|
1545
|
+
if (!scrollerRef.current) return undefined;
|
|
1546
|
+
var observerOptions = {
|
|
1547
|
+
root: scrollerRef.current,
|
|
1603
1548
|
threshold: 0.6
|
|
1604
1549
|
};
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
lastElement = sliderScrollerElement.lastElementChild;
|
|
1611
|
-
setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
1612
|
-
setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
1613
|
-
}, [currentSlideId]);
|
|
1614
|
-
react.useEffect(function () {
|
|
1615
|
-
if (targetRef.current) {
|
|
1616
|
-
observerRef.current = new IntersectionObserver(inView, observerOptions);
|
|
1617
|
-
var observer = observerRef.current;
|
|
1618
|
-
var slides = Array.from(targetRef.current.children);
|
|
1619
|
-
slides.forEach(function (slide) {
|
|
1620
|
-
return observer.observe(slide);
|
|
1550
|
+
var observer = new IntersectionObserver(function (observations) {
|
|
1551
|
+
return setCurrentSlideIdToVisibleSlide({
|
|
1552
|
+
observations: observations,
|
|
1553
|
+
ref: scrollerRef,
|
|
1554
|
+
setCurrentSlideId: setCurrentSlideId
|
|
1621
1555
|
});
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
slides.forEach(function (slide) {
|
|
1627
|
-
return observer.unobserve(slide);
|
|
1628
|
-
});
|
|
1629
|
-
(_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 || _targetRef$current2.removeEventListener('scrollend', synchronise);
|
|
1630
|
-
};
|
|
1631
|
-
}
|
|
1632
|
-
return undefined;
|
|
1633
|
-
}, [inView, observerOptions, updateControls]);
|
|
1634
|
-
var synchronise = react.useCallback(function () {
|
|
1635
|
-
return updateControls();
|
|
1636
|
-
}, [updateControls]);
|
|
1637
|
-
var goToSlide = react.useCallback(function (element) {
|
|
1638
|
-
var sliderScrollerElement = targetRef.current;
|
|
1639
|
-
if (!sliderScrollerElement || !element) return;
|
|
1640
|
-
sliderScrollerElement.scrollTo({
|
|
1641
|
-
left: element.offsetLeft
|
|
1556
|
+
}, observerOptions);
|
|
1557
|
+
var slides = Array.from(scrollerRef.current.children);
|
|
1558
|
+
slides.forEach(function (slide) {
|
|
1559
|
+
return observer.observe(slide);
|
|
1642
1560
|
});
|
|
1561
|
+
return function () {
|
|
1562
|
+
return observer.disconnect();
|
|
1563
|
+
};
|
|
1643
1564
|
}, []);
|
|
1644
|
-
var goToSlideId = react.useCallback(function (id) {
|
|
1645
|
-
var _targetRef$current3;
|
|
1646
|
-
var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.children[id];
|
|
1647
|
-
if (element) goToSlide(element);
|
|
1648
|
-
}, [goToSlide]);
|
|
1649
|
-
var goToNextSlide = react.useCallback(function () {
|
|
1650
|
-
var _targetRef$current4;
|
|
1651
|
-
var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.children[currentSlideId];
|
|
1652
|
-
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
1653
|
-
if (nextElement) goToSlide(nextElement);
|
|
1654
|
-
}, [currentSlideId, goToSlide]);
|
|
1655
|
-
var goToPreviousSlide = react.useCallback(function () {
|
|
1656
|
-
var _targetRef$current5;
|
|
1657
|
-
var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 === void 0 ? void 0 : _targetRef$current5.children[currentSlideId];
|
|
1658
|
-
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
1659
|
-
if (previousElement) goToSlide(previousElement);
|
|
1660
|
-
}, [currentSlideId, goToSlide]);
|
|
1661
1565
|
react.useEffect(function () {
|
|
1662
|
-
var handleResize = function
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
if (Math.abs(sliderScrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
|
|
1669
|
-
goToSlide(currentSlideElement);
|
|
1670
|
-
};
|
|
1566
|
+
var handleResize = debounce(function () {
|
|
1567
|
+
return scrollToCurrentSlideOnResize({
|
|
1568
|
+
currentSlideId: currentSlideId,
|
|
1569
|
+
ref: scrollerRef
|
|
1570
|
+
});
|
|
1571
|
+
}, 100);
|
|
1671
1572
|
window.addEventListener('resize', handleResize);
|
|
1672
1573
|
return function () {
|
|
1673
1574
|
return window.removeEventListener('resize', handleResize);
|
|
1674
1575
|
};
|
|
1675
|
-
}, [currentSlideId
|
|
1676
|
-
return jsxRuntime.
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
aspectRatio = _ref2.aspectRatio,
|
|
1701
|
-
sizes = _ref2.sizes,
|
|
1702
|
-
src = _ref2.src,
|
|
1703
|
-
srcSet = _ref2.srcSet;
|
|
1704
|
-
return jsxRuntime.jsx(ImageSliderItem, {
|
|
1705
|
-
slideId: index,
|
|
1706
|
-
children: jsxRuntime.jsx(Image, {
|
|
1707
|
-
alt: alt,
|
|
1708
|
-
aspectRatio: aspectRatio,
|
|
1709
|
-
sizes: sizes,
|
|
1710
|
-
src: src,
|
|
1711
|
-
srcSet: srcSet
|
|
1712
|
-
})
|
|
1713
|
-
}, index);
|
|
1714
|
-
})
|
|
1715
|
-
}), jsxRuntime.jsx(ImageSliderThumbnails, {
|
|
1716
|
-
imageLabel: imageLabel,
|
|
1717
|
-
thumbnails: images
|
|
1576
|
+
}, [currentSlideId]);
|
|
1577
|
+
return jsxRuntime.jsxs("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
1578
|
+
"aria-roledescription": "carousel",
|
|
1579
|
+
className: clsx.clsx('ams-image-slider',
|
|
1580
|
+
// The 'ams-image-slider--controls' class is @deprecated and will be removed in a future release.
|
|
1581
|
+
controls && 'ams-image-slider--controls', className),
|
|
1582
|
+
ref: ref,
|
|
1583
|
+
children: [controls && jsxRuntime.jsxs("div", {
|
|
1584
|
+
className: "ams-image-slider__controls",
|
|
1585
|
+
children: [jsxRuntime.jsx(ImageSliderControl, {
|
|
1586
|
+
disabled: isAtStart,
|
|
1587
|
+
icon: designSystemReactIcons.ChevronBackwardIcon,
|
|
1588
|
+
iconOnly: true,
|
|
1589
|
+
onClick: function onClick() {
|
|
1590
|
+
return scrollToSlide(currentSlideId - 1, scrollerRef);
|
|
1591
|
+
},
|
|
1592
|
+
children: previousLabel
|
|
1593
|
+
}), jsxRuntime.jsx(ImageSliderControl, {
|
|
1594
|
+
disabled: isAtEnd,
|
|
1595
|
+
icon: designSystemReactIcons.ChevronForwardIcon,
|
|
1596
|
+
iconOnly: true,
|
|
1597
|
+
onClick: function onClick() {
|
|
1598
|
+
return scrollToSlide(currentSlideId + 1, scrollerRef);
|
|
1599
|
+
},
|
|
1600
|
+
children: nextLabel
|
|
1718
1601
|
})]
|
|
1719
|
-
})
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
var
|
|
1727
|
-
|
|
1602
|
+
}), jsxRuntime.jsx("div", {
|
|
1603
|
+
"aria-live": "polite",
|
|
1604
|
+
className: "ams-image-slider__scroller",
|
|
1605
|
+
ref: scrollerRef,
|
|
1606
|
+
role: "group",
|
|
1607
|
+
tabIndex: 0,
|
|
1608
|
+
children: images.map(function (_ref2, index) {
|
|
1609
|
+
var alt = _ref2.alt,
|
|
1610
|
+
aspectRatio = _ref2.aspectRatio,
|
|
1611
|
+
sizes = _ref2.sizes,
|
|
1612
|
+
src = _ref2.src,
|
|
1613
|
+
srcSet = _ref2.srcSet;
|
|
1614
|
+
return jsxRuntime.jsx(Image, {
|
|
1615
|
+
alt: alt,
|
|
1616
|
+
"aria-hidden": index !== currentSlideId ? true : undefined,
|
|
1617
|
+
aspectRatio: aspectRatio,
|
|
1618
|
+
className: clsx.clsx('ams-image-slider__item',
|
|
1619
|
+
// The 'ams-image-slider__item--in-view' class is @deprecated and will be removed in a future release.
|
|
1620
|
+
index === currentSlideId && 'ams-image-slider__item--in-view'),
|
|
1621
|
+
sizes: sizes,
|
|
1622
|
+
src: src,
|
|
1623
|
+
srcSet: srcSet
|
|
1624
|
+
}, "".concat(index, "-").concat(src));
|
|
1625
|
+
})
|
|
1626
|
+
}), jsxRuntime.jsx(ImageSliderThumbnails, {
|
|
1627
|
+
currentSlideId: currentSlideId,
|
|
1628
|
+
imageLabel: imageLabel,
|
|
1629
|
+
scrollToSlide: function scrollToSlide$1(id) {
|
|
1630
|
+
return scrollToSlide(id, scrollerRef);
|
|
1631
|
+
},
|
|
1632
|
+
thumbnails: images
|
|
1633
|
+
})]
|
|
1634
|
+
}));
|
|
1728
1635
|
});
|
|
1636
|
+
ImageSlider.displayName = 'ImageSlider';
|
|
1729
1637
|
|
|
1730
|
-
var _excluded$
|
|
1731
|
-
function ownKeys$
|
|
1732
|
-
function _objectSpread$
|
|
1638
|
+
var _excluded$W = ["children", "className", "color", "icon", "size"];
|
|
1639
|
+
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; }
|
|
1640
|
+
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), true).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; }
|
|
1733
1641
|
/** One link with a Link List. */
|
|
1734
1642
|
var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1735
1643
|
var children = _ref.children,
|
|
@@ -1738,9 +1646,9 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1738
1646
|
_ref$icon = _ref.icon,
|
|
1739
1647
|
icon = _ref$icon === void 0 ? designSystemReactIcons.ChevronForwardIcon : _ref$icon,
|
|
1740
1648
|
size = _ref.size,
|
|
1741
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1649
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1742
1650
|
return jsxRuntime.jsx("li", {
|
|
1743
|
-
children: jsxRuntime.jsxs("a", _objectSpread$
|
|
1651
|
+
children: jsxRuntime.jsxs("a", _objectSpread$12(_objectSpread$12({
|
|
1744
1652
|
className: clsx.clsx('ams-link-list__link', color && "ams-link-list__link--".concat(color), size && "ams-link-list__link--".concat(size), className),
|
|
1745
1653
|
ref: ref
|
|
1746
1654
|
}, restProps), {}, {
|
|
@@ -1753,15 +1661,15 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1753
1661
|
});
|
|
1754
1662
|
LinkListLink.displayName = 'LinkList.Link';
|
|
1755
1663
|
|
|
1756
|
-
var _excluded$
|
|
1757
|
-
function ownKeys$
|
|
1758
|
-
function _objectSpread$
|
|
1664
|
+
var _excluded$V = ["children", "className"];
|
|
1665
|
+
function ownKeys$11(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; }
|
|
1666
|
+
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1759
1667
|
/** A collection of related links. */
|
|
1760
1668
|
var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1761
1669
|
var children = _ref.children,
|
|
1762
1670
|
className = _ref.className,
|
|
1763
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1764
|
-
return jsxRuntime.jsx("ul", _objectSpread$
|
|
1671
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1672
|
+
return jsxRuntime.jsx("ul", _objectSpread$11(_objectSpread$11({
|
|
1765
1673
|
className: clsx.clsx('ams-link-list', className),
|
|
1766
1674
|
ref: ref
|
|
1767
1675
|
}, restProps), {}, {
|
|
@@ -1776,9 +1684,9 @@ var LinkList = Object.assign(LinkListRoot, {
|
|
|
1776
1684
|
Link: LinkListLink
|
|
1777
1685
|
});
|
|
1778
1686
|
|
|
1779
|
-
var _excluded$
|
|
1780
|
-
function ownKeys$
|
|
1781
|
-
function _objectSpread$
|
|
1687
|
+
var _excluded$U = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
|
|
1688
|
+
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; }
|
|
1689
|
+
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), true).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; }
|
|
1782
1690
|
var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1783
1691
|
var className = _ref.className,
|
|
1784
1692
|
errors = _ref.errors,
|
|
@@ -1789,7 +1697,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
1789
1697
|
heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
|
|
1790
1698
|
headingLevel = _ref.headingLevel,
|
|
1791
1699
|
setHasFocusedOnce = _ref.setHasFocusedOnce,
|
|
1792
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1700
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1793
1701
|
var innerRef = react.useRef(null);
|
|
1794
1702
|
// use a passed ref if it's there, otherwise use innerRef
|
|
1795
1703
|
react.useImperativeHandle(ref, function () {
|
|
@@ -1801,7 +1709,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
1801
1709
|
setHasFocusedOnce(true);
|
|
1802
1710
|
}
|
|
1803
1711
|
}, [innerRef]);
|
|
1804
|
-
return jsxRuntime.jsx(Alert, _objectSpread$
|
|
1712
|
+
return jsxRuntime.jsx(Alert, _objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
1805
1713
|
className: clsx.clsx('ams-invalid-form-alert', className),
|
|
1806
1714
|
heading: heading,
|
|
1807
1715
|
// Remove the default label for the Alert.
|
|
@@ -1849,16 +1757,16 @@ errors) {
|
|
|
1849
1757
|
return null;
|
|
1850
1758
|
};
|
|
1851
1759
|
|
|
1852
|
-
var _excluded$
|
|
1853
|
-
function ownKeys
|
|
1854
|
-
function _objectSpread
|
|
1760
|
+
var _excluded$T = ["errorCountLabel", "errors"];
|
|
1761
|
+
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; }
|
|
1762
|
+
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).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; }
|
|
1855
1763
|
/**
|
|
1856
1764
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
|
|
1857
1765
|
*/
|
|
1858
1766
|
var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1859
1767
|
var errorCountLabel = _ref.errorCountLabel,
|
|
1860
1768
|
errors = _ref.errors,
|
|
1861
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1769
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1862
1770
|
// An Invalid Form Alert without errors only resets the document title.
|
|
1863
1771
|
// With errors, it renders the InvalidFormAlertWithErrors component.
|
|
1864
1772
|
useAddErrorCountToDocumentTitle(errors, errorCountLabel);
|
|
@@ -1869,7 +1777,7 @@ var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1869
1777
|
hasFocusedOnce = _useState2[0],
|
|
1870
1778
|
setHasFocusedOnce = _useState2[1];
|
|
1871
1779
|
if (errors.length === 0) return undefined;
|
|
1872
|
-
return jsxRuntime.jsx(InvalidFormAlertWithErrors, _objectSpread
|
|
1780
|
+
return jsxRuntime.jsx(InvalidFormAlertWithErrors, _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1873
1781
|
errors: errors,
|
|
1874
1782
|
hasFocusedOnce: hasFocusedOnce,
|
|
1875
1783
|
ref: ref,
|
|
@@ -1878,9 +1786,9 @@ var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1878
1786
|
});
|
|
1879
1787
|
InvalidFormAlert.displayName = 'InvalidFormAlert';
|
|
1880
1788
|
|
|
1881
|
-
var _excluded$
|
|
1882
|
-
function ownKeys$
|
|
1883
|
-
function _objectSpread$
|
|
1789
|
+
var _excluded$S = ["children", "className", "hint", "inFieldSet", "isPageHeading", "optional"];
|
|
1790
|
+
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; }
|
|
1791
|
+
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).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; }
|
|
1884
1792
|
/**
|
|
1885
1793
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
|
|
1886
1794
|
*/
|
|
@@ -1891,8 +1799,8 @@ var Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1891
1799
|
inFieldSet = _ref.inFieldSet,
|
|
1892
1800
|
isPageHeading = _ref.isPageHeading,
|
|
1893
1801
|
optional = _ref.optional,
|
|
1894
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1895
|
-
var labelElement = jsxRuntime.jsxs("label", _objectSpread$
|
|
1802
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1803
|
+
var labelElement = jsxRuntime.jsxs("label", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
1896
1804
|
className: clsx.clsx('ams-label', inFieldSet && 'ams-label--in-fieldset', className),
|
|
1897
1805
|
ref: ref,
|
|
1898
1806
|
children: [children, " ", jsxRuntime.jsx(Hint, {
|
|
@@ -1908,9 +1816,9 @@ var Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1908
1816
|
});
|
|
1909
1817
|
Label.displayName = 'Label';
|
|
1910
1818
|
|
|
1911
|
-
var _excluded$
|
|
1912
|
-
function ownKeys$
|
|
1913
|
-
function _objectSpread$
|
|
1819
|
+
var _excluded$R = ["children", "className", "color"];
|
|
1820
|
+
function ownKeys$Z(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; }
|
|
1821
|
+
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1914
1822
|
/**
|
|
1915
1823
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs Link docs at Amsterdam Design System}
|
|
1916
1824
|
*/
|
|
@@ -1918,8 +1826,8 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1918
1826
|
var children = _ref.children,
|
|
1919
1827
|
className = _ref.className,
|
|
1920
1828
|
color = _ref.color,
|
|
1921
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1922
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
1829
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1830
|
+
return jsxRuntime.jsx("a", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1923
1831
|
className: clsx.clsx('ams-link', color && "ams-link--".concat(color), className),
|
|
1924
1832
|
ref: ref,
|
|
1925
1833
|
children: children
|
|
@@ -1927,10 +1835,10 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1927
1835
|
});
|
|
1928
1836
|
Link.displayName = 'Link';
|
|
1929
1837
|
|
|
1930
|
-
function ownKeys$
|
|
1931
|
-
function _objectSpread$
|
|
1838
|
+
function ownKeys$Y(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; }
|
|
1839
|
+
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1932
1840
|
var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1933
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1841
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
|
|
1934
1842
|
className: "ams-logo",
|
|
1935
1843
|
focusable: "false",
|
|
1936
1844
|
height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
|
|
@@ -1953,10 +1861,10 @@ var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
1953
1861
|
});
|
|
1954
1862
|
LogoAmsterdam.displayName = 'LogoAmsterdam';
|
|
1955
1863
|
|
|
1956
|
-
function ownKeys$
|
|
1957
|
-
function _objectSpread$
|
|
1864
|
+
function ownKeys$X(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; }
|
|
1865
|
+
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1958
1866
|
var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1959
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1867
|
+
return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
|
|
1960
1868
|
className: "ams-logo",
|
|
1961
1869
|
focusable: "false",
|
|
1962
1870
|
height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
|
|
@@ -1983,10 +1891,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
1983
1891
|
});
|
|
1984
1892
|
LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
|
|
1985
1893
|
|
|
1986
|
-
function ownKeys$
|
|
1987
|
-
function _objectSpread$
|
|
1894
|
+
function ownKeys$W(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; }
|
|
1895
|
+
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1988
1896
|
var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1989
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1897
|
+
return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
1990
1898
|
className: "ams-logo",
|
|
1991
1899
|
fill: "none",
|
|
1992
1900
|
focusable: "false",
|
|
@@ -2022,10 +1930,10 @@ var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
2022
1930
|
});
|
|
2023
1931
|
LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
|
|
2024
1932
|
|
|
2025
|
-
function ownKeys$
|
|
2026
|
-
function _objectSpread$
|
|
1933
|
+
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; }
|
|
1934
|
+
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), true).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; }
|
|
2027
1935
|
var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
2028
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1936
|
+
return jsxRuntime.jsxs("svg", _objectSpread$V(_objectSpread$V({
|
|
2029
1937
|
className: "ams-logo",
|
|
2030
1938
|
focusable: "false",
|
|
2031
1939
|
height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
|
|
@@ -2052,10 +1960,10 @@ var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
2052
1960
|
});
|
|
2053
1961
|
LogoStadsarchief.displayName = 'LogoStadsarchief';
|
|
2054
1962
|
|
|
2055
|
-
function ownKeys$
|
|
2056
|
-
function _objectSpread$
|
|
1963
|
+
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; }
|
|
1964
|
+
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), true).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; }
|
|
2057
1965
|
var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
2058
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1966
|
+
return jsxRuntime.jsxs("svg", _objectSpread$U(_objectSpread$U({
|
|
2059
1967
|
className: "ams-logo",
|
|
2060
1968
|
focusable: "false",
|
|
2061
1969
|
height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
|
|
@@ -2082,10 +1990,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref)
|
|
|
2082
1990
|
});
|
|
2083
1991
|
LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
|
|
2084
1992
|
|
|
2085
|
-
function ownKeys$
|
|
2086
|
-
function _objectSpread$
|
|
1993
|
+
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; }
|
|
1994
|
+
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), true).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; }
|
|
2087
1995
|
var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
2088
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
1996
|
+
return jsxRuntime.jsxs("svg", _objectSpread$T(_objectSpread$T({
|
|
2089
1997
|
className: "ams-logo",
|
|
2090
1998
|
focusable: "false",
|
|
2091
1999
|
height: "2.5rem" // Height for when CSS does not load, gets overridden when it does
|
|
@@ -2112,9 +2020,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
|
2112
2020
|
});
|
|
2113
2021
|
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
2114
2022
|
|
|
2115
|
-
var _excluded$
|
|
2116
|
-
function ownKeys$
|
|
2117
|
-
function _objectSpread$
|
|
2023
|
+
var _excluded$Q = ["aria-label", "brand", "className"];
|
|
2024
|
+
function ownKeys$S(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; }
|
|
2025
|
+
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2118
2026
|
var logoConfig = {
|
|
2119
2027
|
amsterdam: {
|
|
2120
2028
|
label: 'Gemeente Amsterdam logo',
|
|
@@ -2149,11 +2057,11 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2149
2057
|
_ref$brand = _ref.brand,
|
|
2150
2058
|
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
2151
2059
|
className = _ref.className,
|
|
2152
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2060
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
2153
2061
|
var config = typeof brand === 'string' ? logoConfig[brand] : brand;
|
|
2154
2062
|
var label = config.label,
|
|
2155
2063
|
LogoComponent = config.svg;
|
|
2156
|
-
return jsxRuntime.jsx(LogoComponent, _objectSpread$
|
|
2064
|
+
return jsxRuntime.jsx(LogoComponent, _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
2157
2065
|
"aria-label": ariaLabel || label,
|
|
2158
2066
|
className: clsx.clsx('ams-logo', className),
|
|
2159
2067
|
ref: ref
|
|
@@ -2161,17 +2069,17 @@ var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2161
2069
|
});
|
|
2162
2070
|
Logo.displayName = 'Logo';
|
|
2163
2071
|
|
|
2164
|
-
var _excluded$
|
|
2165
|
-
function ownKeys$
|
|
2166
|
-
function _objectSpread$
|
|
2072
|
+
var _excluded$P = ["children", "className"];
|
|
2073
|
+
function ownKeys$R(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; }
|
|
2074
|
+
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2167
2075
|
/**
|
|
2168
2076
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-mark--docs Mark docs at Amsterdam Design System}
|
|
2169
2077
|
*/
|
|
2170
2078
|
var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2171
2079
|
var children = _ref.children,
|
|
2172
2080
|
className = _ref.className,
|
|
2173
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2174
|
-
return jsxRuntime.jsx("mark", _objectSpread$
|
|
2081
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
2082
|
+
return jsxRuntime.jsx("mark", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
|
|
2175
2083
|
className: clsx.clsx('ams-mark', className),
|
|
2176
2084
|
ref: ref,
|
|
2177
2085
|
children: children
|
|
@@ -2179,17 +2087,17 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2179
2087
|
});
|
|
2180
2088
|
Mark.displayName = 'Mark';
|
|
2181
2089
|
|
|
2182
|
-
var _excluded$
|
|
2183
|
-
function ownKeys$
|
|
2184
|
-
function _objectSpread$
|
|
2090
|
+
var _excluded$O = ["children", "className", "color", "icon"];
|
|
2091
|
+
function ownKeys$Q(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; }
|
|
2092
|
+
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2185
2093
|
var MenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2186
2094
|
var children = _ref.children,
|
|
2187
2095
|
className = _ref.className,
|
|
2188
2096
|
color = _ref.color,
|
|
2189
2097
|
icon = _ref.icon,
|
|
2190
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2098
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
2191
2099
|
return jsxRuntime.jsx("li", {
|
|
2192
|
-
children: jsxRuntime.jsxs("a", _objectSpread$
|
|
2100
|
+
children: jsxRuntime.jsxs("a", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
2193
2101
|
className: clsx.clsx('ams-menu__link', color && "ams-menu__link--".concat(color), className),
|
|
2194
2102
|
ref: ref,
|
|
2195
2103
|
children: [jsxRuntime.jsx(Icon, {
|
|
@@ -2201,20 +2109,20 @@ var MenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2201
2109
|
});
|
|
2202
2110
|
MenuLink.displayName = 'Menu.Link';
|
|
2203
2111
|
|
|
2204
|
-
var _excluded$
|
|
2205
|
-
function ownKeys$
|
|
2206
|
-
function _objectSpread$
|
|
2112
|
+
var _excluded$N = ["accessibleName", "children", "className", "inWideWindow"];
|
|
2113
|
+
function ownKeys$P(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; }
|
|
2114
|
+
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2207
2115
|
var MenuRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2208
2116
|
var _ref$accessibleName = _ref.accessibleName,
|
|
2209
2117
|
accessibleName = _ref$accessibleName === void 0 ? 'Hoofdnavigatie' : _ref$accessibleName,
|
|
2210
2118
|
children = _ref.children,
|
|
2211
2119
|
className = _ref.className,
|
|
2212
2120
|
inWideWindow = _ref.inWideWindow,
|
|
2213
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2121
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
2214
2122
|
// In a medium or narrow window, the Menu is a child of the `nav` of Page Header.
|
|
2215
2123
|
// In a wide window, we render a `nav` element and the related accessibility features.
|
|
2216
2124
|
var Tag = inWideWindow ? 'nav' : 'div';
|
|
2217
|
-
return jsxRuntime.jsxs(Tag, _objectSpread$
|
|
2125
|
+
return jsxRuntime.jsxs(Tag, _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
2218
2126
|
"aria-labelledby": inWideWindow ? 'primary-navigation' : undefined,
|
|
2219
2127
|
className: clsx.clsx('ams-menu', inWideWindow && "ams-menu--in-wide-window", className),
|
|
2220
2128
|
ref: ref,
|
|
@@ -2236,14 +2144,14 @@ var Menu = Object.assign(MenuRoot, {
|
|
|
2236
2144
|
Link: MenuLink
|
|
2237
2145
|
});
|
|
2238
2146
|
|
|
2239
|
-
var _excluded$
|
|
2240
|
-
function ownKeys$
|
|
2241
|
-
function _objectSpread$
|
|
2147
|
+
var _excluded$M = ["children", "className"];
|
|
2148
|
+
function ownKeys$O(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; }
|
|
2149
|
+
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2242
2150
|
var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2243
2151
|
var children = _ref.children,
|
|
2244
2152
|
className = _ref.className,
|
|
2245
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2246
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
2153
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
2154
|
+
return jsxRuntime.jsx("li", _objectSpread$O(_objectSpread$O({
|
|
2247
2155
|
className: clsx.clsx('ams-ordered-list__item', className),
|
|
2248
2156
|
ref: ref
|
|
2249
2157
|
}, restProps), {}, {
|
|
@@ -2252,9 +2160,9 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2252
2160
|
});
|
|
2253
2161
|
OrderedListItem.displayName = 'OrderedList.Item';
|
|
2254
2162
|
|
|
2255
|
-
var _excluded$
|
|
2256
|
-
function ownKeys$
|
|
2257
|
-
function _objectSpread$
|
|
2163
|
+
var _excluded$L = ["children", "className", "color", "markers", "size"];
|
|
2164
|
+
function ownKeys$N(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; }
|
|
2165
|
+
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2258
2166
|
var OrderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2259
2167
|
var children = _ref.children,
|
|
2260
2168
|
className = _ref.className,
|
|
@@ -2262,8 +2170,8 @@ var OrderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2262
2170
|
_ref$markers = _ref.markers,
|
|
2263
2171
|
markers = _ref$markers === void 0 ? true : _ref$markers,
|
|
2264
2172
|
size = _ref.size,
|
|
2265
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2266
|
-
return jsxRuntime.jsx("ol", _objectSpread$
|
|
2173
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
2174
|
+
return jsxRuntime.jsx("ol", _objectSpread$N(_objectSpread$N({
|
|
2267
2175
|
className: clsx.clsx('ams-ordered-list', color && "ams-ordered-list--".concat(color), !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className),
|
|
2268
2176
|
ref: ref
|
|
2269
2177
|
}, restProps), {}, {
|
|
@@ -2278,17 +2186,17 @@ var OrderedList = Object.assign(OrderedListRoot, {
|
|
|
2278
2186
|
Item: OrderedListItem
|
|
2279
2187
|
});
|
|
2280
2188
|
|
|
2281
|
-
var _excluded$
|
|
2282
|
-
function ownKeys$
|
|
2283
|
-
function _objectSpread$
|
|
2189
|
+
var _excluded$K = ["children", "className"];
|
|
2190
|
+
function ownKeys$M(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; }
|
|
2191
|
+
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2284
2192
|
/**
|
|
2285
2193
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-overlap--docs Overlap docs at Amsterdam Design System}
|
|
2286
2194
|
*/
|
|
2287
2195
|
var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2288
2196
|
var children = _ref.children,
|
|
2289
2197
|
className = _ref.className,
|
|
2290
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2291
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
2198
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
2199
|
+
return jsxRuntime.jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
2292
2200
|
className: clsx.clsx('ams-overlap', className),
|
|
2293
2201
|
ref: ref,
|
|
2294
2202
|
children: children
|
|
@@ -2296,9 +2204,9 @@ var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2296
2204
|
});
|
|
2297
2205
|
Overlap.displayName = 'Overlap';
|
|
2298
2206
|
|
|
2299
|
-
var _excluded$
|
|
2300
|
-
function ownKeys$
|
|
2301
|
-
function _objectSpread$
|
|
2207
|
+
var _excluded$J = ["children", "className", "withMenu"];
|
|
2208
|
+
function ownKeys$L(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; }
|
|
2209
|
+
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2302
2210
|
/**
|
|
2303
2211
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page--docs Page docs at Amsterdam Design System}
|
|
2304
2212
|
*/
|
|
@@ -2306,8 +2214,8 @@ var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2306
2214
|
var children = _ref.children,
|
|
2307
2215
|
className = _ref.className,
|
|
2308
2216
|
withMenu = _ref.withMenu,
|
|
2309
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2310
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
2217
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
2218
|
+
return jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
2311
2219
|
className: clsx.clsx('ams-page', withMenu && 'ams-page--with-menu', className),
|
|
2312
2220
|
ref: ref,
|
|
2313
2221
|
children: children
|
|
@@ -2315,9 +2223,9 @@ var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2315
2223
|
});
|
|
2316
2224
|
Page.displayName = 'Page';
|
|
2317
2225
|
|
|
2318
|
-
var _excluded$
|
|
2319
|
-
function ownKeys$
|
|
2320
|
-
function _objectSpread$
|
|
2226
|
+
var _excluded$I = ["children", "className", "heading", "headingLevel"];
|
|
2227
|
+
function ownKeys$K(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; }
|
|
2228
|
+
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2321
2229
|
var PageFooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2322
2230
|
var children = _ref.children,
|
|
2323
2231
|
className = _ref.className,
|
|
@@ -2325,13 +2233,13 @@ var PageFooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2325
2233
|
heading = _ref$heading === void 0 ? 'Over deze website' : _ref$heading,
|
|
2326
2234
|
_ref$headingLevel = _ref.headingLevel,
|
|
2327
2235
|
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
2328
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2236
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
2329
2237
|
var HeadingTag = getHeadingTag(headingLevel);
|
|
2330
2238
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2331
2239
|
children: [jsxRuntime.jsx(HeadingTag, {
|
|
2332
2240
|
className: "ams-visually-hidden",
|
|
2333
2241
|
children: heading
|
|
2334
|
-
}), jsxRuntime.jsx("ul", _objectSpread$
|
|
2242
|
+
}), jsxRuntime.jsx("ul", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
2335
2243
|
className: clsx.clsx('ams-page-footer__menu', className),
|
|
2336
2244
|
ref: ref,
|
|
2337
2245
|
children: children
|
|
@@ -2340,16 +2248,16 @@ var PageFooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2340
2248
|
});
|
|
2341
2249
|
PageFooterMenu.displayName = 'PageFooter.Menu';
|
|
2342
2250
|
|
|
2343
|
-
var _excluded$
|
|
2344
|
-
function ownKeys$
|
|
2345
|
-
function _objectSpread$
|
|
2251
|
+
var _excluded$H = ["children", "className"];
|
|
2252
|
+
function ownKeys$J(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; }
|
|
2253
|
+
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2346
2254
|
var PageFooterMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2347
2255
|
var children = _ref.children,
|
|
2348
2256
|
className = _ref.className,
|
|
2349
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2257
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
2350
2258
|
return jsxRuntime.jsx("li", {
|
|
2351
2259
|
className: "ams-page-footer__menu-item",
|
|
2352
|
-
children: jsxRuntime.jsx("a", _objectSpread$
|
|
2260
|
+
children: jsxRuntime.jsx("a", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
2353
2261
|
className: clsx.clsx('ams-page-footer__menu-link', className),
|
|
2354
2262
|
ref: ref,
|
|
2355
2263
|
children: children
|
|
@@ -2358,14 +2266,14 @@ var PageFooterMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2358
2266
|
});
|
|
2359
2267
|
PageFooterMenuLink.displayName = 'PageFooter.MenuLink';
|
|
2360
2268
|
|
|
2361
|
-
var _excluded$
|
|
2362
|
-
function ownKeys$
|
|
2363
|
-
function _objectSpread$
|
|
2269
|
+
var _excluded$G = ["children", "className"];
|
|
2270
|
+
function ownKeys$I(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; }
|
|
2271
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2364
2272
|
var PageFooterSpotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2365
2273
|
var children = _ref.children,
|
|
2366
2274
|
className = _ref.className,
|
|
2367
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2368
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
2275
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
2276
|
+
return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
2369
2277
|
className: clsx.clsx('ams-page-footer__spotlight', className),
|
|
2370
2278
|
ref: ref,
|
|
2371
2279
|
children: children
|
|
@@ -2373,14 +2281,14 @@ var PageFooterSpotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2373
2281
|
});
|
|
2374
2282
|
PageFooterSpotlight.displayName = 'PageFooter.Spotlight';
|
|
2375
2283
|
|
|
2376
|
-
var _excluded$
|
|
2377
|
-
function ownKeys$
|
|
2378
|
-
function _objectSpread$
|
|
2284
|
+
var _excluded$F = ["children", "className"];
|
|
2285
|
+
function ownKeys$H(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; }
|
|
2286
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2379
2287
|
var PageFooterRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2380
2288
|
var children = _ref.children,
|
|
2381
2289
|
className = _ref.className,
|
|
2382
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2383
|
-
return jsxRuntime.jsx("footer", _objectSpread$
|
|
2290
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
2291
|
+
return jsxRuntime.jsx("footer", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
2384
2292
|
className: clsx.clsx('ams-page-footer', className),
|
|
2385
2293
|
ref: ref,
|
|
2386
2294
|
children: children
|
|
@@ -2424,14 +2332,14 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
|
|
|
2424
2332
|
return matches;
|
|
2425
2333
|
};
|
|
2426
2334
|
|
|
2427
|
-
var _excluded$
|
|
2428
|
-
function ownKeys$
|
|
2429
|
-
function _objectSpread$
|
|
2335
|
+
var _excluded$E = ["children", "className"];
|
|
2336
|
+
function ownKeys$G(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; }
|
|
2337
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2430
2338
|
var PageHeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2431
2339
|
var children = _ref.children,
|
|
2432
2340
|
className = _ref.className,
|
|
2433
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2434
|
-
return jsxRuntime.jsx(Grid.Cell, _objectSpread$
|
|
2341
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
2342
|
+
return jsxRuntime.jsx(Grid.Cell, _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
2435
2343
|
className: clsx.clsx('ams-page-header__grid-cell-narrow-window-only', className),
|
|
2436
2344
|
hidden // Hide until its CSS loads; this cell duplicates the non-fixed links in the Page Header Menu.
|
|
2437
2345
|
: true,
|
|
@@ -2441,10 +2349,10 @@ var PageHeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function
|
|
|
2441
2349
|
});
|
|
2442
2350
|
PageHeaderGridCellNarrowWindowOnly.displayName = 'PageHeader.GridCellNarrowWindowOnly';
|
|
2443
2351
|
|
|
2444
|
-
function ownKeys$
|
|
2445
|
-
function _objectSpread$
|
|
2352
|
+
function ownKeys$F(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; }
|
|
2353
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2446
2354
|
var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
|
|
2447
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
2355
|
+
return jsxRuntime.jsxs("svg", _objectSpread$F(_objectSpread$F({
|
|
2448
2356
|
"aria-hidden": "true",
|
|
2449
2357
|
focusable: "false",
|
|
2450
2358
|
viewBox: "0 0 24 24",
|
|
@@ -2463,18 +2371,18 @@ var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
|
|
|
2463
2371
|
}));
|
|
2464
2372
|
};
|
|
2465
2373
|
|
|
2466
|
-
var _excluded$
|
|
2467
|
-
function ownKeys$
|
|
2468
|
-
function _objectSpread$
|
|
2374
|
+
var _excluded$D = ["children", "className", "fixed", "icon"];
|
|
2375
|
+
function ownKeys$E(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; }
|
|
2376
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2469
2377
|
var PageHeaderMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2470
2378
|
var children = _ref.children,
|
|
2471
2379
|
className = _ref.className,
|
|
2472
2380
|
fixed = _ref.fixed,
|
|
2473
2381
|
icon = _ref.icon,
|
|
2474
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2382
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
2475
2383
|
return jsxRuntime.jsx("li", {
|
|
2476
2384
|
className: clsx.clsx('ams-page-header__menu-item', fixed && 'ams-page-header__menu-item--fixed'),
|
|
2477
|
-
children: jsxRuntime.jsxs("a", _objectSpread$
|
|
2385
|
+
children: jsxRuntime.jsxs("a", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
2478
2386
|
className: clsx.clsx('ams-page-header__menu-link', className),
|
|
2479
2387
|
ref: ref,
|
|
2480
2388
|
children: [children, icon && jsxRuntime.jsx(Icon, {
|
|
@@ -2485,9 +2393,9 @@ var PageHeaderMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2485
2393
|
});
|
|
2486
2394
|
PageHeaderMenuLink.displayName = 'PageHeader.MenuLink';
|
|
2487
2395
|
|
|
2488
|
-
var _excluded$
|
|
2489
|
-
function ownKeys$
|
|
2490
|
-
function _objectSpread$
|
|
2396
|
+
var _excluded$C = ["brandName", "children", "className", "logoAccessibleName", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonIcon", "menuButtonText", "menuButtonTextForHide", "menuButtonTextForShow", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
2397
|
+
function ownKeys$D(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; }
|
|
2398
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2491
2399
|
var LogoLinkContent = function LogoLinkContent(_ref) {
|
|
2492
2400
|
var brandName = _ref.brandName,
|
|
2493
2401
|
logoAccessibleName = _ref.logoAccessibleName,
|
|
@@ -2517,10 +2425,11 @@ var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2517
2425
|
logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
|
|
2518
2426
|
_ref2$logoLinkCompone = _ref2.logoLinkComponent,
|
|
2519
2427
|
logoLinkComponent = _ref2$logoLinkCompone === void 0 ? function (props) {
|
|
2520
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
2428
|
+
return jsxRuntime.jsx("a", _objectSpread$D({}, props));
|
|
2521
2429
|
} : _ref2$logoLinkCompone,
|
|
2522
2430
|
_ref2$logoLinkTitle = _ref2.logoLinkTitle,
|
|
2523
2431
|
logoLinkTitle = _ref2$logoLinkTitle === void 0 ? "Ga naar de homepage".concat(brandName ? " van ".concat(brandName) : '') : _ref2$logoLinkTitle,
|
|
2432
|
+
menuButtonIcon = _ref2.menuButtonIcon,
|
|
2524
2433
|
_ref2$menuButtonText = _ref2.menuButtonText,
|
|
2525
2434
|
menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
|
|
2526
2435
|
_ref2$menuButtonTextF = _ref2.menuButtonTextForHide,
|
|
@@ -2531,7 +2440,7 @@ var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2531
2440
|
_ref2$navigationLabel = _ref2.navigationLabel,
|
|
2532
2441
|
navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
|
|
2533
2442
|
noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
|
|
2534
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
2443
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$C);
|
|
2535
2444
|
var _useState = react.useState(false),
|
|
2536
2445
|
_useState2 = _slicedToArray(_useState, 2),
|
|
2537
2446
|
open = _useState2[0],
|
|
@@ -2545,7 +2454,7 @@ var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2545
2454
|
setOpen(false);
|
|
2546
2455
|
}
|
|
2547
2456
|
}, [isWideWindow]);
|
|
2548
|
-
return jsxRuntime.jsxs("header", _objectSpread$
|
|
2457
|
+
return jsxRuntime.jsxs("header", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
|
|
2549
2458
|
className: clsx.clsx('ams-page-header', className),
|
|
2550
2459
|
ref: ref,
|
|
2551
2460
|
children: [jsxRuntime.jsxs(Link, {
|
|
@@ -2601,7 +2510,7 @@ var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2601
2510
|
className: "ams-page-header__mega-menu-button-hidden-label",
|
|
2602
2511
|
children: menuButtonText
|
|
2603
2512
|
}), jsxRuntime.jsx(Icon, {
|
|
2604
|
-
svg: jsxRuntime.jsx(PageHeaderMenuIcon, {
|
|
2513
|
+
svg: menuButtonIcon !== null && menuButtonIcon !== void 0 ? menuButtonIcon : jsxRuntime.jsx(PageHeaderMenuIcon, {
|
|
2605
2514
|
className: clsx.clsx('ams-page-header__menu-icon', open && 'ams-page-header__menu-icon--open')
|
|
2606
2515
|
})
|
|
2607
2516
|
})]
|
|
@@ -2624,9 +2533,9 @@ var PageHeader = Object.assign(PageHeaderRoot, {
|
|
|
2624
2533
|
MenuLink: PageHeaderMenuLink
|
|
2625
2534
|
});
|
|
2626
2535
|
|
|
2627
|
-
var _excluded$
|
|
2628
|
-
function ownKeys$
|
|
2629
|
-
function _objectSpread$
|
|
2536
|
+
var _excluded$B = ["children", "className", "color"];
|
|
2537
|
+
function ownKeys$C(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; }
|
|
2538
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2630
2539
|
/**
|
|
2631
2540
|
* @deprecated We no longer use this size of headings. Use `Heading` with level 1 instead.
|
|
2632
2541
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-page-heading--docs Page Heading docs at Amsterdam Design System}
|
|
@@ -2635,8 +2544,8 @@ var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2635
2544
|
var children = _ref.children,
|
|
2636
2545
|
className = _ref.className,
|
|
2637
2546
|
color = _ref.color,
|
|
2638
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2639
|
-
return jsxRuntime.jsx("h1", _objectSpread$
|
|
2547
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
2548
|
+
return jsxRuntime.jsx("h1", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
|
|
2640
2549
|
className: clsx.clsx('ams-page-heading', color && "ams-page-heading--".concat(color), className),
|
|
2641
2550
|
ref: ref,
|
|
2642
2551
|
children: children
|
|
@@ -2728,9 +2637,9 @@ var Spacer = function Spacer() {
|
|
|
2728
2637
|
});
|
|
2729
2638
|
};
|
|
2730
2639
|
|
|
2731
|
-
var _excluded$
|
|
2732
|
-
function ownKeys$
|
|
2733
|
-
function _objectSpread$
|
|
2640
|
+
var _excluded$A = ["accessibleName", "accessibleNameId", "className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextAccessibleName", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousAccessibleName", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
|
|
2641
|
+
function ownKeys$B(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; }
|
|
2642
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2734
2643
|
/**
|
|
2735
2644
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-pagination--docs Pagination docs at Amsterdam Design System}
|
|
2736
2645
|
*/
|
|
@@ -2740,7 +2649,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2740
2649
|
className = _ref.className,
|
|
2741
2650
|
_ref$linkComponent = _ref.linkComponent,
|
|
2742
2651
|
linkComponent = _ref$linkComponent === void 0 ? function (props) {
|
|
2743
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
2652
|
+
return jsxRuntime.jsx("a", _objectSpread$B({}, props));
|
|
2744
2653
|
} : _ref$linkComponent,
|
|
2745
2654
|
linkTemplate = _ref.linkTemplate,
|
|
2746
2655
|
_ref$maxVisiblePages = _ref.maxVisiblePages,
|
|
@@ -2758,7 +2667,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2758
2667
|
totalPages = _ref.totalPages,
|
|
2759
2668
|
visuallyHiddenLabel = _ref.visuallyHiddenLabel,
|
|
2760
2669
|
visuallyHiddenLabelId = _ref.visuallyHiddenLabelId,
|
|
2761
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2670
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
2762
2671
|
// Don't show pagination if you only have one page
|
|
2763
2672
|
if (totalPages <= 1) {
|
|
2764
2673
|
return null;
|
|
@@ -2766,7 +2675,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2766
2675
|
var Link = linkComponent;
|
|
2767
2676
|
// Get array of page numbers and / or spacers
|
|
2768
2677
|
var range = getRange(page, totalPages, maxVisiblePages);
|
|
2769
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
2678
|
+
return jsxRuntime.jsxs("nav", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
|
|
2770
2679
|
"aria-labelledby": accessibleNameId || visuallyHiddenLabelId || 'ams-pagination-a11y-label',
|
|
2771
2680
|
className: clsx.clsx('ams-pagination', className),
|
|
2772
2681
|
ref: ref,
|
|
@@ -2815,9 +2724,9 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2815
2724
|
});
|
|
2816
2725
|
Pagination.displayName = 'Pagination';
|
|
2817
2726
|
|
|
2818
|
-
var _excluded$
|
|
2819
|
-
function ownKeys$
|
|
2820
|
-
function _objectSpread$
|
|
2727
|
+
var _excluded$z = ["className", "dir", "invalid"];
|
|
2728
|
+
function ownKeys$A(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; }
|
|
2729
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2821
2730
|
/**
|
|
2822
2731
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-password-input--docs Password Input docs at Amsterdam Design System}
|
|
2823
2732
|
*/
|
|
@@ -2825,8 +2734,8 @@ var PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2825
2734
|
var className = _ref.className,
|
|
2826
2735
|
dir = _ref.dir,
|
|
2827
2736
|
invalid = _ref.invalid,
|
|
2828
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2829
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
2737
|
+
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
2738
|
+
return jsxRuntime.jsx("input", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
|
|
2830
2739
|
"aria-invalid": invalid || undefined,
|
|
2831
2740
|
autoCorrect: "off",
|
|
2832
2741
|
className: clsx.clsx('ams-password-input', className),
|
|
@@ -2838,6 +2747,135 @@ var PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2838
2747
|
});
|
|
2839
2748
|
PasswordInput.displayName = 'PasswordInput';
|
|
2840
2749
|
|
|
2750
|
+
/**
|
|
2751
|
+
* @license EUPL-1.2+
|
|
2752
|
+
* Copyright Gemeente Amsterdam
|
|
2753
|
+
*/
|
|
2754
|
+
var defaultValues$1 = {
|
|
2755
|
+
// Default value for type safety.
|
|
2756
|
+
// The actual value is always provided via ProgressList’s required headingLevel prop.
|
|
2757
|
+
headingLevel: 2
|
|
2758
|
+
};
|
|
2759
|
+
var ProgressListContext = /*#__PURE__*/react.createContext(defaultValues$1);
|
|
2760
|
+
|
|
2761
|
+
var _excluded$y = ["children", "className", "hasSubsteps", "heading", "status"];
|
|
2762
|
+
function ownKeys$z(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; }
|
|
2763
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2764
|
+
var ProgressListStep = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2765
|
+
var children = _ref.children,
|
|
2766
|
+
className = _ref.className,
|
|
2767
|
+
hasSubsteps = _ref.hasSubsteps,
|
|
2768
|
+
heading = _ref.heading,
|
|
2769
|
+
status = _ref.status,
|
|
2770
|
+
restProps = _objectWithoutProperties(_ref, _excluded$y);
|
|
2771
|
+
var _useContext = react.useContext(ProgressListContext),
|
|
2772
|
+
headingLevel = _useContext.headingLevel;
|
|
2773
|
+
return jsxRuntime.jsxs("li", _objectSpread$z(_objectSpread$z({
|
|
2774
|
+
"aria-current": status === 'current' ? 'step' : undefined,
|
|
2775
|
+
className: clsx.clsx(className, 'ams-progress-list__step', hasSubsteps && 'ams-progress-list__step--has-substeps', status && "ams-progress-list__step--".concat(status)),
|
|
2776
|
+
ref: ref
|
|
2777
|
+
}, restProps), {}, {
|
|
2778
|
+
children: [jsxRuntime.jsxs("div", {
|
|
2779
|
+
className: "ams-progress-list__indicator",
|
|
2780
|
+
children: [jsxRuntime.jsx("div", {
|
|
2781
|
+
className: "ams-progress-list__marker",
|
|
2782
|
+
children: jsxRuntime.jsx("span", {
|
|
2783
|
+
className: "ams-progress-list__marker-shape",
|
|
2784
|
+
children: status === 'current' && jsxRuntime.jsx(Icon, {
|
|
2785
|
+
color: "inverse",
|
|
2786
|
+
svg: designSystemReactIcons.ArrowForwardIcon
|
|
2787
|
+
})
|
|
2788
|
+
})
|
|
2789
|
+
}), jsxRuntime.jsx("span", {
|
|
2790
|
+
className: "ams-progress-list__connector"
|
|
2791
|
+
})]
|
|
2792
|
+
}), jsxRuntime.jsxs("div", {
|
|
2793
|
+
className: "ams-progress-list__content",
|
|
2794
|
+
children: [jsxRuntime.jsx(Heading, {
|
|
2795
|
+
className: "ams-progress-list__heading",
|
|
2796
|
+
level: headingLevel,
|
|
2797
|
+
children: heading
|
|
2798
|
+
}), children]
|
|
2799
|
+
})]
|
|
2800
|
+
}));
|
|
2801
|
+
});
|
|
2802
|
+
ProgressListStep.displayName = 'ProgressList.Step';
|
|
2803
|
+
|
|
2804
|
+
var _excluded$x = ["children", "className", "status"];
|
|
2805
|
+
function ownKeys$y(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; }
|
|
2806
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2807
|
+
var ProgressListSubstep = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2808
|
+
var children = _ref.children,
|
|
2809
|
+
className = _ref.className,
|
|
2810
|
+
status = _ref.status,
|
|
2811
|
+
restProps = _objectWithoutProperties(_ref, _excluded$x);
|
|
2812
|
+
return jsxRuntime.jsxs("li", _objectSpread$y(_objectSpread$y({
|
|
2813
|
+
"aria-current": status === 'current' ? 'step' : undefined,
|
|
2814
|
+
className: clsx.clsx('ams-progress-list-substeps__step', status && "ams-progress-list-substeps__step--".concat(status), className),
|
|
2815
|
+
ref: ref
|
|
2816
|
+
}, restProps), {}, {
|
|
2817
|
+
children: [jsxRuntime.jsxs("div", {
|
|
2818
|
+
className: "ams-progress-list-substeps__indicator",
|
|
2819
|
+
children: [jsxRuntime.jsx("div", {
|
|
2820
|
+
className: "ams-progress-list-substeps__marker",
|
|
2821
|
+
children: jsxRuntime.jsx("span", {
|
|
2822
|
+
className: "ams-progress-list-substeps__marker-shape"
|
|
2823
|
+
})
|
|
2824
|
+
}), jsxRuntime.jsx("span", {
|
|
2825
|
+
className: "ams-progress-list-substeps__connector"
|
|
2826
|
+
})]
|
|
2827
|
+
}), jsxRuntime.jsx("div", {
|
|
2828
|
+
className: "ams-progress-list-substeps__content",
|
|
2829
|
+
children: children
|
|
2830
|
+
})]
|
|
2831
|
+
}));
|
|
2832
|
+
});
|
|
2833
|
+
ProgressListSubstep.displayName = 'ProgressList.Substep';
|
|
2834
|
+
|
|
2835
|
+
var _excluded$w = ["children", "className"];
|
|
2836
|
+
function ownKeys$x(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; }
|
|
2837
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2838
|
+
var ProgressListSubsteps = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2839
|
+
var children = _ref.children,
|
|
2840
|
+
className = _ref.className,
|
|
2841
|
+
restProps = _objectWithoutProperties(_ref, _excluded$w);
|
|
2842
|
+
return jsxRuntime.jsx("ol", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
|
|
2843
|
+
className: clsx.clsx('ams-progress-list-substeps', className),
|
|
2844
|
+
ref: ref,
|
|
2845
|
+
children: children
|
|
2846
|
+
}));
|
|
2847
|
+
});
|
|
2848
|
+
ProgressListSubsteps.displayName = 'ProgressList.Substeps';
|
|
2849
|
+
|
|
2850
|
+
var _excluded$v = ["children", "className", "headingLevel"];
|
|
2851
|
+
function ownKeys$w(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; }
|
|
2852
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2853
|
+
var ProgressListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2854
|
+
var children = _ref.children,
|
|
2855
|
+
className = _ref.className,
|
|
2856
|
+
headingLevel = _ref.headingLevel,
|
|
2857
|
+
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
2858
|
+
return jsxRuntime.jsx(ProgressListContext.Provider, {
|
|
2859
|
+
value: {
|
|
2860
|
+
headingLevel: headingLevel
|
|
2861
|
+
},
|
|
2862
|
+
children: jsxRuntime.jsx("ol", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
|
|
2863
|
+
className: clsx.clsx('ams-progress-list', "ams-progress-list--heading-".concat(headingLevel), className),
|
|
2864
|
+
ref: ref,
|
|
2865
|
+
children: children
|
|
2866
|
+
}))
|
|
2867
|
+
});
|
|
2868
|
+
});
|
|
2869
|
+
/**
|
|
2870
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System}
|
|
2871
|
+
*/
|
|
2872
|
+
var ProgressList = Object.assign(ProgressListRoot, {
|
|
2873
|
+
Step: ProgressListStep,
|
|
2874
|
+
Substep: ProgressListSubstep,
|
|
2875
|
+
Substeps: ProgressListSubsteps
|
|
2876
|
+
});
|
|
2877
|
+
ProgressListRoot.displayName = 'ProgressList';
|
|
2878
|
+
|
|
2841
2879
|
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; }
|
|
2842
2880
|
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), true).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; }
|
|
2843
2881
|
var SvgRadio = function SvgRadio(props) {
|
|
@@ -3654,6 +3692,7 @@ exports.PageHeading = PageHeading;
|
|
|
3654
3692
|
exports.Pagination = Pagination;
|
|
3655
3693
|
exports.Paragraph = Paragraph;
|
|
3656
3694
|
exports.PasswordInput = PasswordInput;
|
|
3695
|
+
exports.ProgressList = ProgressList;
|
|
3657
3696
|
exports.Radio = Radio;
|
|
3658
3697
|
exports.Row = Row;
|
|
3659
3698
|
exports.SearchField = SearchField;
|