@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
|
@@ -75,17 +75,6 @@ var collectionTypes = {
|
|
|
75
75
|
LOADER: 'loader',
|
|
76
76
|
PLACEHOLDER: 'placeholder'
|
|
77
77
|
};
|
|
78
|
-
/**
|
|
79
|
-
* Component that allows for a child to be expanded and retracted,
|
|
80
|
-
* and allows for children to be passed into a header and body for each item.
|
|
81
|
-
*
|
|
82
|
-
* A `AccordionGridItem` is a composed component and must be comprised of two children: 1) a Header,
|
|
83
|
-
* which will be control expansion of the body, and 2) a Body which renders non-interactive content.
|
|
84
|
-
* The purpose of this component is to allow keyboard interaction
|
|
85
|
-
* with children passed into the Body and Header
|
|
86
|
-
* If a more simple implementation is desired, please consider the AccordionGroup.
|
|
87
|
-
*/
|
|
88
|
-
|
|
89
78
|
exports.collectionTypes = collectionTypes;
|
|
90
79
|
var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
91
80
|
var _context2;
|
|
@@ -28,10 +28,14 @@ var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
|
|
|
28
28
|
|
|
29
29
|
var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
|
|
30
30
|
|
|
31
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
32
|
+
|
|
31
33
|
var _index = require("../../index");
|
|
32
34
|
|
|
33
35
|
var _AccordionGridGroup = _interopRequireDefault(require("./AccordionGridGroup"));
|
|
34
36
|
|
|
37
|
+
var _AccordionGridGroup2 = _interopRequireDefault(require("./AccordionGridGroup.mdx"));
|
|
38
|
+
|
|
35
39
|
var _react2 = require("@emotion/react");
|
|
36
40
|
|
|
37
41
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -77,10 +81,19 @@ var _default = {
|
|
|
77
81
|
argTypesRegex: '^on.*'
|
|
78
82
|
},
|
|
79
83
|
docs: {
|
|
84
|
+
page: function page() {
|
|
85
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AccordionGridGroup2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
86
|
+
},
|
|
80
87
|
source: {
|
|
81
88
|
type: 'code'
|
|
82
89
|
}
|
|
83
|
-
}
|
|
90
|
+
},
|
|
91
|
+
tabs: [{
|
|
92
|
+
label: 'Design',
|
|
93
|
+
mdx: _AccordionGridGroup2["default"]
|
|
94
|
+
}, {
|
|
95
|
+
label: 'Implementation'
|
|
96
|
+
}]
|
|
84
97
|
},
|
|
85
98
|
argTypes: {
|
|
86
99
|
id: {
|
|
@@ -70,9 +70,6 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
|
70
70
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
71
71
|
|
|
72
72
|
/**
|
|
73
|
-
* Component that allows for a child to be expanded and retracted.
|
|
74
|
-
* Built on top of [React Aria useAccordion and useAccordionItem](https://reactspectrum.blob.core.windows.net/reactspectrum/d77b35e970e5549f66b47a83f07423f5c93b7297/docs/react-aria/useAccordion.html).
|
|
75
|
-
*
|
|
76
73
|
* Console Warning: "Cannot update a component (`Unknown`)...`"
|
|
77
74
|
* when using controlledExpanded prop is expected
|
|
78
75
|
* and related to a known issue within React Stately.
|
|
@@ -22,6 +22,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
22
22
|
|
|
23
23
|
var _collections = require("@react-stately/collections");
|
|
24
24
|
|
|
25
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
26
|
+
|
|
25
27
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
26
28
|
|
|
27
29
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
@@ -30,6 +32,8 @@ var _TextField = _interopRequireDefault(require("../TextField"));
|
|
|
30
32
|
|
|
31
33
|
var _ = _interopRequireDefault(require("."));
|
|
32
34
|
|
|
35
|
+
var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup.mdx"));
|
|
36
|
+
|
|
33
37
|
var _react2 = require("@emotion/react");
|
|
34
38
|
|
|
35
39
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -70,6 +74,9 @@ var _default = {
|
|
|
70
74
|
argTypesRegex: '^on.*'
|
|
71
75
|
},
|
|
72
76
|
docs: {
|
|
77
|
+
page: function page() {
|
|
78
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AccordionGroup["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
79
|
+
},
|
|
73
80
|
source: {
|
|
74
81
|
type: 'code'
|
|
75
82
|
}
|
|
@@ -56,14 +56,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
56
56
|
|
|
57
57
|
var GlobalStyles = function GlobalStyles() {
|
|
58
58
|
return (0, _react2.jsx)(_react2.Global, {
|
|
59
|
-
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
59
|
+
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
62
|
/**
|
|
63
|
-
* The main wrapper for the Astro application.
|
|
64
|
-
* The AstroWrapper provides a standard background,
|
|
65
|
-
* some global styles, and the Astro theme by default.
|
|
66
|
-
*
|
|
67
63
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
|
68
64
|
* `@pingux/astro/lib/styles/themeOverrides/uiLibraryOverride.js`
|
|
69
65
|
*/
|
|
@@ -118,7 +114,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
118
114
|
} : {
|
|
119
115
|
name: "1385fa1-PageWrapper",
|
|
120
116
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
|
121
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
117
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */",
|
|
122
118
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
123
119
|
};
|
|
124
120
|
|
|
@@ -138,7 +134,7 @@ var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
138
134
|
}, others), (0, _react2.jsx)(_react2.Global, {
|
|
139
135
|
styles: _ref
|
|
140
136
|
}), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
|
|
141
|
-
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
137
|
+
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEdLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
|
|
142
138
|
}, props), children));
|
|
143
139
|
});
|
|
144
140
|
exports.PageWrapper = PageWrapper;
|
|
@@ -12,13 +12,24 @@ exports["default"] = exports.WithCustomThemeOverride = exports.Default = void 0;
|
|
|
12
12
|
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
|
|
15
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
16
|
+
|
|
15
17
|
var _index = require("../../index");
|
|
16
18
|
|
|
19
|
+
var _AstroWrapper = _interopRequireDefault(require("./AstroWrapper.mdx"));
|
|
20
|
+
|
|
17
21
|
var _react2 = require("@emotion/react");
|
|
18
22
|
|
|
19
23
|
var _default = {
|
|
20
24
|
title: 'Components/AstroWrapper',
|
|
21
25
|
component: _index.AstroWrapper,
|
|
26
|
+
parameters: {
|
|
27
|
+
docs: {
|
|
28
|
+
page: function page() {
|
|
29
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AstroWrapper["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
22
33
|
decorators: [function (Story) {
|
|
23
34
|
return (0, _react2.jsx)("div", null, (0, _react2.jsx)(Story, null));
|
|
24
35
|
}]
|
|
@@ -30,10 +30,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
|
|
|
30
30
|
|
|
31
31
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
32
|
|
|
33
|
-
/**
|
|
34
|
-
* Basic avatar component.
|
|
35
|
-
* Built on top of [Avatar from Theme-UI](https://theme-ui.com/components/avatar/).
|
|
36
|
-
*/
|
|
37
33
|
var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
38
34
|
return (0, _react2.jsx)(_themeUi.Avatar, (0, _extends2["default"])({
|
|
39
35
|
ref: ref
|
|
@@ -16,13 +16,27 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
|
|
17
17
|
var _ = _interopRequireDefault(require("."));
|
|
18
18
|
|
|
19
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
20
|
+
|
|
19
21
|
var _images = require("../../utils/devUtils/constants/images");
|
|
20
22
|
|
|
23
|
+
var _Avatar = _interopRequireDefault(require("./Avatar.mdx"));
|
|
24
|
+
|
|
21
25
|
var _react2 = require("@emotion/react");
|
|
22
26
|
|
|
23
27
|
var _default = {
|
|
24
28
|
title: 'Components/Avatar',
|
|
25
29
|
component: _["default"],
|
|
30
|
+
parameters: {
|
|
31
|
+
docs: {
|
|
32
|
+
page: function page() {
|
|
33
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Avatar["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
34
|
+
},
|
|
35
|
+
source: {
|
|
36
|
+
type: 'code'
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
},
|
|
26
40
|
argTypes: {
|
|
27
41
|
src: {
|
|
28
42
|
control: {
|
|
@@ -69,14 +69,7 @@ var ExtendedBox = ( /*#__PURE__*/0, _base["default"])(_themeUi.Box, process.env.
|
|
|
69
69
|
} : {
|
|
70
70
|
target: "e146bxl90",
|
|
71
71
|
label: "ExtendedBox"
|
|
72
|
-
})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
73
|
-
/**
|
|
74
|
-
* Basic flexbox-based layout component for creating rows and columns,
|
|
75
|
-
* while controlling sizes and spacing.
|
|
76
|
-
* Accepts most of the styling props from [styled-system](https://styled-system.com/table).
|
|
77
|
-
* Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/).
|
|
78
|
-
*/
|
|
79
|
-
|
|
72
|
+
})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgcHJvcFR5cGUgYXMgc3R5bGVQcm9wVHlwZSB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdXNlU3RhdHVzQ2xhc3NlcywgdXNlUHJvcFdhcm5pbmcgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5cbmNvbnN0IEV4dGVuZGVkQm94ID0gc3R5bGVkKFRoZW1lVUlCb3gpKGxheW91dCwgZmxleGJveCwgdHlwb2dyYXBoeSk7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGZsZXhEaXJlY3Rpb24sIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBnYXAsXG4gICAgaXNSb3csXG4gICAgaXNEaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuICBjb25zdCBmZCA9IGZsZXhEaXJlY3Rpb24gfHwgaXNSb3cgPyAncm93JyA6ICdjb2x1bW4nO1xuICBjb25zdCBjdXN0b20gPSB7IC4uLnN4IH07XG5cbiAgY29uc3QgeyBjbGFzc05hbWVzIH0gPSB1c2VTdGF0dXNDbGFzc2VzKGNsYXNzTmFtZSwgeyBpc0Rpc2FibGVkIH0pO1xuICB1c2VQcm9wV2FybmluZyhwcm9wcywgJ2Rpc2FibGVkJywgJ2lzRGlzYWJsZWQnKTtcblxuICBpZiAoZ2FwKSB7XG4gICAgY3VzdG9tWycmID4gKiArICo6bm90KDpmaXJzdC1jaGlsZCkgLyogZW1vdGlvbi1kaXNhYmxlLXNlcnZlci1yZW5kZXJpbmctdW5zYWZlLXNlbGVjdG9yLXdhcm5pbmctcGxlYXNlLWRvLW5vdC11c2UtdGhpcy10aGUtd2FybmluZy1leGlzdHMtZm9yLWEtcmVhc29uICovJ10gPSB7XG4gICAgICBbZmQgPT09ICdyb3cnID8gJ21hcmdpbkxlZnQnIDogJ21hcmdpblRvcCddOiBnYXAsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbUZvbnRTaXplID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbnVtZXJpY2FsRm9udFNpemUgPSB0b051bWJlcihmb250U2l6ZSk7XG4gICAgaWYgKE51bWJlci5pc05hTihudW1lcmljYWxGb250U2l6ZSkpIHtcbiAgICAgIHJldHVybiBmb250U2l6ZTtcbiAgICB9XG4gICAgcmV0dXJuIG51bWVyaWNhbEZvbnRTaXplO1xuICB9LCBbZm9udFNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXtmZH1cbiAgICAgIHZhcmlhbnQ9XCJib3hlcy5iYXNlXCJcbiAgICAgIGZvbnRTaXplPXtjdXN0b21Gb250U2l6ZX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgICBzeD17Y3VzdG9tfVxuICAgIC8+XG4gICk7XG59KTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgLyoqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBib3guICovXG4gIGJnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogV2hldGhlciB0aGUgYm94IGlzIGRpc2FibGVkLiAqL1xuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYm9vbCwgUHJvcFR5cGVzLm9iamVjdF0pLFxuICAvKiogVGhlIGJhc2UgSFRNTCB0YWcgbmFtZSBvciBSZWFjdCBjb21wb25lbnQgdHlwZSB0byByZW5kZXIgKi9cbiAgYXM6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5lbGVtZW50VHlwZV0pLFxuICAvKiogV2hlbiB0cnVlLCBkaXNwbGF5IGFzIGEgcm93IHJhdGhlciB0aGFuIGEgY29sdW1uLiAqL1xuICBpc1JvdzogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBHYXAgYmV0d2VlbiBpdGVtcywgd2hldGhlciBpbiBhIHJvdyBvciBjb2x1bW4uICovXG4gIGdhcDogc3R5bGVQcm9wVHlwZSxcbiAgZm9udFNpemU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbn07XG5cbkJveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnZGl2JyxcbiAgaXNSb3c6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuXG5leHBvcnQgZGVmYXVsdCBCb3g7XG4iXX0= */");
|
|
80
73
|
var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
81
74
|
var flexDirection = props.flexDirection,
|
|
82
75
|
gap = props.gap,
|
|
@@ -22,17 +22,31 @@ var _ = _interopRequireDefault(require("."));
|
|
|
22
22
|
|
|
23
23
|
var _index = require("../../index");
|
|
24
24
|
|
|
25
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
26
|
+
|
|
25
27
|
var _images = require("../../utils/devUtils/constants/images");
|
|
26
28
|
|
|
27
29
|
var _colors = require("../../styles/colors.js");
|
|
28
30
|
|
|
29
31
|
var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
|
|
30
32
|
|
|
33
|
+
var _Box = _interopRequireDefault(require("./Box.mdx"));
|
|
34
|
+
|
|
31
35
|
var _react2 = require("@emotion/react");
|
|
32
36
|
|
|
33
37
|
var _default = {
|
|
34
38
|
title: 'Components/Box',
|
|
35
39
|
component: _["default"],
|
|
40
|
+
parameters: {
|
|
41
|
+
docs: {
|
|
42
|
+
page: function page() {
|
|
43
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Box["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
44
|
+
},
|
|
45
|
+
source: {
|
|
46
|
+
type: 'code'
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
36
50
|
argTypes: {
|
|
37
51
|
bg: {
|
|
38
52
|
control: {
|
|
@@ -16,11 +16,25 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
|
|
17
17
|
var _index = require("../../index");
|
|
18
18
|
|
|
19
|
+
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
20
|
+
|
|
21
|
+
var _Bracket = _interopRequireDefault(require("./Bracket.mdx"));
|
|
22
|
+
|
|
19
23
|
var _react2 = require("@emotion/react");
|
|
20
24
|
|
|
21
25
|
var _default = {
|
|
22
26
|
title: 'Components/Bracket',
|
|
23
|
-
component: _index.Bracket
|
|
27
|
+
component: _index.Bracket,
|
|
28
|
+
parameters: {
|
|
29
|
+
docs: {
|
|
30
|
+
source: {
|
|
31
|
+
type: 'code'
|
|
32
|
+
},
|
|
33
|
+
page: function page() {
|
|
34
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Bracket["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
24
38
|
};
|
|
25
39
|
exports["default"] = _default;
|
|
26
40
|
|
|
@@ -48,12 +48,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
|
|
|
48
48
|
|
|
49
49
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
50
50
|
|
|
51
|
-
/**
|
|
52
|
-
* Breadcrumbs component wrapping an array of `BreadcrumbItem` elements and icon,
|
|
53
|
-
* which will be rendered between each node, sans last-child
|
|
54
|
-
*
|
|
55
|
-
* Utilizes [useBreadcrumbs](https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html) from React-Aria.
|
|
56
|
-
* */
|
|
57
51
|
var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
58
52
|
var children = props.children,
|
|
59
53
|
icon = props.icon,
|
|
@@ -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;
|
|
@@ -40,6 +40,8 @@ var _checkbox = require("@react-aria/checkbox");
|
|
|
40
40
|
|
|
41
41
|
var _toggle = require("@react-stately/toggle");
|
|
42
42
|
|
|
43
|
+
var _interactions = require("@react-aria/interactions");
|
|
44
|
+
|
|
43
45
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
44
46
|
|
|
45
47
|
var _uuid = require("uuid");
|
|
@@ -84,6 +86,9 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
84
86
|
defaultSelected: isDefaultSelected || controlProps.isDefaultSelected
|
|
85
87
|
}, props), controlProps);
|
|
86
88
|
|
|
89
|
+
var _usePress = (0, _interactions.usePress)(props),
|
|
90
|
+
containerPressProps = _usePress.pressProps;
|
|
91
|
+
|
|
87
92
|
var state = (0, _toggle.useToggleState)(checkboxProps);
|
|
88
93
|
var checkboxRef = (0, _react.useRef)();
|
|
89
94
|
(0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
|
|
@@ -103,7 +108,7 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
103
108
|
var _useCheckbox = (0, _checkbox.useCheckbox)(checkboxProps, state, checkboxRef),
|
|
104
109
|
inputProps = _useCheckbox.inputProps;
|
|
105
110
|
|
|
106
|
-
var _useField = (0, _hooks.useField)(_objectSpread(_objectSpread({}, props), {}, {
|
|
111
|
+
var _useField = (0, _hooks.useField)(_objectSpread(_objectSpread(_objectSpread({}, containerPressProps), props), {}, {
|
|
107
112
|
statusClasses: {
|
|
108
113
|
isIndeterminate: isIndeterminate
|
|
109
114
|
},
|
|
@@ -26,6 +26,8 @@ var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/consta
|
|
|
26
26
|
|
|
27
27
|
var _ListView = _interopRequireDefault(require("./ListView"));
|
|
28
28
|
|
|
29
|
+
var _CheckboxField = _interopRequireDefault(require("../CheckboxField"));
|
|
30
|
+
|
|
29
31
|
var _react2 = require("@emotion/react");
|
|
30
32
|
|
|
31
33
|
var items = [{
|
|
@@ -104,6 +106,31 @@ var getComponentEmpty = function getComponentEmpty() {
|
|
|
104
106
|
}, (0, _react2.jsx)(_ListView["default"], (0, _extends2["default"])({}, defaultProps, props))));
|
|
105
107
|
};
|
|
106
108
|
|
|
109
|
+
var getComponentWithCheckbox = function getComponentWithCheckbox() {
|
|
110
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
111
|
+
|
|
112
|
+
var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
113
|
+
_ref3$renderFn = _ref3.renderFn,
|
|
114
|
+
renderFn = _ref3$renderFn === void 0 ? _testWrapper.render : _ref3$renderFn;
|
|
115
|
+
|
|
116
|
+
return renderFn((0, _react2.jsx)(_focus.FocusScope, {
|
|
117
|
+
restoreFocus: true
|
|
118
|
+
}, (0, _react2.jsx)(_ListView["default"], (0, _extends2["default"])({}, defaultProps, props, {
|
|
119
|
+
items: items
|
|
120
|
+
}), function (item) {
|
|
121
|
+
return (0, _react2.jsx)(_collections.Item, {
|
|
122
|
+
key: item.key,
|
|
123
|
+
textValue: item.name,
|
|
124
|
+
"data-id": item.key
|
|
125
|
+
}, (0, _react2.jsx)(_CheckboxField["default"], {
|
|
126
|
+
label: item.name,
|
|
127
|
+
containerProps: {
|
|
128
|
+
'data-testid': 'TestID'
|
|
129
|
+
}
|
|
130
|
+
}));
|
|
131
|
+
})));
|
|
132
|
+
};
|
|
133
|
+
|
|
107
134
|
test('renders listview component', function () {
|
|
108
135
|
getComponent();
|
|
109
136
|
|
|
@@ -354,4 +381,15 @@ test('when user navigates with tab and arrows keys, onFocus is called and the is
|
|
|
354
381
|
}
|
|
355
382
|
}
|
|
356
383
|
}, _callee7);
|
|
357
|
-
})));
|
|
384
|
+
})));
|
|
385
|
+
test('list view not receive focus when click on checkbox', function () {
|
|
386
|
+
getComponentWithCheckbox();
|
|
387
|
+
|
|
388
|
+
var listItem = _testWrapper.screen.getAllByRole('gridcell');
|
|
389
|
+
|
|
390
|
+
var checkbox = _testWrapper.screen.getAllByTestId('TestID');
|
|
391
|
+
|
|
392
|
+
expect(listItem[0]).not.toHaveClass('is-focused');
|
|
393
|
+
checkbox[0].click();
|
|
394
|
+
expect(listItem[0]).not.toHaveClass('is-focused');
|
|
395
|
+
});
|
|
@@ -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
|
|