@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
@@ -22,6 +22,10 @@ var _ChevronRightIcon = _interopRequireDefault(require("mdi-react/ChevronRightIc
|
|
22
22
|
|
23
23
|
var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
|
24
24
|
|
25
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
26
|
+
|
27
|
+
var _Breadcrumbs2 = _interopRequireDefault(require("./Breadcrumbs.mdx"));
|
28
|
+
|
25
29
|
var _react2 = require("@emotion/react");
|
26
30
|
|
27
31
|
var _default = {
|
@@ -31,6 +35,9 @@ var _default = {
|
|
31
35
|
docs: {
|
32
36
|
source: {
|
33
37
|
type: 'code'
|
38
|
+
},
|
39
|
+
page: function page() {
|
40
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Breadcrumbs2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
34
41
|
}
|
35
42
|
}
|
36
43
|
},
|
@@ -64,11 +64,6 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
64
64
|
|
65
65
|
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; }
|
66
66
|
|
67
|
-
/**
|
68
|
-
* Buttons are used to trigger actions or events.
|
69
|
-
* This component is based on the [Button - Theme-UI](https://theme-ui.com/components/button/)
|
70
|
-
* and includes a variety of styles, such as primary action, secondary action, or warning.
|
71
|
-
*/
|
72
67
|
var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
73
68
|
var className = props.className,
|
74
69
|
isDisabled = props.isDisabled,
|
@@ -24,8 +24,12 @@ var _FilterIcon = _interopRequireDefault(require("mdi-react/FilterIcon"));
|
|
24
24
|
|
25
25
|
var _variants = require("../../utils/devUtils/constants/variants");
|
26
26
|
|
27
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
28
|
+
|
27
29
|
var _index = require("../../index");
|
28
30
|
|
31
|
+
var _Button = _interopRequireDefault(require("./Button.mdx"));
|
32
|
+
|
29
33
|
var _react2 = require("@emotion/react");
|
30
34
|
|
31
35
|
var _excluded = ["isConfigured"];
|
@@ -64,6 +68,9 @@ var _default = {
|
|
64
68
|
docs: {
|
65
69
|
source: {
|
66
70
|
type: 'code'
|
71
|
+
},
|
72
|
+
page: function page() {
|
73
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Button["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
67
74
|
}
|
68
75
|
}
|
69
76
|
}
|
@@ -55,12 +55,7 @@ var defaultIconProps = {
|
|
55
55
|
size: 'md'
|
56
56
|
};
|
57
57
|
/**
|
58
|
-
|
59
|
-
that should be placed at the top of panels or above related content. If the Callouts
|
60
|
-
status is error or warning, the text should include a direct link to instructions on resolving the
|
61
|
-
issue or error.
|
62
|
-
*
|
63
|
-
*Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
|
58
|
+
Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
|
64
59
|
component is recommended if you need to interrupt and notify users of successful/failed actions
|
65
60
|
or give warnings of unexpected events.
|
66
61
|
*/
|
@@ -18,6 +18,10 @@ var _ = require("../..");
|
|
18
18
|
|
19
19
|
var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
|
20
20
|
|
21
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
22
|
+
|
23
|
+
var _Callout = _interopRequireDefault(require("./Callout.mdx"));
|
24
|
+
|
21
25
|
var _react2 = require("@emotion/react");
|
22
26
|
|
23
27
|
var _default = {
|
@@ -30,6 +34,16 @@ var _default = {
|
|
30
34
|
options: (0, _values["default"])(_statuses["default"])
|
31
35
|
}
|
32
36
|
}
|
37
|
+
},
|
38
|
+
parameters: {
|
39
|
+
docs: {
|
40
|
+
source: {
|
41
|
+
type: 'code'
|
42
|
+
},
|
43
|
+
page: function page() {
|
44
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Callout["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
45
|
+
}
|
46
|
+
}
|
33
47
|
}
|
34
48
|
}; // main
|
35
49
|
|
@@ -41,7 +55,7 @@ var Default = function Default(args) {
|
|
41
55
|
target: "_blank",
|
42
56
|
"aria-label": "".concat(_statuses["default"].DEFAULT, "-callout"),
|
43
57
|
variant: "app"
|
44
|
-
}, "
|
58
|
+
}, ' ', "Read More")));
|
45
59
|
};
|
46
60
|
|
47
61
|
exports.Default = Default;
|
@@ -54,7 +68,7 @@ var ErrorStatus = function ErrorStatus() {
|
|
54
68
|
target: "_blank",
|
55
69
|
"aria-label": "".concat(_statuses["default"].ERROR, "-callout"),
|
56
70
|
variant: "app"
|
57
|
-
}, "
|
71
|
+
}, ' ', "Read More")));
|
58
72
|
}; // Avoiding using Error as the function name due to it being a JS built-in method
|
59
73
|
|
60
74
|
|
@@ -69,7 +83,7 @@ var Success = function Success() {
|
|
69
83
|
target: "_blank",
|
70
84
|
"aria-label": "".concat(_statuses["default"].SUCCESS, "-callout"),
|
71
85
|
variant: "app"
|
72
|
-
}, "
|
86
|
+
}, ' ', "Read More")));
|
73
87
|
};
|
74
88
|
|
75
89
|
exports.Success = Success;
|
@@ -82,7 +96,7 @@ var Warning = function Warning() {
|
|
82
96
|
target: "_blank",
|
83
97
|
"aria-label": "".concat(_statuses["default"].WARNING, "-callout"),
|
84
98
|
variant: "app"
|
85
|
-
}, "
|
99
|
+
}, ' ', "Read More")));
|
86
100
|
};
|
87
101
|
|
88
102
|
exports.Warning = Warning;
|
@@ -33,17 +33,6 @@ export var collectionTypes = {
|
|
33
33
|
LOADER: 'loader',
|
34
34
|
PLACEHOLDER: 'placeholder'
|
35
35
|
};
|
36
|
-
/**
|
37
|
-
* Component that allows for a child to be expanded and retracted,
|
38
|
-
* and allows for children to be passed into a header and body for each item.
|
39
|
-
*
|
40
|
-
* A `AccordionGridItem` is a composed component and must be comprised of two children: 1) a Header,
|
41
|
-
* which will be control expansion of the body, and 2) a Body which renders non-interactive content.
|
42
|
-
* The purpose of this component is to allow keyboard interaction
|
43
|
-
* with children passed into the Body and Header
|
44
|
-
* If a more simple implementation is desired, please consider the AccordionGroup.
|
45
|
-
*/
|
46
|
-
|
47
36
|
var AccordionGridGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
48
37
|
var _context2;
|
49
38
|
|
@@ -4,8 +4,10 @@ import React, { useState } from 'react';
|
|
4
4
|
import { Item } from '@react-stately/collections';
|
5
5
|
import CreateIcon from 'mdi-react/CreateIcon';
|
6
6
|
import MoreVertIcon from 'mdi-react/MoreVertIcon';
|
7
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
7
8
|
import { Box, IconButton, Icon, Text, Separator, Link, TextField } from '../../index';
|
8
9
|
import AccordionGridGroup from './AccordionGridGroup';
|
10
|
+
import AccordionGridReadme from './AccordionGridGroup.mdx';
|
9
11
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
10
12
|
var data = [{
|
11
13
|
name: 'Client Application Developer',
|
@@ -46,10 +48,19 @@ export default {
|
|
46
48
|
argTypesRegex: '^on.*'
|
47
49
|
},
|
48
50
|
docs: {
|
51
|
+
page: function page() {
|
52
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(AccordionGridReadme, null), ___EmotionJSX(DocsLayout, null));
|
53
|
+
},
|
49
54
|
source: {
|
50
55
|
type: 'code'
|
51
56
|
}
|
52
|
-
}
|
57
|
+
},
|
58
|
+
tabs: [{
|
59
|
+
label: 'Design',
|
60
|
+
mdx: AccordionGridReadme
|
61
|
+
}, {
|
62
|
+
label: 'Implementation'
|
63
|
+
}]
|
53
64
|
},
|
54
65
|
argTypes: {
|
55
66
|
id: {
|
@@ -1,20 +1,33 @@
|
|
1
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
2
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
3
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
4
|
+
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
5
|
+
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
6
|
+
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
7
|
+
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
8
|
+
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
1
9
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
2
11
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
|
-
var _excluded = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"]
|
12
|
+
var _excluded = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"],
|
13
|
+
_excluded2 = ["onFocus"];
|
4
14
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
5
15
|
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
6
|
-
|
16
|
+
|
17
|
+
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; }
|
18
|
+
|
19
|
+
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; }
|
20
|
+
|
21
|
+
import React, { forwardRef, useRef, useImperativeHandle } from 'react';
|
7
22
|
import { useAccordion } from '@react-aria/accordion';
|
8
23
|
import { useTreeState } from '@react-stately/tree';
|
24
|
+
import { mergeProps } from '@react-aria/utils';
|
9
25
|
import PropTypes from 'prop-types';
|
10
26
|
import { Box } from '../../index';
|
11
27
|
import AccordionItem from '../AccordionItem';
|
12
28
|
import { AccordionContext } from '../../context/AccordionContext';
|
13
29
|
import { isIterableProp } from '../../utils/devUtils/props/isIterable';
|
14
30
|
/**
|
15
|
-
* Component that allows for a child to be expanded and retracted.
|
16
|
-
* Built on top of [React Aria useAccordion and useAccordionItem](https://reactspectrum.blob.core.windows.net/reactspectrum/d77b35e970e5549f66b47a83f07423f5c93b7297/docs/react-aria/useAccordion.html).
|
17
|
-
*
|
18
31
|
* Console Warning: "Cannot update a component (`Unknown`)...`"
|
19
32
|
* when using controlledExpanded prop is expected
|
20
33
|
* and related to a known issue within React Stately.
|
@@ -31,26 +44,29 @@ var AccordionGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
31
44
|
|
32
45
|
var state = useTreeState(props);
|
33
46
|
var accordionRef = useRef();
|
47
|
+
/* `autoFocus: true` is what makes the initial focus only take one click vs two. */
|
34
48
|
|
35
|
-
var _useAccordion = useAccordion(
|
49
|
+
var _useAccordion = useAccordion(_objectSpread({
|
50
|
+
autoFocus: true
|
51
|
+
}, props), state, accordionRef),
|
36
52
|
accordionProps = _useAccordion.accordionProps;
|
37
53
|
|
38
54
|
delete accordionProps.onMouseDown;
|
55
|
+
/* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
|
56
|
+
|
57
|
+
var onFocus = accordionProps.onFocus,
|
58
|
+
theseProps = _objectWithoutProperties(accordionProps, _excluded2);
|
39
59
|
/* istanbul ignore next */
|
40
60
|
|
61
|
+
|
41
62
|
useImperativeHandle(ref, function () {
|
42
63
|
return accordionRef.current;
|
43
64
|
});
|
44
|
-
useEffect(function () {
|
45
|
-
if (expandedKeys || defaultExpandedKeys) {
|
46
|
-
state.selectionManager.setFocused(true);
|
47
|
-
}
|
48
|
-
}, [defaultExpandedKeys, expandedKeys, state.selectionManager]);
|
49
65
|
return ___EmotionJSX(AccordionContext.Provider, {
|
50
66
|
value: state
|
51
67
|
}, ___EmotionJSX(Box, _extends({
|
52
68
|
ref: accordionRef
|
53
|
-
},
|
69
|
+
}, mergeProps(theseProps, others)), _mapInstanceProperty(_context = _Array$from(state.collection)).call(_context, function (item) {
|
54
70
|
return ___EmotionJSX(AccordionItem, {
|
55
71
|
key: item.key,
|
56
72
|
item: item,
|
@@ -1,9 +1,12 @@
|
|
1
1
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
2
2
|
import React, { useState } from 'react';
|
3
3
|
import { Item } from '@react-stately/collections';
|
4
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
4
5
|
import Text from '../Text';
|
5
6
|
import Button from '../Button';
|
7
|
+
import TextField from '../TextField';
|
6
8
|
import AccordionGroup from '.';
|
9
|
+
import AccordionReadme from './AccordionGroup.mdx';
|
7
10
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
11
|
var itemArray = [{
|
9
12
|
key: 't1',
|
@@ -16,7 +19,7 @@ var itemArray = [{
|
|
16
19
|
}, {
|
17
20
|
key: 't3',
|
18
21
|
label: 'Third Accordion',
|
19
|
-
children:
|
22
|
+
children: ___EmotionJSX(TextField, null)
|
20
23
|
}];
|
21
24
|
var itemArrayDisabled = [{
|
22
25
|
key: 't1',
|
@@ -39,6 +42,9 @@ export default {
|
|
39
42
|
argTypesRegex: '^on.*'
|
40
43
|
},
|
41
44
|
docs: {
|
45
|
+
page: function page() {
|
46
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(AccordionReadme, null), ___EmotionJSX(DocsLayout, null));
|
47
|
+
},
|
42
48
|
source: {
|
43
49
|
type: 'code'
|
44
50
|
}
|
@@ -95,7 +101,7 @@ export var Multiple = function Multiple() {
|
|
95
101
|
);
|
96
102
|
};
|
97
103
|
export var ControlledExpanded = function ControlledExpanded() {
|
98
|
-
var _useState = useState(['
|
104
|
+
var _useState = useState(['t3']),
|
99
105
|
_useState2 = _slicedToArray(_useState, 2),
|
100
106
|
expandedKeys = _useState2[0],
|
101
107
|
setExpandedKeys = _useState2[1];
|
@@ -7,12 +7,22 @@ import axeTest from '../../utils/testUtils/testAxe';
|
|
7
7
|
import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
8
8
|
import Text from '../Text';
|
9
9
|
import AccordionGroup from '../AccordionGroup';
|
10
|
-
import { OverlayPanel, TextField } from '../../index';
|
10
|
+
import { OverlayPanel, TextField, Box, Menu, Button, PopoverMenu } from '../../index';
|
11
11
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
12
12
|
var testId = 'test-accordion';
|
13
13
|
var defaultProps = {
|
14
14
|
'data-testid': testId
|
15
15
|
};
|
16
|
+
var items = [{
|
17
|
+
key: 'identityProvider',
|
18
|
+
label: 'some label1',
|
19
|
+
text: 'empty'
|
20
|
+
}, {
|
21
|
+
key: 'identityProvider1',
|
22
|
+
label: 'some label2',
|
23
|
+
text: 'empty'
|
24
|
+
}];
|
25
|
+
var selectedAccordionKeys = ['identityProvider', 'identityProvider1'];
|
16
26
|
|
17
27
|
var getComponent = function getComponent() {
|
18
28
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
@@ -72,6 +82,73 @@ var getComponentWithInput = function getComponentWithInput() {
|
|
72
82
|
}, ___EmotionJSX("input", {
|
73
83
|
"data-testid": "testInput"
|
74
84
|
}))));
|
85
|
+
};
|
86
|
+
|
87
|
+
var getComponentWithPopover = function getComponentWithPopover() {
|
88
|
+
return render(___EmotionJSX(Box, {
|
89
|
+
isRow: true,
|
90
|
+
alignItems: "center",
|
91
|
+
justifyContent: "space-between",
|
92
|
+
width: "50%"
|
93
|
+
}, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, {
|
94
|
+
"data-testid": "popoverbutton"
|
95
|
+
}, "Click me"), ___EmotionJSX(Menu, {
|
96
|
+
onAction: function onAction() {}
|
97
|
+
}, ___EmotionJSX(Item, {
|
98
|
+
key: "edit"
|
99
|
+
}, "Edit"), ___EmotionJSX(Item, {
|
100
|
+
key: "duplicate"
|
101
|
+
}, "Duplicate"), ___EmotionJSX(Item, {
|
102
|
+
key: "delete",
|
103
|
+
textValue: "delete"
|
104
|
+
}, ___EmotionJSX(Text, {
|
105
|
+
color: "critical.bright"
|
106
|
+
}, "Delete")))), ___EmotionJSX(AccordionGroup, {
|
107
|
+
items: items,
|
108
|
+
defaultExpandedKeys: selectedAccordionKeys
|
109
|
+
}, function (item) {
|
110
|
+
return ___EmotionJSX(Item, {
|
111
|
+
key: item.key,
|
112
|
+
textValue: item.label,
|
113
|
+
label: item.label
|
114
|
+
}, item.text);
|
115
|
+
})));
|
116
|
+
};
|
117
|
+
|
118
|
+
var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordion() {
|
119
|
+
return render(___EmotionJSX(Box, {
|
120
|
+
alignItems: "center",
|
121
|
+
justifyContent: "space-between",
|
122
|
+
width: "50%"
|
123
|
+
}, ___EmotionJSX(AccordionGroup, {
|
124
|
+
defaultExpandedKeys: ['customConfiguration']
|
125
|
+
}, ___EmotionJSX(Item, {
|
126
|
+
key: "customConfiguration",
|
127
|
+
label: "connection.configuration",
|
128
|
+
regionProps: {
|
129
|
+
pt: 'sm'
|
130
|
+
},
|
131
|
+
containerProps: {
|
132
|
+
mb: 0
|
133
|
+
},
|
134
|
+
textValue: "connection.configuration"
|
135
|
+
}, ___EmotionJSX("form", {
|
136
|
+
"data-id": "connection-configuration-custom-form"
|
137
|
+
}, ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "other text"), ___EmotionJSX(Text, null, "another text"))))), ___EmotionJSX(AccordionGroup, {
|
138
|
+
defaultExpandedKeys: ['customConfiguration1']
|
139
|
+
}, ___EmotionJSX(Item, {
|
140
|
+
key: "customConfiguration",
|
141
|
+
label: "connection.configuration1",
|
142
|
+
regionProps: {
|
143
|
+
pt: 'sm'
|
144
|
+
},
|
145
|
+
containerProps: {
|
146
|
+
mb: 0
|
147
|
+
},
|
148
|
+
textValue: "connection.configuration1"
|
149
|
+
}, ___EmotionJSX("form", {
|
150
|
+
"data-id": "connection-configuration-custom-form"
|
151
|
+
}, ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "other text1"), ___EmotionJSX(Text, null, "another text1")))))));
|
75
152
|
}; // Need to be added to each test file to test accessibility using axe.
|
76
153
|
|
77
154
|
|
@@ -253,4 +330,32 @@ test('items do not automatically expand if wrapped in an open OverlayPanel', fun
|
|
253
330
|
var buttons = screen.getAllByRole('button');
|
254
331
|
var selectedItem = buttons[0];
|
255
332
|
expect(selectedItem).not.toHaveAttribute('aria-expanded', 'true');
|
333
|
+
});
|
334
|
+
test('accordion is compatible with another component that uses an overlay', function () {
|
335
|
+
getComponentWithPopover();
|
336
|
+
var buttons = screen.getAllByRole('button');
|
337
|
+
var popoverButton = screen.getByTestId('popoverbutton');
|
338
|
+
userEvent.click(popoverButton);
|
339
|
+
var selectedItem = buttons[0];
|
340
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
341
|
+
userEvent.click(selectedItem);
|
342
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'false');
|
343
|
+
userEvent.click(selectedItem);
|
344
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
345
|
+
});
|
346
|
+
test('accordion works if there are multiple, controlled on the same implementation', function () {
|
347
|
+
getComponentWithMultipleAccordion();
|
348
|
+
var buttons = screen.getAllByRole('button');
|
349
|
+
var selectedItem = buttons[0];
|
350
|
+
var secondSelectedItem = buttons[1];
|
351
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
352
|
+
userEvent.click(selectedItem);
|
353
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'false');
|
354
|
+
userEvent.click(selectedItem);
|
355
|
+
expect(selectedItem).toHaveAttribute('aria-expanded', 'true');
|
356
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'false');
|
357
|
+
userEvent.click(secondSelectedItem);
|
358
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'true');
|
359
|
+
userEvent.click(secondSelectedItem);
|
360
|
+
expect(secondSelectedItem).toHaveAttribute('aria-expanded', 'false');
|
256
361
|
});
|
@@ -16,14 +16,10 @@ import astroTheme from '../../styles/theme';
|
|
16
16
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
17
17
|
export var GlobalStyles = function GlobalStyles() {
|
18
18
|
return ___EmotionJSX(Global, {
|
19
|
-
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;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
19
|
+
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;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
|
20
20
|
});
|
21
21
|
};
|
22
22
|
/**
|
23
|
-
* The main wrapper for the Astro application.
|
24
|
-
* The AstroWrapper provides a standard background,
|
25
|
-
* some global styles, and the Astro theme by default.
|
26
|
-
*
|
27
23
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
28
24
|
* `@pingux/astro/lib/styles/themeOverrides/uiLibraryOverride.js`
|
29
25
|
*/
|
@@ -77,7 +73,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
77
73
|
} : {
|
78
74
|
name: "1385fa1-PageWrapper",
|
79
75
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
80
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
76
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */",
|
81
77
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
82
78
|
};
|
83
79
|
|
@@ -98,7 +94,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
98
94
|
}, others), ___EmotionJSX(Global, {
|
99
95
|
styles: _ref
|
100
96
|
}), ___EmotionJSX(Box, _extends({
|
101
|
-
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,
|
97
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEdLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
|
102
98
|
}, props), children));
|
103
99
|
});
|
104
100
|
PageWrapper.propTypes = {
|
@@ -1,9 +1,18 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
2
3
|
import { AstroWrapper, Button, Text } from '../../index';
|
4
|
+
import AstroWrapperReadme from './AstroWrapper.mdx';
|
3
5
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
4
6
|
export default {
|
5
7
|
title: 'Components/AstroWrapper',
|
6
8
|
component: AstroWrapper,
|
9
|
+
parameters: {
|
10
|
+
docs: {
|
11
|
+
page: function page() {
|
12
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(AstroWrapperReadme, null), ___EmotionJSX(DocsLayout, null));
|
13
|
+
}
|
14
|
+
}
|
15
|
+
},
|
7
16
|
decorators: [function (Story) {
|
8
17
|
return ___EmotionJSX("div", null, ___EmotionJSX(Story, null));
|
9
18
|
}]
|
@@ -2,11 +2,6 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
2
|
import React, { forwardRef } from 'react';
|
3
3
|
import PropTypes from 'prop-types';
|
4
4
|
import { Avatar as ThemeUIAvatar } from 'theme-ui';
|
5
|
-
/**
|
6
|
-
* Basic avatar component.
|
7
|
-
* Built on top of [Avatar from Theme-UI](https://theme-ui.com/components/avatar/).
|
8
|
-
*/
|
9
|
-
|
10
5
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
11
6
|
var Avatar = /*#__PURE__*/forwardRef(function (props, ref) {
|
12
7
|
return ___EmotionJSX(ThemeUIAvatar, _extends({
|
@@ -1,11 +1,23 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import Avatar from '.';
|
4
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
4
5
|
import { pingImg } from '../../utils/devUtils/constants/images';
|
6
|
+
import AvatarReadme from './Avatar.mdx';
|
5
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
8
|
export default {
|
7
9
|
title: 'Components/Avatar',
|
8
10
|
component: Avatar,
|
11
|
+
parameters: {
|
12
|
+
docs: {
|
13
|
+
page: function page() {
|
14
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(AvatarReadme, null), ___EmotionJSX(DocsLayout, null));
|
15
|
+
},
|
16
|
+
source: {
|
17
|
+
type: 'code'
|
18
|
+
}
|
19
|
+
}
|
20
|
+
},
|
9
21
|
argTypes: {
|
10
22
|
src: {
|
11
23
|
control: {
|
@@ -31,14 +31,7 @@ var ExtendedBox = /*#__PURE__*/_styled(ThemeUIBox, process.env.NODE_ENV === "pro
|
|
31
31
|
} : {
|
32
32
|
target: "e146bxl90",
|
33
33
|
label: "ExtendedBox"
|
34
|
-
})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
35
|
-
/**
|
36
|
-
* Basic flexbox-based layout component for creating rows and columns,
|
37
|
-
* while controlling sizes and spacing.
|
38
|
-
* Accepts most of the styling props from [styled-system](https://styled-system.com/table).
|
39
|
-
* Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/).
|
40
|
-
*/
|
41
|
-
|
34
|
+
})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgcHJvcFR5cGUgYXMgc3R5bGVQcm9wVHlwZSB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdXNlU3RhdHVzQ2xhc3NlcywgdXNlUHJvcFdhcm5pbmcgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5cbmNvbnN0IEV4dGVuZGVkQm94ID0gc3R5bGVkKFRoZW1lVUlCb3gpKGxheW91dCwgZmxleGJveCwgdHlwb2dyYXBoeSk7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGZsZXhEaXJlY3Rpb24sIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBnYXAsXG4gICAgaXNSb3csXG4gICAgaXNEaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuICBjb25zdCBmZCA9IGZsZXhEaXJlY3Rpb24gfHwgaXNSb3cgPyAncm93JyA6ICdjb2x1bW4nO1xuICBjb25zdCBjdXN0b20gPSB7IC4uLnN4IH07XG5cbiAgY29uc3QgeyBjbGFzc05hbWVzIH0gPSB1c2VTdGF0dXNDbGFzc2VzKGNsYXNzTmFtZSwgeyBpc0Rpc2FibGVkIH0pO1xuICB1c2VQcm9wV2FybmluZyhwcm9wcywgJ2Rpc2FibGVkJywgJ2lzRGlzYWJsZWQnKTtcblxuICBpZiAoZ2FwKSB7XG4gICAgY3VzdG9tWycmID4gKiArICo6bm90KDpmaXJzdC1jaGlsZCkgLyogZW1vdGlvbi1kaXNhYmxlLXNlcnZlci1yZW5kZXJpbmctdW5zYWZlLXNlbGVjdG9yLXdhcm5pbmctcGxlYXNlLWRvLW5vdC11c2UtdGhpcy10aGUtd2FybmluZy1leGlzdHMtZm9yLWEtcmVhc29uICovJ10gPSB7XG4gICAgICBbZmQgPT09ICdyb3cnID8gJ21hcmdpbkxlZnQnIDogJ21hcmdpblRvcCddOiBnYXAsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbUZvbnRTaXplID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbnVtZXJpY2FsRm9udFNpemUgPSB0b051bWJlcihmb250U2l6ZSk7XG4gICAgaWYgKE51bWJlci5pc05hTihudW1lcmljYWxGb250U2l6ZSkpIHtcbiAgICAgIHJldHVybiBmb250U2l6ZTtcbiAgICB9XG4gICAgcmV0dXJuIG51bWVyaWNhbEZvbnRTaXplO1xuICB9LCBbZm9udFNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXtmZH1cbiAgICAgIHZhcmlhbnQ9XCJib3hlcy5iYXNlXCJcbiAgICAgIGZvbnRTaXplPXtjdXN0b21Gb250U2l6ZX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgICBzeD17Y3VzdG9tfVxuICAgIC8+XG4gICk7XG59KTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgLyoqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBib3guICovXG4gIGJnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogV2hldGhlciB0aGUgYm94IGlzIGRpc2FibGVkLiAqL1xuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYm9vbCwgUHJvcFR5cGVzLm9iamVjdF0pLFxuICAvKiogVGhlIGJhc2UgSFRNTCB0YWcgbmFtZSBvciBSZWFjdCBjb21wb25lbnQgdHlwZSB0byByZW5kZXIgKi9cbiAgYXM6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5lbGVtZW50VHlwZV0pLFxuICAvKiogV2hlbiB0cnVlLCBkaXNwbGF5IGFzIGEgcm93IHJhdGhlciB0aGFuIGEgY29sdW1uLiAqL1xuICBpc1JvdzogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBHYXAgYmV0d2VlbiBpdGVtcywgd2hldGhlciBpbiBhIHJvdyBvciBjb2x1bW4uICovXG4gIGdhcDogc3R5bGVQcm9wVHlwZSxcbiAgZm9udFNpemU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbn07XG5cbkJveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnZGl2JyxcbiAgaXNSb3c6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuXG5leHBvcnQgZGVmYXVsdCBCb3g7XG4iXX0= */");
|
42
35
|
|
43
36
|
var Box = /*#__PURE__*/forwardRef(function (props, ref) {
|
44
37
|
var flexDirection = props.flexDirection,
|