@pingux/astro 1.40.1 → 1.41.0-alpha.1
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 +0 -3
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +7 -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/cjs/components/CheckboxField/CheckboxField.js +6 -1
- package/lib/cjs/components/ListView/ListView.test.js +39 -1
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +0 -11
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +12 -1
- package/lib/components/AccordionGroup/AccordionGroup.js +0 -3
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +5 -0
- 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/lib/components/CheckboxField/CheckboxField.js +5 -1
- package/lib/components/ListView/ListView.test.js +35 -1
- package/package.json +1 -1
- package/NOTICE.html +0 -4707
@@ -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: {
|
@@ -28,9 +28,6 @@ import AccordionItem from '../AccordionItem';
|
|
28
28
|
import { AccordionContext } from '../../context/AccordionContext';
|
29
29
|
import { isIterableProp } from '../../utils/devUtils/props/isIterable';
|
30
30
|
/**
|
31
|
-
* Component that allows for a child to be expanded and retracted.
|
32
|
-
* Built on top of [React Aria useAccordion and useAccordionItem](https://reactspectrum.blob.core.windows.net/reactspectrum/d77b35e970e5549f66b47a83f07423f5c93b7297/docs/react-aria/useAccordion.html).
|
33
|
-
*
|
34
31
|
* Console Warning: "Cannot update a component (`Unknown`)...`"
|
35
32
|
* when using controlledExpanded prop is expected
|
36
33
|
* and related to a known issue within React Stately.
|
@@ -1,10 +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';
|
6
7
|
import TextField from '../TextField';
|
7
8
|
import AccordionGroup from '.';
|
9
|
+
import AccordionReadme from './AccordionGroup.mdx';
|
8
10
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
9
11
|
var itemArray = [{
|
10
12
|
key: 't1',
|
@@ -40,6 +42,9 @@ export default {
|
|
40
42
|
argTypesRegex: '^on.*'
|
41
43
|
},
|
42
44
|
docs: {
|
45
|
+
page: function page() {
|
46
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(AccordionReadme, null), ___EmotionJSX(DocsLayout, null));
|
47
|
+
},
|
43
48
|
source: {
|
44
49
|
type: 'code'
|
45
50
|
}
|
@@ -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,
|
@@ -4,13 +4,25 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
|
|
4
4
|
import React from 'react';
|
5
5
|
import Box from '.';
|
6
6
|
import { Image, Text } from '../../index';
|
7
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
7
8
|
import { pingImg } from '../../utils/devUtils/constants/images';
|
8
9
|
import { flatColorList } from '../../styles/colors.js';
|
9
10
|
import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
|
11
|
+
import BoxReadme from './Box.mdx';
|
10
12
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
11
13
|
export default {
|
12
14
|
title: 'Components/Box',
|
13
15
|
component: Box,
|
16
|
+
parameters: {
|
17
|
+
docs: {
|
18
|
+
page: function page() {
|
19
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BoxReadme, null), ___EmotionJSX(DocsLayout, null));
|
20
|
+
},
|
21
|
+
source: {
|
22
|
+
type: 'code'
|
23
|
+
}
|
24
|
+
}
|
25
|
+
},
|
14
26
|
argTypes: {
|
15
27
|
bg: {
|
16
28
|
control: {
|
@@ -1,10 +1,22 @@
|
|
1
1
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
2
2
|
import React from 'react';
|
3
3
|
import { Box, Bracket, Chip, Text } from '../../index';
|
4
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
5
|
+
import BracketReadme from './Bracket.mdx';
|
4
6
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
5
7
|
export default {
|
6
8
|
title: 'Components/Bracket',
|
7
|
-
component: Bracket
|
9
|
+
component: Bracket,
|
10
|
+
parameters: {
|
11
|
+
docs: {
|
12
|
+
source: {
|
13
|
+
type: 'code'
|
14
|
+
},
|
15
|
+
page: function page() {
|
16
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BracketReadme, null), ___EmotionJSX(DocsLayout, null));
|
17
|
+
}
|
18
|
+
}
|
19
|
+
}
|
8
20
|
};
|
9
21
|
export var Default = function Default() {
|
10
22
|
var anyConditions = [{
|
@@ -11,13 +11,6 @@ import { mergeProps } from '@react-aria/utils';
|
|
11
11
|
import { Box, Icon } from '../../index';
|
12
12
|
import { usePropWarning } from '../../hooks/';
|
13
13
|
import BreadcrumbItem from './BreadcrumbItem';
|
14
|
-
/**
|
15
|
-
* Breadcrumbs component wrapping an array of `BreadcrumbItem` elements and icon,
|
16
|
-
* which will be rendered between each node, sans last-child
|
17
|
-
*
|
18
|
-
* Utilizes [useBreadcrumbs](https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html) from React-Aria.
|
19
|
-
* */
|
20
|
-
|
21
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
22
15
|
var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
|
23
16
|
var children = props.children,
|
@@ -4,6 +4,8 @@ import { action } from '@storybook/addon-actions';
|
|
4
4
|
import { Item } from '@react-stately/collections';
|
5
5
|
import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
|
6
6
|
import Breadcrumbs from './Breadcrumbs';
|
7
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
8
|
+
import BreadcrumbsReadme from './Breadcrumbs.mdx';
|
7
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
10
|
export default {
|
9
11
|
title: 'Components/Breadcrumbs',
|
@@ -12,6 +14,9 @@ export default {
|
|
12
14
|
docs: {
|
13
15
|
source: {
|
14
16
|
type: 'code'
|
17
|
+
},
|
18
|
+
page: function page() {
|
19
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(BreadcrumbsReadme, null), ___EmotionJSX(DocsLayout, null));
|
15
20
|
}
|
16
21
|
}
|
17
22
|
},
|
@@ -24,12 +24,6 @@ import { useFocusRing } from '@react-aria/focus';
|
|
24
24
|
import { mergeProps } from '@react-aria/utils';
|
25
25
|
import { useStatusClasses, usePropWarning, useAriaLabelWarning, useDeprecationWarning } from '../../hooks';
|
26
26
|
import Loader from '../Loader';
|
27
|
-
/**
|
28
|
-
* Buttons are used to trigger actions or events.
|
29
|
-
* This component is based on the [Button - Theme-UI](https://theme-ui.com/components/button/)
|
30
|
-
* and includes a variety of styles, such as primary action, secondary action, or warning.
|
31
|
-
*/
|
32
|
-
|
33
27
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
34
28
|
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
35
29
|
var className = props.className,
|
@@ -6,7 +6,9 @@ import AddCircleIcon from 'mdi-react/AddCircleIcon';
|
|
6
6
|
import CreateIcon from 'mdi-react/CreateIcon';
|
7
7
|
import FilterIcon from 'mdi-react/FilterIcon';
|
8
8
|
import { buttonVariants } from '../../utils/devUtils/constants/variants';
|
9
|
-
import
|
9
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
10
|
+
import { Box, Button, Icon, SearchField, Text } from '../../index';
|
11
|
+
import ButtonReadme from './Button.mdx'; // removing the iconButton variants from this story.
|
10
12
|
|
11
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
12
14
|
var variants = buttonVariants;
|
@@ -43,6 +45,9 @@ export default {
|
|
43
45
|
docs: {
|
44
46
|
source: {
|
45
47
|
type: 'code'
|
48
|
+
},
|
49
|
+
page: function page() {
|
50
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ButtonReadme, null), ___EmotionJSX(DocsLayout, null));
|
46
51
|
}
|
47
52
|
}
|
48
53
|
}
|
@@ -32,12 +32,7 @@ var defaultIconProps = {
|
|
32
32
|
size: 'md'
|
33
33
|
};
|
34
34
|
/**
|
35
|
-
|
36
|
-
that should be placed at the top of panels or above related content. If the Callouts
|
37
|
-
status is error or warning, the text should include a direct link to instructions on resolving the
|
38
|
-
issue or error.
|
39
|
-
*
|
40
|
-
*Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
|
35
|
+
Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
|
41
36
|
component is recommended if you need to interrupt and notify users of successful/failed actions
|
42
37
|
or give warnings of unexpected events.
|
43
38
|
*/
|
@@ -2,6 +2,8 @@ import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values"
|
|
2
2
|
import React from 'react';
|
3
3
|
import { Link, Text, Callout } from '../..';
|
4
4
|
import statuses from '../../utils/devUtils/constants/statuses';
|
5
|
+
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
6
|
+
import CalloutReadme from './Callout.mdx';
|
5
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
8
|
export default {
|
7
9
|
title: 'Components/Callout',
|
@@ -13,6 +15,16 @@ export default {
|
|
13
15
|
options: _Object$values(statuses)
|
14
16
|
}
|
15
17
|
}
|
18
|
+
},
|
19
|
+
parameters: {
|
20
|
+
docs: {
|
21
|
+
source: {
|
22
|
+
type: 'code'
|
23
|
+
},
|
24
|
+
page: function page() {
|
25
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CalloutReadme, null), ___EmotionJSX(DocsLayout, null));
|
26
|
+
}
|
27
|
+
}
|
16
28
|
}
|
17
29
|
}; // main
|
18
30
|
|
@@ -22,7 +34,7 @@ export var Default = function Default(args) {
|
|
22
34
|
target: "_blank",
|
23
35
|
"aria-label": "".concat(statuses.DEFAULT, "-callout"),
|
24
36
|
variant: "app"
|
25
|
-
}, "
|
37
|
+
}, ' ', "Read More")));
|
26
38
|
};
|
27
39
|
export var ErrorStatus = function ErrorStatus() {
|
28
40
|
return ___EmotionJSX(Callout, {
|
@@ -32,7 +44,7 @@ export var ErrorStatus = function ErrorStatus() {
|
|
32
44
|
target: "_blank",
|
33
45
|
"aria-label": "".concat(statuses.ERROR, "-callout"),
|
34
46
|
variant: "app"
|
35
|
-
}, "
|
47
|
+
}, ' ', "Read More")));
|
36
48
|
}; // Avoiding using Error as the function name due to it being a JS built-in method
|
37
49
|
|
38
50
|
ErrorStatus.storyName = 'Error';
|
@@ -44,7 +56,7 @@ export var Success = function Success() {
|
|
44
56
|
target: "_blank",
|
45
57
|
"aria-label": "".concat(statuses.SUCCESS, "-callout"),
|
46
58
|
variant: "app"
|
47
|
-
}, "
|
59
|
+
}, ' ', "Read More")));
|
48
60
|
};
|
49
61
|
export var Warning = function Warning() {
|
50
62
|
return ___EmotionJSX(Callout, {
|
@@ -54,5 +66,5 @@ export var Warning = function Warning() {
|
|
54
66
|
target: "_blank",
|
55
67
|
"aria-label": "".concat(statuses.WARNING, "-callout"),
|
56
68
|
variant: "app"
|
57
|
-
}, "
|
69
|
+
}, ' ', "Read More")));
|
58
70
|
};
|
@@ -17,6 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
17
17
|
import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
|
18
18
|
import { useCheckbox } from '@react-aria/checkbox';
|
19
19
|
import { useToggleState } from '@react-stately/toggle';
|
20
|
+
import { usePress } from '@react-aria/interactions';
|
20
21
|
import PropTypes from 'prop-types';
|
21
22
|
import { v4 as uuid } from 'uuid';
|
22
23
|
import { Box, Checkbox, FieldHelperText, Label } from '../../';
|
@@ -47,6 +48,9 @@ var CheckboxField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
47
48
|
defaultSelected: isDefaultSelected || controlProps.isDefaultSelected
|
48
49
|
}, props), controlProps);
|
49
50
|
|
51
|
+
var _usePress = usePress(props),
|
52
|
+
containerPressProps = _usePress.pressProps;
|
53
|
+
|
50
54
|
var state = useToggleState(checkboxProps);
|
51
55
|
var checkboxRef = useRef();
|
52
56
|
usePropWarning(props, 'disabled', 'isDisabled');
|
@@ -66,7 +70,7 @@ var CheckboxField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
66
70
|
var _useCheckbox = useCheckbox(checkboxProps, state, checkboxRef),
|
67
71
|
inputProps = _useCheckbox.inputProps;
|
68
72
|
|
69
|
-
var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
|
73
|
+
var _useField = useField(_objectSpread(_objectSpread(_objectSpread({}, containerPressProps), props), {}, {
|
70
74
|
statusClasses: {
|
71
75
|
isIndeterminate: isIndeterminate
|
72
76
|
},
|
@@ -10,6 +10,7 @@ import { Item } from '@react-stately/collections';
|
|
10
10
|
import { render, screen } from '../../utils/testUtils/testWrapper';
|
11
11
|
import loadingStates from '../../utils/devUtils/constants/loadingStates';
|
12
12
|
import ListView from './ListView';
|
13
|
+
import CheckboxField from '../CheckboxField';
|
13
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
14
15
|
var items = [{
|
15
16
|
key: 'Aardvark',
|
@@ -87,6 +88,31 @@ var getComponentEmpty = function getComponentEmpty() {
|
|
87
88
|
}, ___EmotionJSX(ListView, _extends({}, defaultProps, props))));
|
88
89
|
};
|
89
90
|
|
91
|
+
var getComponentWithCheckbox = function getComponentWithCheckbox() {
|
92
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
93
|
+
|
94
|
+
var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
95
|
+
_ref3$renderFn = _ref3.renderFn,
|
96
|
+
renderFn = _ref3$renderFn === void 0 ? render : _ref3$renderFn;
|
97
|
+
|
98
|
+
return renderFn(___EmotionJSX(FocusScope, {
|
99
|
+
restoreFocus: true
|
100
|
+
}, ___EmotionJSX(ListView, _extends({}, defaultProps, props, {
|
101
|
+
items: items
|
102
|
+
}), function (item) {
|
103
|
+
return ___EmotionJSX(Item, {
|
104
|
+
key: item.key,
|
105
|
+
textValue: item.name,
|
106
|
+
"data-id": item.key
|
107
|
+
}, ___EmotionJSX(CheckboxField, {
|
108
|
+
label: item.name,
|
109
|
+
containerProps: {
|
110
|
+
'data-testid': 'TestID'
|
111
|
+
}
|
112
|
+
}));
|
113
|
+
})));
|
114
|
+
};
|
115
|
+
|
90
116
|
test('renders listview component', function () {
|
91
117
|
getComponent();
|
92
118
|
var listView = screen.getByTestId(testId);
|
@@ -309,4 +335,12 @@ test('when user navigates with tab and arrows keys, onFocus is called and the is
|
|
309
335
|
}
|
310
336
|
}
|
311
337
|
}, _callee7);
|
312
|
-
})));
|
338
|
+
})));
|
339
|
+
test('list view not receive focus when click on checkbox', function () {
|
340
|
+
getComponentWithCheckbox();
|
341
|
+
var listItem = screen.getAllByRole('gridcell');
|
342
|
+
var checkbox = screen.getAllByTestId('TestID');
|
343
|
+
expect(listItem[0]).not.toHaveClass('is-focused');
|
344
|
+
checkbox[0].click();
|
345
|
+
expect(listItem[0]).not.toHaveClass('is-focused');
|
346
|
+
});
|