@pingux/astro 1.40.1-alpha.3 → 1.41.0-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/AccordionGridGroup/AccordionGridGroup.js +0 -11
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +14 -1
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +33 -13
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +11 -2
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +123 -0
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +3 -7
- package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +11 -0
- package/lib/cjs/components/Avatar/Avatar.js +0 -4
- package/lib/cjs/components/Avatar/Avatar.stories.js +14 -0
- package/lib/cjs/components/Box/Box.js +1 -8
- package/lib/cjs/components/Box/Box.stories.js +14 -0
- package/lib/cjs/components/Bracket/Bracket.stories.js +15 -1
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -6
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +7 -0
- package/lib/cjs/components/Button/Button.js +0 -5
- package/lib/cjs/components/Button/Button.stories.js +7 -0
- package/lib/cjs/components/Callout/Callout.js +1 -6
- package/lib/cjs/components/Callout/Callout.stories.js +18 -4
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +0 -11
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +12 -1
- package/lib/components/AccordionGroup/AccordionGroup.js +28 -12
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +8 -2
- package/lib/components/AccordionGroup/AccordionGroup.test.js +106 -1
- package/lib/components/AstroWrapper/AstroWrapper.js +3 -7
- package/lib/components/AstroWrapper/AstroWrapper.stories.js +9 -0
- package/lib/components/Avatar/Avatar.js +0 -5
- package/lib/components/Avatar/Avatar.stories.js +12 -0
- package/lib/components/Box/Box.js +1 -8
- package/lib/components/Box/Box.stories.js +12 -0
- package/lib/components/Bracket/Bracket.stories.js +13 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.js +0 -7
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +5 -0
- package/lib/components/Button/Button.js +0 -6
- package/lib/components/Button/Button.stories.js +6 -1
- package/lib/components/Callout/Callout.js +1 -6
- package/lib/components/Callout/Callout.stories.js +16 -4
- package/package.json +1 -1
|
@@ -75,17 +75,6 @@ var collectionTypes = {
|
|
|
75
75
|
LOADER: 'loader',
|
|
76
76
|
PLACEHOLDER: 'placeholder'
|
|
77
77
|
};
|
|
78
|
-
/**
|
|
79
|
-
* Component that allows for a child to be expanded and retracted,
|
|
80
|
-
* and allows for children to be passed into a header and body for each item.
|
|
81
|
-
*
|
|
82
|
-
* A `AccordionGridItem` is a composed component and must be comprised of two children: 1) a Header,
|
|
83
|
-
* which will be control expansion of the body, and 2) a Body which renders non-interactive content.
|
|
84
|
-
* The purpose of this component is to allow keyboard interaction
|
|
85
|
-
* with children passed into the Body and Header
|
|
86
|
-
* If a more simple implementation is desired, please consider the AccordionGroup.
|
|
87
|
-
*/
|
|
88
|
-
|
|
89
78
|
exports.collectionTypes = collectionTypes;
|
|
90
79
|
var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
91
80
|
var _context2;
|
|
@@ -28,10 +28,14 @@ var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
|
|
|
28
28
|
|
|
29
29
|
var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
|
|
30
30
|
|
|
31
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
32
|
+
|
|
31
33
|
var _index = require("../../index");
|
|
32
34
|
|
|
33
35
|
var _AccordionGridGroup = _interopRequireDefault(require("./AccordionGridGroup"));
|
|
34
36
|
|
|
37
|
+
var _AccordionGridGroup2 = _interopRequireDefault(require("./AccordionGridGroup.mdx"));
|
|
38
|
+
|
|
35
39
|
var _react2 = require("@emotion/react");
|
|
36
40
|
|
|
37
41
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -77,10 +81,19 @@ var _default = {
|
|
|
77
81
|
argTypesRegex: '^on.*'
|
|
78
82
|
},
|
|
79
83
|
docs: {
|
|
84
|
+
page: function page() {
|
|
85
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AccordionGridGroup2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
86
|
+
},
|
|
80
87
|
source: {
|
|
81
88
|
type: 'code'
|
|
82
89
|
}
|
|
83
|
-
}
|
|
90
|
+
},
|
|
91
|
+
tabs: [{
|
|
92
|
+
label: 'Design',
|
|
93
|
+
mdx: _AccordionGridGroup2["default"]
|
|
94
|
+
}, {
|
|
95
|
+
label: 'Implementation'
|
|
96
|
+
}]
|
|
84
97
|
},
|
|
85
98
|
argTypes: {
|
|
86
99
|
id: {
|
|
@@ -2,12 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
6
6
|
|
|
7
|
-
var _Object$
|
|
7
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
8
|
+
|
|
9
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
8
10
|
|
|
9
11
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
10
12
|
|
|
13
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
14
|
+
|
|
15
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
16
|
+
|
|
17
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
|
18
|
+
|
|
19
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
20
|
+
|
|
21
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
22
|
+
|
|
11
23
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
12
24
|
|
|
13
25
|
_Object$defineProperty(exports, "__esModule", {
|
|
@@ -22,6 +34,8 @@ var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
|
|
|
22
34
|
|
|
23
35
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
24
36
|
|
|
37
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
38
|
+
|
|
25
39
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
26
40
|
|
|
27
41
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -30,6 +44,8 @@ var _accordion = require("@react-aria/accordion");
|
|
|
30
44
|
|
|
31
45
|
var _tree = require("@react-stately/tree");
|
|
32
46
|
|
|
47
|
+
var _utils = require("@react-aria/utils");
|
|
48
|
+
|
|
33
49
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
34
50
|
|
|
35
51
|
var _index = require("../../index");
|
|
@@ -42,16 +58,18 @@ var _isIterable = require("../../utils/devUtils/props/isIterable");
|
|
|
42
58
|
|
|
43
59
|
var _react2 = require("@emotion/react");
|
|
44
60
|
|
|
45
|
-
var _excluded = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"]
|
|
61
|
+
var _excluded = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"],
|
|
62
|
+
_excluded2 = ["onFocus"];
|
|
46
63
|
|
|
47
64
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
48
65
|
|
|
49
66
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
50
67
|
|
|
68
|
+
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; }
|
|
69
|
+
|
|
70
|
+
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) { (0, _defineProperty2["default"])(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; }
|
|
71
|
+
|
|
51
72
|
/**
|
|
52
|
-
* Component that allows for a child to be expanded and retracted.
|
|
53
|
-
* Built on top of [React Aria useAccordion and useAccordionItem](https://reactspectrum.blob.core.windows.net/reactspectrum/d77b35e970e5549f66b47a83f07423f5c93b7297/docs/react-aria/useAccordion.html).
|
|
54
|
-
*
|
|
55
73
|
* Console Warning: "Cannot update a component (`Unknown`)...`"
|
|
56
74
|
* when using controlledExpanded prop is expected
|
|
57
75
|
* and related to a known issue within React Stately.
|
|
@@ -65,26 +83,28 @@ var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
65
83
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
66
84
|
var state = (0, _tree.useTreeState)(props);
|
|
67
85
|
var accordionRef = (0, _react.useRef)();
|
|
86
|
+
/* `autoFocus: true` is what makes the initial focus only take one click vs two. */
|
|
68
87
|
|
|
69
|
-
var _useAccordion = (0, _accordion.useAccordion)(
|
|
88
|
+
var _useAccordion = (0, _accordion.useAccordion)(_objectSpread({
|
|
89
|
+
autoFocus: true
|
|
90
|
+
}, props), state, accordionRef),
|
|
70
91
|
accordionProps = _useAccordion.accordionProps;
|
|
71
92
|
|
|
72
93
|
delete accordionProps.onMouseDown;
|
|
94
|
+
/* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
|
|
95
|
+
|
|
96
|
+
var onFocus = accordionProps.onFocus,
|
|
97
|
+
theseProps = (0, _objectWithoutProperties2["default"])(accordionProps, _excluded2);
|
|
73
98
|
/* istanbul ignore next */
|
|
74
99
|
|
|
75
100
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
76
101
|
return accordionRef.current;
|
|
77
102
|
});
|
|
78
|
-
(0, _react.useEffect)(function () {
|
|
79
|
-
if (expandedKeys || defaultExpandedKeys) {
|
|
80
|
-
state.selectionManager.setFocused(true);
|
|
81
|
-
}
|
|
82
|
-
}, [defaultExpandedKeys, expandedKeys, state.selectionManager]);
|
|
83
103
|
return (0, _react2.jsx)(_AccordionContext.AccordionContext.Provider, {
|
|
84
104
|
value: state
|
|
85
105
|
}, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
|
|
86
106
|
ref: accordionRef
|
|
87
|
-
},
|
|
107
|
+
}, (0, _utils.mergeProps)(theseProps, others)), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
|
|
88
108
|
return (0, _react2.jsx)(_AccordionItem["default"], {
|
|
89
109
|
key: item.key,
|
|
90
110
|
item: item,
|
|
@@ -22,12 +22,18 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
22
22
|
|
|
23
23
|
var _collections = require("@react-stately/collections");
|
|
24
24
|
|
|
25
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
26
|
+
|
|
25
27
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
26
28
|
|
|
27
29
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
28
30
|
|
|
31
|
+
var _TextField = _interopRequireDefault(require("../TextField"));
|
|
32
|
+
|
|
29
33
|
var _ = _interopRequireDefault(require("."));
|
|
30
34
|
|
|
35
|
+
var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup.mdx"));
|
|
36
|
+
|
|
31
37
|
var _react2 = require("@emotion/react");
|
|
32
38
|
|
|
33
39
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -45,7 +51,7 @@ var itemArray = [{
|
|
|
45
51
|
}, {
|
|
46
52
|
key: 't3',
|
|
47
53
|
label: 'Third Accordion',
|
|
48
|
-
children:
|
|
54
|
+
children: (0, _react2.jsx)(_TextField["default"], null)
|
|
49
55
|
}];
|
|
50
56
|
var itemArrayDisabled = [{
|
|
51
57
|
key: 't1',
|
|
@@ -68,6 +74,9 @@ var _default = {
|
|
|
68
74
|
argTypesRegex: '^on.*'
|
|
69
75
|
},
|
|
70
76
|
docs: {
|
|
77
|
+
page: function page() {
|
|
78
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AccordionGroup["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
79
|
+
},
|
|
71
80
|
source: {
|
|
72
81
|
type: 'code'
|
|
73
82
|
}
|
|
@@ -132,7 +141,7 @@ var Multiple = function Multiple() {
|
|
|
132
141
|
exports.Multiple = Multiple;
|
|
133
142
|
|
|
134
143
|
var ControlledExpanded = function ControlledExpanded() {
|
|
135
|
-
var _useState = (0, _react.useState)(['
|
|
144
|
+
var _useState = (0, _react.useState)(['t3']),
|
|
136
145
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
137
146
|
expandedKeys = _useState2[0],
|
|
138
147
|
setExpandedKeys = _useState2[1];
|
|
@@ -28,6 +28,16 @@ var testId = 'test-accordion';
|
|
|
28
28
|
var defaultProps = {
|
|
29
29
|
'data-testid': testId
|
|
30
30
|
};
|
|
31
|
+
var items = [{
|
|
32
|
+
key: 'identityProvider',
|
|
33
|
+
label: 'some label1',
|
|
34
|
+
text: 'empty'
|
|
35
|
+
}, {
|
|
36
|
+
key: 'identityProvider1',
|
|
37
|
+
label: 'some label2',
|
|
38
|
+
text: 'empty'
|
|
39
|
+
}];
|
|
40
|
+
var selectedAccordionKeys = ['identityProvider', 'identityProvider1'];
|
|
31
41
|
|
|
32
42
|
var getComponent = function getComponent() {
|
|
33
43
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -87,6 +97,73 @@ var getComponentWithInput = function getComponentWithInput() {
|
|
|
87
97
|
}, (0, _react2.jsx)("input", {
|
|
88
98
|
"data-testid": "testInput"
|
|
89
99
|
}))));
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
var getComponentWithPopover = function getComponentWithPopover() {
|
|
103
|
+
return (0, _testWrapper.render)((0, _react2.jsx)(_index.Box, {
|
|
104
|
+
isRow: true,
|
|
105
|
+
alignItems: "center",
|
|
106
|
+
justifyContent: "space-between",
|
|
107
|
+
width: "50%"
|
|
108
|
+
}, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.Button, {
|
|
109
|
+
"data-testid": "popoverbutton"
|
|
110
|
+
}, "Click me"), (0, _react2.jsx)(_index.Menu, {
|
|
111
|
+
onAction: function onAction() {}
|
|
112
|
+
}, (0, _react2.jsx)(_collections.Item, {
|
|
113
|
+
key: "edit"
|
|
114
|
+
}, "Edit"), (0, _react2.jsx)(_collections.Item, {
|
|
115
|
+
key: "duplicate"
|
|
116
|
+
}, "Duplicate"), (0, _react2.jsx)(_collections.Item, {
|
|
117
|
+
key: "delete",
|
|
118
|
+
textValue: "delete"
|
|
119
|
+
}, (0, _react2.jsx)(_Text["default"], {
|
|
120
|
+
color: "critical.bright"
|
|
121
|
+
}, "Delete")))), (0, _react2.jsx)(_AccordionGroup["default"], {
|
|
122
|
+
items: items,
|
|
123
|
+
defaultExpandedKeys: selectedAccordionKeys
|
|
124
|
+
}, function (item) {
|
|
125
|
+
return (0, _react2.jsx)(_collections.Item, {
|
|
126
|
+
key: item.key,
|
|
127
|
+
textValue: item.label,
|
|
128
|
+
label: item.label
|
|
129
|
+
}, item.text);
|
|
130
|
+
})));
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordion() {
|
|
134
|
+
return (0, _testWrapper.render)((0, _react2.jsx)(_index.Box, {
|
|
135
|
+
alignItems: "center",
|
|
136
|
+
justifyContent: "space-between",
|
|
137
|
+
width: "50%"
|
|
138
|
+
}, (0, _react2.jsx)(_AccordionGroup["default"], {
|
|
139
|
+
defaultExpandedKeys: ['customConfiguration']
|
|
140
|
+
}, (0, _react2.jsx)(_collections.Item, {
|
|
141
|
+
key: "customConfiguration",
|
|
142
|
+
label: "connection.configuration",
|
|
143
|
+
regionProps: {
|
|
144
|
+
pt: 'sm'
|
|
145
|
+
},
|
|
146
|
+
containerProps: {
|
|
147
|
+
mb: 0
|
|
148
|
+
},
|
|
149
|
+
textValue: "connection.configuration"
|
|
150
|
+
}, (0, _react2.jsx)("form", {
|
|
151
|
+
"data-id": "connection-configuration-custom-form"
|
|
152
|
+
}, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_Text["default"], null, "other text"), (0, _react2.jsx)(_Text["default"], null, "another text"))))), (0, _react2.jsx)(_AccordionGroup["default"], {
|
|
153
|
+
defaultExpandedKeys: ['customConfiguration1']
|
|
154
|
+
}, (0, _react2.jsx)(_collections.Item, {
|
|
155
|
+
key: "customConfiguration",
|
|
156
|
+
label: "connection.configuration1",
|
|
157
|
+
regionProps: {
|
|
158
|
+
pt: 'sm'
|
|
159
|
+
},
|
|
160
|
+
containerProps: {
|
|
161
|
+
mb: 0
|
|
162
|
+
},
|
|
163
|
+
textValue: "connection.configuration1"
|
|
164
|
+
}, (0, _react2.jsx)("form", {
|
|
165
|
+
"data-id": "connection-configuration-custom-form"
|
|
166
|
+
}, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_Text["default"], null, "other text1"), (0, _react2.jsx)(_Text["default"], null, "another text1")))))));
|
|
90
167
|
}; // Need to be added to each test file to test accessibility using axe.
|
|
91
168
|
|
|
92
169
|
|
|
@@ -329,4 +406,50 @@ test('items do not automatically expand if wrapped in an open OverlayPanel', fun
|
|
|
329
406
|
|
|
330
407
|
var selectedItem = buttons[0];
|
|
331
408
|
expect(selectedItem).not.toHaveAttribute('aria-expanded', 'true');
|
|
409
|
+
});
|
|
410
|
+
test('accordion is compatible with another component that uses an overlay', function () {
|
|
411
|
+
getComponentWithPopover();
|
|
412
|
+
|
|
413
|
+
var buttons = _testWrapper.screen.getAllByRole('button');
|
|
414
|
+
|
|
415
|
+
var popoverButton = _testWrapper.screen.getByTestId('popoverbutton');
|
|
416
|
+
|
|
417
|
+
_userEvent["default"].click(popoverButton);
|
|
418
|
+
|
|
419
|
+
var selectedItem = buttons[0];
|
|
420
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
|
421
|
+
|
|
422
|
+
_userEvent["default"].click(selectedItem);
|
|
423
|
+
|
|
424
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'false');
|
|
425
|
+
|
|
426
|
+
_userEvent["default"].click(selectedItem);
|
|
427
|
+
|
|
428
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
|
429
|
+
});
|
|
430
|
+
test('accordion works if there are multiple, controlled on the same implementation', function () {
|
|
431
|
+
getComponentWithMultipleAccordion();
|
|
432
|
+
|
|
433
|
+
var buttons = _testWrapper.screen.getAllByRole('button');
|
|
434
|
+
|
|
435
|
+
var selectedItem = buttons[0];
|
|
436
|
+
var secondSelectedItem = buttons[1];
|
|
437
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
|
438
|
+
|
|
439
|
+
_userEvent["default"].click(selectedItem);
|
|
440
|
+
|
|
441
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'false');
|
|
442
|
+
|
|
443
|
+
_userEvent["default"].click(selectedItem);
|
|
444
|
+
|
|
445
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
|
446
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'false');
|
|
447
|
+
|
|
448
|
+
_userEvent["default"].click(secondSelectedItem);
|
|
449
|
+
|
|
450
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'true');
|
|
451
|
+
|
|
452
|
+
_userEvent["default"].click(secondSelectedItem);
|
|
453
|
+
|
|
454
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'false');
|
|
332
455
|
});
|
|
@@ -56,14 +56,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
56
56
|
|
|
57
57
|
var GlobalStyles = function GlobalStyles() {
|
|
58
58
|
return (0, _react2.jsx)(_react2.Global, {
|
|
59
|
-
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{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;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
59
|
+
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{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;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
62
|
/**
|
|
63
|
-
* The main wrapper for the Astro application.
|
|
64
|
-
* The AstroWrapper provides a standard background,
|
|
65
|
-
* some global styles, and the Astro theme by default.
|
|
66
|
-
*
|
|
67
63
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
|
68
64
|
* `@pingux/astro/lib/styles/themeOverrides/uiLibraryOverride.js`
|
|
69
65
|
*/
|
|
@@ -118,7 +114,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
118
114
|
} : {
|
|
119
115
|
name: "1385fa1-PageWrapper",
|
|
120
116
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
|
121
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
117
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */",
|
|
122
118
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
123
119
|
};
|
|
124
120
|
|
|
@@ -138,7 +134,7 @@ var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
138
134
|
}, others), (0, _react2.jsx)(_react2.Global, {
|
|
139
135
|
styles: _ref
|
|
140
136
|
}), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
|
|
141
|
-
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{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,
|
|
137
|
+
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEdLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
|
|
142
138
|
}, props), children));
|
|
143
139
|
});
|
|
144
140
|
exports.PageWrapper = PageWrapper;
|
|
@@ -12,13 +12,24 @@ exports["default"] = exports.WithCustomThemeOverride = exports.Default = void 0;
|
|
|
12
12
|
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
|
|
15
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
16
|
+
|
|
15
17
|
var _index = require("../../index");
|
|
16
18
|
|
|
19
|
+
var _AstroWrapper = _interopRequireDefault(require("./AstroWrapper.mdx"));
|
|
20
|
+
|
|
17
21
|
var _react2 = require("@emotion/react");
|
|
18
22
|
|
|
19
23
|
var _default = {
|
|
20
24
|
title: 'Components/AstroWrapper',
|
|
21
25
|
component: _index.AstroWrapper,
|
|
26
|
+
parameters: {
|
|
27
|
+
docs: {
|
|
28
|
+
page: function page() {
|
|
29
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AstroWrapper["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
22
33
|
decorators: [function (Story) {
|
|
23
34
|
return (0, _react2.jsx)("div", null, (0, _react2.jsx)(Story, null));
|
|
24
35
|
}]
|
|
@@ -30,10 +30,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
|
|
|
30
30
|
|
|
31
31
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
32
|
|
|
33
|
-
/**
|
|
34
|
-
* Basic avatar component.
|
|
35
|
-
* Built on top of [Avatar from Theme-UI](https://theme-ui.com/components/avatar/).
|
|
36
|
-
*/
|
|
37
33
|
var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
38
34
|
return (0, _react2.jsx)(_themeUi.Avatar, (0, _extends2["default"])({
|
|
39
35
|
ref: ref
|
|
@@ -16,13 +16,27 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
|
|
17
17
|
var _ = _interopRequireDefault(require("."));
|
|
18
18
|
|
|
19
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
20
|
+
|
|
19
21
|
var _images = require("../../utils/devUtils/constants/images");
|
|
20
22
|
|
|
23
|
+
var _Avatar = _interopRequireDefault(require("./Avatar.mdx"));
|
|
24
|
+
|
|
21
25
|
var _react2 = require("@emotion/react");
|
|
22
26
|
|
|
23
27
|
var _default = {
|
|
24
28
|
title: 'Components/Avatar',
|
|
25
29
|
component: _["default"],
|
|
30
|
+
parameters: {
|
|
31
|
+
docs: {
|
|
32
|
+
page: function page() {
|
|
33
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Avatar["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
34
|
+
},
|
|
35
|
+
source: {
|
|
36
|
+
type: 'code'
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
},
|
|
26
40
|
argTypes: {
|
|
27
41
|
src: {
|
|
28
42
|
control: {
|
|
@@ -69,14 +69,7 @@ var ExtendedBox = ( /*#__PURE__*/0, _base["default"])(_themeUi.Box, process.env.
|
|
|
69
69
|
} : {
|
|
70
70
|
target: "e146bxl90",
|
|
71
71
|
label: "ExtendedBox"
|
|
72
|
-
})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
73
|
-
/**
|
|
74
|
-
* Basic flexbox-based layout component for creating rows and columns,
|
|
75
|
-
* while controlling sizes and spacing.
|
|
76
|
-
* Accepts most of the styling props from [styled-system](https://styled-system.com/table).
|
|
77
|
-
* Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/).
|
|
78
|
-
*/
|
|
79
|
-
|
|
72
|
+
})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgcHJvcFR5cGUgYXMgc3R5bGVQcm9wVHlwZSB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdXNlU3RhdHVzQ2xhc3NlcywgdXNlUHJvcFdhcm5pbmcgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5cbmNvbnN0IEV4dGVuZGVkQm94ID0gc3R5bGVkKFRoZW1lVUlCb3gpKGxheW91dCwgZmxleGJveCwgdHlwb2dyYXBoeSk7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGZsZXhEaXJlY3Rpb24sIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBnYXAsXG4gICAgaXNSb3csXG4gICAgaXNEaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuICBjb25zdCBmZCA9IGZsZXhEaXJlY3Rpb24gfHwgaXNSb3cgPyAncm93JyA6ICdjb2x1bW4nO1xuICBjb25zdCBjdXN0b20gPSB7IC4uLnN4IH07XG5cbiAgY29uc3QgeyBjbGFzc05hbWVzIH0gPSB1c2VTdGF0dXNDbGFzc2VzKGNsYXNzTmFtZSwgeyBpc0Rpc2FibGVkIH0pO1xuICB1c2VQcm9wV2FybmluZyhwcm9wcywgJ2Rpc2FibGVkJywgJ2lzRGlzYWJsZWQnKTtcblxuICBpZiAoZ2FwKSB7XG4gICAgY3VzdG9tWycmID4gKiArICo6bm90KDpmaXJzdC1jaGlsZCkgLyogZW1vdGlvbi1kaXNhYmxlLXNlcnZlci1yZW5kZXJpbmctdW5zYWZlLXNlbGVjdG9yLXdhcm5pbmctcGxlYXNlLWRvLW5vdC11c2UtdGhpcy10aGUtd2FybmluZy1leGlzdHMtZm9yLWEtcmVhc29uICovJ10gPSB7XG4gICAgICBbZmQgPT09ICdyb3cnID8gJ21hcmdpbkxlZnQnIDogJ21hcmdpblRvcCddOiBnYXAsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbUZvbnRTaXplID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbnVtZXJpY2FsRm9udFNpemUgPSB0b051bWJlcihmb250U2l6ZSk7XG4gICAgaWYgKE51bWJlci5pc05hTihudW1lcmljYWxGb250U2l6ZSkpIHtcbiAgICAgIHJldHVybiBmb250U2l6ZTtcbiAgICB9XG4gICAgcmV0dXJuIG51bWVyaWNhbEZvbnRTaXplO1xuICB9LCBbZm9udFNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXtmZH1cbiAgICAgIHZhcmlhbnQ9XCJib3hlcy5iYXNlXCJcbiAgICAgIGZvbnRTaXplPXtjdXN0b21Gb250U2l6ZX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgICBzeD17Y3VzdG9tfVxuICAgIC8+XG4gICk7XG59KTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgLyoqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBib3guICovXG4gIGJnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogV2hldGhlciB0aGUgYm94IGlzIGRpc2FibGVkLiAqL1xuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYm9vbCwgUHJvcFR5cGVzLm9iamVjdF0pLFxuICAvKiogVGhlIGJhc2UgSFRNTCB0YWcgbmFtZSBvciBSZWFjdCBjb21wb25lbnQgdHlwZSB0byByZW5kZXIgKi9cbiAgYXM6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5lbGVtZW50VHlwZV0pLFxuICAvKiogV2hlbiB0cnVlLCBkaXNwbGF5IGFzIGEgcm93IHJhdGhlciB0aGFuIGEgY29sdW1uLiAqL1xuICBpc1JvdzogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBHYXAgYmV0d2VlbiBpdGVtcywgd2hldGhlciBpbiBhIHJvdyBvciBjb2x1bW4uICovXG4gIGdhcDogc3R5bGVQcm9wVHlwZSxcbiAgZm9udFNpemU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbn07XG5cbkJveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnZGl2JyxcbiAgaXNSb3c6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuXG5leHBvcnQgZGVmYXVsdCBCb3g7XG4iXX0= */");
|
|
80
73
|
var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
81
74
|
var flexDirection = props.flexDirection,
|
|
82
75
|
gap = props.gap,
|
|
@@ -22,17 +22,31 @@ var _ = _interopRequireDefault(require("."));
|
|
|
22
22
|
|
|
23
23
|
var _index = require("../../index");
|
|
24
24
|
|
|
25
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
26
|
+
|
|
25
27
|
var _images = require("../../utils/devUtils/constants/images");
|
|
26
28
|
|
|
27
29
|
var _colors = require("../../styles/colors.js");
|
|
28
30
|
|
|
29
31
|
var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
|
|
30
32
|
|
|
33
|
+
var _Box = _interopRequireDefault(require("./Box.mdx"));
|
|
34
|
+
|
|
31
35
|
var _react2 = require("@emotion/react");
|
|
32
36
|
|
|
33
37
|
var _default = {
|
|
34
38
|
title: 'Components/Box',
|
|
35
39
|
component: _["default"],
|
|
40
|
+
parameters: {
|
|
41
|
+
docs: {
|
|
42
|
+
page: function page() {
|
|
43
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Box["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
44
|
+
},
|
|
45
|
+
source: {
|
|
46
|
+
type: 'code'
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
36
50
|
argTypes: {
|
|
37
51
|
bg: {
|
|
38
52
|
control: {
|
|
@@ -16,11 +16,25 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
|
|
17
17
|
var _index = require("../../index");
|
|
18
18
|
|
|
19
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
20
|
+
|
|
21
|
+
var _Bracket = _interopRequireDefault(require("./Bracket.mdx"));
|
|
22
|
+
|
|
19
23
|
var _react2 = require("@emotion/react");
|
|
20
24
|
|
|
21
25
|
var _default = {
|
|
22
26
|
title: 'Components/Bracket',
|
|
23
|
-
component: _index.Bracket
|
|
27
|
+
component: _index.Bracket,
|
|
28
|
+
parameters: {
|
|
29
|
+
docs: {
|
|
30
|
+
source: {
|
|
31
|
+
type: 'code'
|
|
32
|
+
},
|
|
33
|
+
page: function page() {
|
|
34
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Bracket["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
24
38
|
};
|
|
25
39
|
exports["default"] = _default;
|
|
26
40
|
|
|
@@ -48,12 +48,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
|
|
|
48
48
|
|
|
49
49
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
50
50
|
|
|
51
|
-
/**
|
|
52
|
-
* Breadcrumbs component wrapping an array of `BreadcrumbItem` elements and icon,
|
|
53
|
-
* which will be rendered between each node, sans last-child
|
|
54
|
-
*
|
|
55
|
-
* Utilizes [useBreadcrumbs](https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html) from React-Aria.
|
|
56
|
-
* */
|
|
57
51
|
var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
58
52
|
var children = props.children,
|
|
59
53
|
icon = props.icon,
|