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