@pingux/astro 2.32.0-alpha.9 → 2.32.1-alpha.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/lib/cjs/components/AstroProvider/AstroProvider.js +4 -4
- package/lib/cjs/components/AstroProvider/AstroProvider.test.js +7 -3
- package/lib/cjs/components/TreeView/TreeView.js +99 -11
- package/lib/cjs/components/TreeView/TreeView.stories.js +23 -10
- package/lib/cjs/components/TreeView/TreeView.styles.js +22 -2
- package/lib/cjs/components/TreeView/TreeView.test.js +91 -11
- package/lib/cjs/components/TreeView/TreeViewItem.js +112 -14
- package/lib/cjs/components/TreeView/TreeViewKeyboardDelegate.js +200 -0
- package/lib/cjs/components/TreeView/TreeViewKeyboardDelegate.test.js +511 -0
- package/lib/cjs/components/TreeView/TreeViewRow.js +20 -5
- package/lib/cjs/components/TreeView/TreeViewSection.js +164 -16
- package/lib/cjs/components/TreeView/TreeViewWrapper.js +40 -0
- package/lib/cjs/hooks/useField/index.d.ts +1 -0
- package/lib/cjs/hooks/useField/useField.d.ts +1686 -0
- package/lib/cjs/hooks/useField/useField.js +7 -16
- package/lib/cjs/hooks/useField/useField.test.d.ts +1 -0
- package/lib/cjs/hooks/useField/useField.test.js +6 -6
- package/lib/cjs/hooks/useMountTransition/index.d.ts +1 -0
- package/lib/cjs/hooks/useMountTransition/useMountTransition.d.ts +14 -0
- package/lib/cjs/hooks/useMountTransition/useMountTransition.js +0 -9
- package/lib/cjs/hooks/useMountTransition/useMountTransition.test.d.ts +1 -0
- package/lib/cjs/hooks/useMountTransition/useMountTransition.test.js +2 -2
- package/lib/cjs/hooks/useStatusClasses/index.d.ts +1 -0
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.d.ts +18 -0
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +0 -9
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.d.ts +1 -0
- package/lib/components/AstroProvider/AstroProvider.js +4 -4
- package/lib/components/AstroProvider/AstroProvider.test.js +7 -3
- package/lib/components/TreeView/TreeView.js +100 -12
- package/lib/components/TreeView/TreeView.stories.js +23 -10
- package/lib/components/TreeView/TreeView.styles.js +22 -2
- package/lib/components/TreeView/TreeView.test.js +92 -12
- package/lib/components/TreeView/TreeViewItem.js +111 -14
- package/lib/components/TreeView/TreeViewKeyboardDelegate.js +176 -0
- package/lib/components/TreeView/TreeViewKeyboardDelegate.test.js +496 -0
- package/lib/components/TreeView/TreeViewRow.js +20 -5
- package/lib/components/TreeView/TreeViewSection.js +161 -16
- package/lib/components/TreeView/TreeViewWrapper.js +31 -0
- package/lib/hooks/useField/useField.js +7 -16
- package/lib/hooks/useField/useField.test.js +6 -6
- package/lib/hooks/useMountTransition/useMountTransition.js +0 -10
- package/lib/hooks/useMountTransition/useMountTransition.test.js +2 -2
- package/lib/hooks/useStatusClasses/useStatusClasses.js +0 -10
- package/package.json +1 -1
@@ -25,7 +25,7 @@ var _constants = require("../../components/Label/constants");
|
|
25
25
|
var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
|
26
26
|
var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
|
27
27
|
var _ = require("..");
|
28
|
-
var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "
|
28
|
+
var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
|
29
29
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
30
30
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
31
31
|
/**
|
@@ -33,24 +33,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
33
33
|
* @param {{}} props Props for the field
|
34
34
|
* @returns {{}} Prop objects to be spread into field components.
|
35
35
|
*/
|
36
|
-
|
37
|
-
|
36
|
+
|
37
|
+
// TODO: replace with LabelProps instead of ThemeUILabelProps
|
38
|
+
// once Label component is rewritten to ts
|
39
|
+
var useField = function useField(props) {
|
38
40
|
var autocomplete = props.autocomplete,
|
39
41
|
autoComplete = props.autoComplete,
|
40
42
|
autoCorrect = props.autoCorrect,
|
41
|
-
children = props.children,
|
42
43
|
className = props.className,
|
43
44
|
_props$containerProps = props.containerProps,
|
44
45
|
containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
|
45
46
|
_props$controlProps = props.controlProps,
|
46
47
|
controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
|
47
|
-
defaultText = props.defaultText,
|
48
48
|
defaultValue = props.defaultValue,
|
49
|
-
direction = props.direction,
|
50
|
-
disabledKeys = props.disabledKeys,
|
51
49
|
hasAutoFocus = props.hasAutoFocus,
|
52
50
|
hasNoStatusIndicator = props.hasNoStatusIndicator,
|
53
|
-
helperText = props.helperText,
|
54
51
|
hintText = props.hintText,
|
55
52
|
id = props.id,
|
56
53
|
isDefaultSelected = props.isDefaultSelected,
|
@@ -59,7 +56,6 @@ var useField = function useField() {
|
|
59
56
|
isReadOnly = props.isReadOnly,
|
60
57
|
isRequired = props.isRequired,
|
61
58
|
isRestrictiveMultivalues = props.isRestrictiveMultivalues,
|
62
|
-
isSelected = props.isSelected,
|
63
59
|
label = props.label,
|
64
60
|
labelMode = props.labelMode,
|
65
61
|
_props$labelProps = props.labelProps,
|
@@ -69,15 +65,9 @@ var useField = function useField() {
|
|
69
65
|
onBlur = props.onBlur,
|
70
66
|
_props$onChange = props.onChange,
|
71
67
|
onChange = _props$onChange === void 0 ? _noop["default"] : _props$onChange,
|
72
|
-
onClear = props.onClear,
|
73
68
|
onFocus = props.onFocus,
|
74
|
-
onFocusChange = props.onFocusChange,
|
75
|
-
onLoadMore = props.onLoadMore,
|
76
|
-
onOpenChange = props.onOpenChange,
|
77
|
-
onSelectionChange = props.onSelectionChange,
|
78
69
|
placeholder = props.placeholder,
|
79
70
|
role = props.role,
|
80
|
-
selectedKey = props.selectedKey,
|
81
71
|
spellCheck = props.spellCheck,
|
82
72
|
_props$status = props.status,
|
83
73
|
status = _props$status === void 0 ? _statuses["default"].DEFAULT : _props$status,
|
@@ -113,6 +103,7 @@ var useField = function useField() {
|
|
113
103
|
} else {
|
114
104
|
setHasValue(false);
|
115
105
|
}
|
106
|
+
|
116
107
|
// adding this function resolves the error brought up in UIP-5116
|
117
108
|
if (e.persist) {
|
118
109
|
e.persist();
|
@@ -152,7 +143,7 @@ var useField = function useField() {
|
|
152
143
|
isReadOnly: isReadOnly
|
153
144
|
}, "is-".concat(status), true), statusClasses), labelProps === null || labelProps === void 0 ? void 0 : labelProps.statusClasses)),
|
154
145
|
labelClasses = _useStatusClasses3.classNames;
|
155
|
-
var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
|
146
|
+
var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)((0, _omit["default"])(others, ['children', 'defaultText', 'direction', 'disabledKeys', 'helperText', 'isSelected', 'onClear', 'onFocusChange', 'onLoadMore', 'onOpenChange', 'onRemove', 'onSelectionChange', 'selectedKey'])),
|
156
147
|
ariaProps = _getAriaAttributeProp.ariaProps,
|
157
148
|
nonAriaProps = _getAriaAttributeProp.nonAriaProps;
|
158
149
|
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -63,11 +63,11 @@ var defaultProps = {
|
|
63
63
|
};
|
64
64
|
test('default useField', function () {
|
65
65
|
(0, _reactHooks.renderHook)(function () {
|
66
|
-
return (0, _useField["default"])();
|
66
|
+
return (0, _useField["default"])({});
|
67
67
|
});
|
68
68
|
});
|
69
69
|
test('should return props objects for field components', function () {
|
70
|
-
var _context, _context2;
|
70
|
+
var _defaultProps$contain, _context, _context2;
|
71
71
|
var _renderHook = (0, _reactHooks.renderHook)(function () {
|
72
72
|
return (0, _useField["default"])(defaultProps);
|
73
73
|
}),
|
@@ -79,7 +79,7 @@ test('should return props objects for field components', function () {
|
|
79
79
|
fieldLabelProps = _result$current.fieldLabelProps;
|
80
80
|
expect(fieldContainerProps).toEqual({
|
81
81
|
className: 'field-container has-value is-tested is-container',
|
82
|
-
id: defaultProps.containerProps.id,
|
82
|
+
id: (_defaultProps$contain = defaultProps.containerProps) === null || _defaultProps$contain === void 0 ? void 0 : _defaultProps$contain.id,
|
83
83
|
onBlur: expect.any(Function),
|
84
84
|
onFocus: expect.any(Function),
|
85
85
|
sx: expect.objectContaining({
|
@@ -154,7 +154,7 @@ test('should support autocomplete additionally', function () {
|
|
154
154
|
test('should return isFloatLabelActive class for container', function () {
|
155
155
|
var _renderHook3 = (0, _reactHooks.renderHook)(function (initialProps) {
|
156
156
|
return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
|
157
|
-
placeholder:
|
157
|
+
placeholder: undefined
|
158
158
|
}));
|
159
159
|
}, {
|
160
160
|
initialProps: defaultProps
|
@@ -227,8 +227,8 @@ test('should return hasValue class for container when onChange updates internal
|
|
227
227
|
var numCalls = 0;
|
228
228
|
var _renderHook5 = (0, _reactHooks.renderHook)(function () {
|
229
229
|
return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
|
230
|
-
defaultValue:
|
231
|
-
placeholder:
|
230
|
+
defaultValue: undefined,
|
231
|
+
placeholder: undefined,
|
232
232
|
onChange: onChange,
|
233
233
|
value: ''
|
234
234
|
}));
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useMountTransition';
|
@@ -0,0 +1,14 @@
|
|
1
|
+
interface UseMountTransition {
|
2
|
+
/**
|
3
|
+
* Allows for css transitions to be applied to components, while mounting or unmounting.
|
4
|
+
* @param {Object} [props] Properties provided to the state
|
5
|
+
*
|
6
|
+
* `props.isMounted`: boolean - Whether the component has been mounted.
|
7
|
+
* `props.unmountDelay`: number - Number value of the length of the transition in ms.
|
8
|
+
*
|
9
|
+
* @returns {Boolean} `isTransitioning`
|
10
|
+
*/
|
11
|
+
(isMounted: boolean, unmountDelay: number): boolean;
|
12
|
+
}
|
13
|
+
declare const useMountTransition: UseMountTransition;
|
14
|
+
export default useMountTransition;
|
@@ -9,15 +9,6 @@ exports["default"] = void 0;
|
|
9
9
|
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
11
11
|
var _react = require("react");
|
12
|
-
/**
|
13
|
-
* Allows for css transitions to be applied to components, while mounting or unmounting.
|
14
|
-
* @param {Object} [props] Properties provided to the state
|
15
|
-
* @param {Boolean} [props.isMounted] Whether the component has been mounted.
|
16
|
-
* @param {Number} [props.unmountDelay] Number value of the length of the transition in ms.
|
17
|
-
* `(isOpen: boolean) => void`
|
18
|
-
* @returns {Boolean} `isTransitioning`
|
19
|
-
*/
|
20
|
-
|
21
12
|
var useMountTransition = function useMountTransition(isMounted, unmountDelay) {
|
22
13
|
var _useState = (0, _react.useState)(false),
|
23
14
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -32,7 +32,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
|
|
32
32
|
var _useOverlayPanelState = (0, _useOverlayPanelState2["default"])(),
|
33
33
|
state = _useOverlayPanelState.state,
|
34
34
|
onClose = _useOverlayPanelState.onClose;
|
35
|
-
var triggerRef = (0, _react.useRef)();
|
35
|
+
var triggerRef = (0, _react.useRef)(null);
|
36
36
|
return (
|
37
37
|
// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
|
38
38
|
// readers when an overlay is open.
|
@@ -51,7 +51,7 @@ var ControlledWithTransition = function ControlledWithTransition() {
|
|
51
51
|
},
|
52
52
|
"aria-expanded": state.isOpen
|
53
53
|
}, defaultCloseButtonProps), "Close Panel"), (0, _react2.jsx)("p", {
|
54
|
-
|
54
|
+
"padding-top": "md"
|
55
55
|
}, (0, _stringify["default"])(state.isOpen)))))
|
56
56
|
);
|
57
57
|
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useStatusClasses';
|
@@ -0,0 +1,18 @@
|
|
1
|
+
interface UseStatusClasses {
|
2
|
+
/**
|
3
|
+
* Converts status information into classes which can be supplied to the rendered component's
|
4
|
+
* `className` prop.
|
5
|
+
* @param {string} [defaultClass] An optional default class that will be added
|
6
|
+
* @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
|
7
|
+
* @returns {{classNames: string}} A string of classes based on the input. Status keys will be
|
8
|
+
* converted to kebab-case.
|
9
|
+
* e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
|
10
|
+
*/
|
11
|
+
(defaultClass?: string | undefined | null, statuses?: {
|
12
|
+
[key: string]: string | boolean | undefined | null;
|
13
|
+
}): {
|
14
|
+
classNames: string;
|
15
|
+
};
|
16
|
+
}
|
17
|
+
declare const useStatusClasses: UseStatusClasses;
|
18
|
+
export default useStatusClasses;
|
@@ -9,15 +9,6 @@ exports["default"] = void 0;
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
10
10
|
var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
|
11
11
|
var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
|
12
|
-
/**
|
13
|
-
* Converts status information into classes which can be supplied to the rendered component's
|
14
|
-
* `className` prop.
|
15
|
-
* @param {string} [defaultClass] An optional default class that will be added
|
16
|
-
* @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
|
17
|
-
* @returns {{classNames: string}} A string of classes based on the input. Status keys will be
|
18
|
-
* converted to kebab-case.
|
19
|
-
* e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
|
20
|
-
*/
|
21
12
|
var useStatusClasses = function useStatusClasses(defaultClass) {
|
22
13
|
var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
23
14
|
var kebabStatuses = (0, _mapKeys["default"])(statuses, function (_v, k) {
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -14,7 +14,7 @@ import Box from '../Box';
|
|
14
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
15
15
|
export var GlobalStyles = function GlobalStyles() {
|
16
16
|
return ___EmotionJSX(Global, {
|
17
|
-
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZUyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Bc3Ryb1Byb3ZpZGVyL0FzdHJvUHJvdmlkZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBidXR0b246Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJidXR0b25cIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJyZXNldFwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInN1Ym1pdFwiXTpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICAvPlxuKTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1Byb3ZpZGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9Qcm92aWRlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1Byb3ZpZGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */")
|
18
18
|
});
|
19
19
|
};
|
20
20
|
|
@@ -35,9 +35,9 @@ var AstroProvider = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
35
35
|
return merge.apply(void 0, _concatInstanceProperty(_context = [defaultTheme]).call(_context, themeOverrides));
|
36
36
|
}, [defaultTheme, themeOverrides]);
|
37
37
|
return ___EmotionJSX(ThemeProvider, _extends({
|
38
|
-
ref: ref,
|
39
38
|
theme: theme
|
40
39
|
}, others), ___EmotionJSX(GlobalStyles, null), ___EmotionJSX(Box, _extends({
|
40
|
+
ref: ref,
|
41
41
|
bg: "background",
|
42
42
|
height: "100%"
|
43
43
|
}, props), children));
|
@@ -68,7 +68,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
68
68
|
} : {
|
69
69
|
name: "1385fa1-PageWrapper",
|
70
70
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
71
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwR0siLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+
|
71
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwR0siLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9Qcm92aWRlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9Qcm92aWRlcjtcbiJdfQ== */",
|
72
72
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
73
73
|
};
|
74
74
|
export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
@@ -86,7 +86,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
86
86
|
}, others), ___EmotionJSX(Global, {
|
87
87
|
styles: _ref
|
88
88
|
}), ___EmotionJSX(Box, _extends({
|
89
|
-
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxSEsiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+
|
89
|
+
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxSEsiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9Qcm92aWRlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9Qcm92aWRlcjtcbiJdfQ== */")
|
90
90
|
}, props), children));
|
91
91
|
});
|
92
92
|
PageWrapper.propTypes = {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { render, screen } from '@testing-library/react';
|
3
3
|
import { AstroProvider, Box } from '../../index';
|
4
|
-
import
|
4
|
+
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
5
5
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
6
|
var testId = 'test-box';
|
7
7
|
var defaultProps = {
|
@@ -14,8 +14,12 @@ var getComponent = function getComponent() {
|
|
14
14
|
});
|
15
15
|
};
|
16
16
|
|
17
|
-
//
|
18
|
-
|
17
|
+
// Needs to be added to each components test file
|
18
|
+
universalComponentTests({
|
19
|
+
renderComponent: function renderComponent(props) {
|
20
|
+
return ___EmotionJSX(AstroProvider, props);
|
21
|
+
}
|
22
|
+
});
|
19
23
|
test('should provide theme styling through AstroProvider', function () {
|
20
24
|
getComponent();
|
21
25
|
var activeRgb = 'rgb(68, 98, 237)';
|
@@ -8,13 +8,14 @@ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/obje
|
|
8
8
|
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
9
9
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
10
|
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
11
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
11
12
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
12
|
-
var _excluded = ["tree", "disabledKeys", "onExpandedChange"];
|
13
|
+
var _excluded = ["tree", "disabledKeys", "onExpandedChange", "onKeyDown", "pageLength"];
|
13
14
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
14
15
|
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
15
16
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
16
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
17
|
-
import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
|
18
|
+
import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
18
19
|
import { useTreeState } from 'react-stately';
|
19
20
|
import { useCollator } from '@react-aria/i18n';
|
20
21
|
import { useListBox } from '@react-aria/listbox';
|
@@ -23,6 +24,7 @@ import PropTypes from 'prop-types';
|
|
23
24
|
import { TreeViewContext } from '../../context/TreeViewContext';
|
24
25
|
import { Box, TreeViewItem, TreeViewSection } from '../../index';
|
25
26
|
import { isIterableProp } from '../../utils/devUtils/props/isIterable';
|
27
|
+
import TreeViewWrapper from './TreeViewWrapper';
|
26
28
|
|
27
29
|
// split out and exported for ease of use across components
|
28
30
|
// and to facilitate easier testing (eliminates redundant conditional renders)
|
@@ -46,11 +48,23 @@ export function useTreeViewLayout(state) {
|
|
46
48
|
return layout;
|
47
49
|
}
|
48
50
|
var TreeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
49
|
-
var _context;
|
51
|
+
var _tree$items$, _context;
|
50
52
|
var tree = props.tree,
|
51
53
|
disabledKeys = props.disabledKeys,
|
52
54
|
onExpandedChange = props.onExpandedChange,
|
55
|
+
onKeyDown = props.onKeyDown,
|
56
|
+
_props$pageLength = props.pageLength,
|
57
|
+
pageLength = _props$pageLength === void 0 ? 5 : _props$pageLength,
|
53
58
|
others = _objectWithoutProperties(props, _excluded);
|
59
|
+
|
60
|
+
// we are tracking the last focused item.
|
61
|
+
// this enables us to have focus jump back to the item, after focus
|
62
|
+
// leaves the tree, and then returns.
|
63
|
+
var _useState = useState(tree === null || tree === void 0 || (_tree$items$ = tree.items[0]) === null || _tree$items$ === void 0 ? void 0 : _tree$items$.key),
|
64
|
+
_useState2 = _slicedToArray(_useState, 2),
|
65
|
+
lastFocusedItem = _useState2[0],
|
66
|
+
setLastFocusedItem = _useState2[1];
|
67
|
+
var level = 0;
|
54
68
|
var treeViewRef = useRef();
|
55
69
|
var selectedKeys = tree.selectedKeys;
|
56
70
|
|
@@ -65,7 +79,66 @@ var TreeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
65
79
|
selectionMode: 'single',
|
66
80
|
disallowEmptySelection: true
|
67
81
|
}, others));
|
68
|
-
var
|
82
|
+
var flattenNestedData = function flattenNestedData(_data) {
|
83
|
+
var returnArray = [];
|
84
|
+
var checkItemNesting = function checkItemNesting(item) {
|
85
|
+
var _item$value, _item$items;
|
86
|
+
if (((_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.items) === null || _item$value === void 0 ? void 0 : _item$value.length) > 0) {
|
87
|
+
return {
|
88
|
+
isTopLevel: true,
|
89
|
+
hasChildren: true
|
90
|
+
};
|
91
|
+
}
|
92
|
+
if (((_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length) > 0) {
|
93
|
+
return {
|
94
|
+
isTopLevel: false,
|
95
|
+
hasChildren: true
|
96
|
+
};
|
97
|
+
}
|
98
|
+
return {
|
99
|
+
isTopLevel: false,
|
100
|
+
hasChildren: false
|
101
|
+
};
|
102
|
+
};
|
103
|
+
var checkSection = function checkSection(isRendered, hasItems) {
|
104
|
+
return isRendered && hasItems;
|
105
|
+
};
|
106
|
+
var loop = function loop(data) {
|
107
|
+
for (var i = 0; i < data.length; i += 1) {
|
108
|
+
var obj = {
|
109
|
+
key: data[i].key
|
110
|
+
};
|
111
|
+
returnArray.push(obj);
|
112
|
+
var _checkItemNesting = checkItemNesting(data[i]),
|
113
|
+
hasChildren = _checkItemNesting.hasChildren,
|
114
|
+
isTopLevel = _checkItemNesting.isTopLevel;
|
115
|
+
if (checkSection(state.expandedKeys.has(data[i].key), hasChildren) === true) {
|
116
|
+
if (isTopLevel) {
|
117
|
+
var _data$i$value;
|
118
|
+
loop((_data$i$value = data[i].value) === null || _data$i$value === void 0 ? void 0 : _data$i$value.items);
|
119
|
+
} else {
|
120
|
+
loop(data[i].items);
|
121
|
+
}
|
122
|
+
}
|
123
|
+
}
|
124
|
+
};
|
125
|
+
loop(_data);
|
126
|
+
return returnArray;
|
127
|
+
};
|
128
|
+
|
129
|
+
// list of value pairs of keys and refs
|
130
|
+
// does not need to be in order, because they are values pairs
|
131
|
+
var _useState3 = useState([]),
|
132
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
133
|
+
refArray = _useState4[0],
|
134
|
+
setRefs = _useState4[1];
|
135
|
+
|
136
|
+
// creates a flattened list of keys for up/down keyboard use
|
137
|
+
// this DOES need to be in the same order as the HTML appears in the DOM.
|
138
|
+
// we are essentially turning all rendered items into a flat list, for up/down
|
139
|
+
var flatKeyArray = useMemo(function () {
|
140
|
+
return flattenNestedData(props.items);
|
141
|
+
}, [state.expandedKeys]);
|
69
142
|
var ariaLabel = props['aria-label'];
|
70
143
|
var listBoxOptions = {
|
71
144
|
disabledKeys: disabledKeys,
|
@@ -79,7 +152,13 @@ var TreeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
79
152
|
return ___EmotionJSX(TreeViewContext.Provider, {
|
80
153
|
value: {
|
81
154
|
state: state,
|
82
|
-
tree: tree
|
155
|
+
tree: tree,
|
156
|
+
refArray: refArray,
|
157
|
+
setRefs: setRefs,
|
158
|
+
flatKeyArray: flatKeyArray,
|
159
|
+
pageLength: pageLength,
|
160
|
+
setLastFocusedItem: setLastFocusedItem,
|
161
|
+
lastFocusedItem: lastFocusedItem
|
83
162
|
}
|
84
163
|
}, ___EmotionJSX(Box, _extends({
|
85
164
|
as: "ul"
|
@@ -88,14 +167,17 @@ var TreeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
88
167
|
"aria-label": ariaLabel,
|
89
168
|
role: "treegrid",
|
90
169
|
sx: {
|
91
|
-
overflow: 'hidden'
|
170
|
+
overflow: 'hidden',
|
171
|
+
p: '5px',
|
172
|
+
border: 'none !important'
|
92
173
|
}
|
93
|
-
}, others), _mapInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (item, index) {
|
174
|
+
}, others), ___EmotionJSX(TreeViewWrapper, null, _mapInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (item, index) {
|
94
175
|
return SectionOrItemRender(item.props.items.length > 0, ___EmotionJSX(TreeViewSection, {
|
95
176
|
item: item,
|
96
177
|
items: item.props.items,
|
97
178
|
title: item.props.title,
|
98
179
|
key: item.props.title,
|
180
|
+
onKeyDown: onKeyDown,
|
99
181
|
level: level + 1,
|
100
182
|
setSize: state.collection.size,
|
101
183
|
position: index
|
@@ -103,17 +185,19 @@ var TreeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
103
185
|
item: item,
|
104
186
|
title: item.value.value.title,
|
105
187
|
key: item.value.value.title,
|
188
|
+
onKeyDown: onKeyDown,
|
106
189
|
level: level + 1,
|
107
|
-
|
108
|
-
|
190
|
+
setSize: state.collection.size,
|
191
|
+
position: index
|
109
192
|
}));
|
110
|
-
})));
|
193
|
+
}))));
|
111
194
|
});
|
112
195
|
TreeView.propTypes = {
|
113
196
|
/** data object prop that is required to make the tree function
|
114
197
|
this is returned from the useTreeData hook in React-Aria */
|
115
198
|
tree: PropTypes.shape({
|
116
|
-
selectedKeys: isIterableProp
|
199
|
+
selectedKeys: isIterableProp,
|
200
|
+
items: isIterableProp
|
117
201
|
}).isRequired,
|
118
202
|
/** The currently disabled keys in the collection. */
|
119
203
|
disabledKeys: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
|
@@ -122,6 +206,10 @@ TreeView.propTypes = {
|
|
122
206
|
/** The list of TreeView items. */
|
123
207
|
items: isIterableProp,
|
124
208
|
/** String that describes the treeview when using a screen reader. */
|
125
|
-
'aria-label': PropTypes.string
|
209
|
+
'aria-label': PropTypes.string,
|
210
|
+
/** Handler that is called when a key is pressed. */
|
211
|
+
onKeyDown: PropTypes.func,
|
212
|
+
/** Number of items to move the focus when page up or page down is pressed */
|
213
|
+
pageLength: PropTypes.number
|
126
214
|
};
|
127
215
|
export default TreeView;
|
@@ -20,36 +20,50 @@ export default {
|
|
20
20
|
};
|
21
21
|
var data = [{
|
22
22
|
title: 'Policies',
|
23
|
+
key: 'Policies',
|
23
24
|
items: [{
|
24
25
|
title: 'Registration',
|
26
|
+
key: 'Registration',
|
25
27
|
items: [{
|
26
|
-
title: 'Registration A'
|
28
|
+
title: 'Registration A',
|
29
|
+
key: 'Registration A'
|
27
30
|
}, {
|
28
31
|
title: 'Registration B',
|
32
|
+
key: 'Registration B',
|
29
33
|
items: [{
|
30
|
-
title: 'Registration B1'
|
34
|
+
title: 'Registration B1',
|
35
|
+
key: 'Registration B1'
|
31
36
|
}, {
|
32
|
-
title: 'Registration B2'
|
37
|
+
title: 'Registration B2',
|
38
|
+
key: 'Registration B2'
|
33
39
|
}]
|
34
40
|
}, {
|
35
|
-
title: 'Registration C'
|
41
|
+
title: 'Registration C',
|
42
|
+
key: 'Registration C'
|
36
43
|
}, {
|
37
|
-
title: 'Registration D'
|
44
|
+
title: 'Registration D',
|
45
|
+
key: 'Registration D'
|
38
46
|
}]
|
39
47
|
}, {
|
40
48
|
title: 'Authentication',
|
49
|
+
key: 'Authentication',
|
41
50
|
items: [{
|
42
|
-
title: 'Authentication A'
|
51
|
+
title: 'Authentication A',
|
52
|
+
key: 'Authentication A'
|
43
53
|
}, {
|
44
|
-
title: 'Authentication B'
|
54
|
+
title: 'Authentication B',
|
55
|
+
key: 'Authentication B'
|
45
56
|
}]
|
46
57
|
}]
|
47
58
|
}, {
|
48
59
|
title: 'Other',
|
60
|
+
key: 'Other',
|
49
61
|
items: [{
|
50
|
-
title: 'Other A'
|
62
|
+
title: 'Other A',
|
63
|
+
key: 'Other A'
|
51
64
|
}]
|
52
65
|
}, {
|
66
|
+
key: 'Single Item',
|
53
67
|
title: 'Single Item'
|
54
68
|
}];
|
55
69
|
export var Default = function Default(args) {
|
@@ -65,8 +79,7 @@ export var Default = function Default(args) {
|
|
65
79
|
return ___EmotionJSX(TreeView, _extends({}, args, {
|
66
80
|
items: tree.items,
|
67
81
|
tree: tree,
|
68
|
-
"aria-label": "Example Tree"
|
69
|
-
disabledKeys: ['Single Item']
|
82
|
+
"aria-label": "Example Tree"
|
70
83
|
}), function (section) {
|
71
84
|
var _section$value;
|
72
85
|
return ___EmotionJSX(Item, {
|