@pingux/astro 2.0.0-alpha.5 → 2.0.0-alpha.7
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/CHANGELOG.md +24 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +51 -20
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +16 -15
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +24 -24
- package/lib/cjs/components/Avatar/Avatar.stories.js +3 -3
- package/lib/cjs/components/Badge/Badge.js +2 -2
- package/lib/cjs/components/Badge/Badge.stories.js +21 -24
- package/lib/cjs/components/Badge/Badge.styles.js +8 -18
- package/lib/cjs/components/Badge/Badge.test.js +3 -3
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +5 -5
- package/lib/cjs/components/Button/Button.stories.js +15 -3
- package/lib/cjs/components/Button/Buttons.styles.js +9 -1
- package/lib/cjs/components/Callout/Callout.stories.js +9 -9
- package/lib/cjs/components/Card/Card.js +1 -1
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +11 -14
- package/lib/cjs/components/CodeView/CodeView.stories.js +10 -19
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +15 -16
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.styles.js +6 -5
- package/lib/cjs/components/ColorField/ColorField.js +1 -0
- package/lib/cjs/components/ColorField/ColorField.stories.js +3 -3
- package/lib/cjs/components/ColorField/ColorField.test.js +15 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +43 -44
- package/lib/cjs/components/CopyText/CopyButton.js +2 -1
- package/lib/cjs/components/CopyText/CopyText.stories.js +9 -11
- package/lib/cjs/components/CopyText/CopyText.styles.js +7 -5
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +12 -13
- package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +6 -6
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +10 -11
- package/lib/cjs/components/HelpHint/HelpHint.stories.js +6 -7
- package/lib/cjs/components/HelpHint/HelpHint.styles.js +0 -3
- package/lib/cjs/components/Icon/Icon.stories.js +1 -1
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -3
- package/lib/cjs/components/IconButton/IconButton.js +3 -3
- package/lib/cjs/components/IconButton/IconButton.styles.js +1 -1
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +4 -4
- package/lib/cjs/components/Image/Image.stories.js +9 -10
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +9 -9
- package/lib/cjs/components/Input/Input.stories.js +5 -5
- package/lib/cjs/components/Label/Label.stories.js +5 -5
- package/lib/cjs/components/Link/Link.stories.js +3 -3
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +46 -46
- package/lib/cjs/components/ListItem/ListItem.js +30 -15
- package/lib/cjs/components/ListItem/ListItem.stories.js +90 -26
- package/lib/cjs/components/ListItem/ListItem.test.js +46 -11
- package/lib/cjs/components/ListView/ListView.js +7 -1
- package/lib/cjs/components/ListView/ListView.stories.js +24 -25
- package/lib/cjs/components/ListViewItem/ListViewItem.js +4 -2
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +8 -2
- package/lib/cjs/components/Loader/Loader.stories.js +4 -4
- package/lib/cjs/components/Menu/Menu.js +16 -5
- package/lib/cjs/components/Menu/Menu.stories.js +19 -9
- package/lib/cjs/components/Messages/Messages.stories.js +27 -27
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +6 -6
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +46 -46
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +39 -39
- package/lib/cjs/components/NavBar/NavBar.stories.js +13 -2
- package/lib/cjs/components/NavBar/NavBar.test.js +9 -0
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +64 -2
- package/lib/cjs/components/NavBarSection/NavBarSection.js +20 -2
- package/lib/cjs/components/NumberField/NumberField.stories.js +14 -14
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +15 -15
- package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +25 -26
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +4 -4
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +19 -20
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -4
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +4 -5
- package/lib/cjs/components/SearchField/SearchField.stories.js +8 -8
- package/lib/cjs/components/SelectField/SelectField.stories.js +47 -47
- package/lib/cjs/components/Separator/Separator.stories.js +6 -7
- package/lib/cjs/components/SwitchField/SwitchField.js +4 -2
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +8 -9
- package/lib/cjs/components/Table/Table.stories.js +7 -13
- package/lib/cjs/components/Tabs/Tabs.stories.js +32 -36
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +16 -17
- package/lib/cjs/components/TextField/TextField.stories.js +23 -24
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +4 -4
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -5
- package/lib/cjs/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js +3 -3
- package/lib/cjs/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js +3 -3
- package/lib/cjs/recipes/Arrow.stories.js +4 -4
- package/lib/cjs/recipes/AttributeMappingReadOnlyField.stories.js +2 -2
- package/lib/cjs/recipes/CollapsiblePanel.stories.js +40 -40
- package/lib/cjs/recipes/CountryPicker.stories.js +4 -7
- package/lib/cjs/recipes/DraggableBox.stories.js +5 -7
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +1 -2
- package/lib/cjs/recipes/LinkedListView.stories.js +9 -9
- package/lib/cjs/recipes/ListAndPanel.stories.js +71 -21
- package/lib/cjs/recipes/LogoTabs.stories.js +3 -3
- package/lib/cjs/recipes/NeutralInput.stories.js +2 -2
- package/lib/cjs/recipes/OneWayToBidirectionalArrow.stories.js +6 -7
- package/lib/cjs/recipes/PanelHeader.stories.js +10 -15
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +2 -4
- package/lib/cjs/recipes/{SelectedFieldOverlay.story.js → SelectedFieldOverlay.stories.js} +5 -7
- package/lib/cjs/recipes/StatsCircle.stories.js +4 -5
- package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +2 -2
- package/lib/cjs/styles/colors.js +3 -1
- package/lib/cjs/styles/themes/astro-nano/astro-nano.js +17 -17
- package/lib/cjs/utils/devUtils/props/hoverProps.js +54 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +44 -11
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +6 -5
- package/lib/components/ArrayField/ArrayField.stories.js +1 -1
- package/lib/components/Avatar/Avatar.stories.js +1 -1
- package/lib/components/Badge/Badge.js +2 -2
- package/lib/components/Badge/Badge.stories.js +4 -7
- package/lib/components/Badge/Badge.styles.js +7 -16
- package/lib/components/Badge/Badge.test.js +3 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
- package/lib/components/Button/Button.stories.js +11 -1
- package/lib/components/Button/Buttons.styles.js +9 -1
- package/lib/components/Callout/Callout.stories.js +1 -1
- package/lib/components/Card/Card.js +1 -1
- package/lib/components/CheckboxField/CheckboxField.stories.js +1 -4
- package/lib/components/CodeView/CodeView.stories.js +5 -14
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +11 -12
- package/lib/components/CollapsiblePanel/CollapsiblePanel.styles.js +6 -5
- package/lib/components/ColorField/ColorField.js +1 -0
- package/lib/components/ColorField/ColorField.stories.js +1 -1
- package/lib/components/ColorField/ColorField.test.js +15 -0
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +1 -2
- package/lib/components/CopyText/CopyButton.js +2 -1
- package/lib/components/CopyText/CopyText.stories.js +1 -3
- package/lib/components/CopyText/CopyText.styles.js +7 -5
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +2 -3
- package/lib/components/FieldHelperText/FieldHelperText.stories.js +1 -1
- package/lib/components/FileInputField/FileInputField.stories.js +1 -2
- package/lib/components/HelpHint/HelpHint.stories.js +1 -2
- package/lib/components/HelpHint/HelpHint.styles.js +0 -3
- package/lib/components/Icon/Icon.stories.js +1 -1
- package/lib/components/IconBadge/IconBadge.stories.js +1 -2
- package/lib/components/IconButton/IconButton.js +3 -3
- package/lib/components/IconButton/IconButton.styles.js +2 -2
- package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +1 -1
- package/lib/components/Image/Image.stories.js +1 -2
- package/lib/components/ImageUploadField/ImageUploadField.stories.js +1 -1
- package/lib/components/Input/Input.stories.js +1 -1
- package/lib/components/Label/Label.stories.js +1 -1
- package/lib/components/Link/Link.stories.js +1 -1
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +1 -1
- package/lib/components/ListItem/ListItem.js +30 -13
- package/lib/components/ListItem/ListItem.stories.js +68 -8
- package/lib/components/ListItem/ListItem.test.js +46 -11
- package/lib/components/ListView/ListView.js +7 -1
- package/lib/components/ListView/ListView.stories.js +1 -2
- package/lib/components/ListViewItem/ListViewItem.js +4 -2
- package/lib/components/ListViewItem/ListViewItem.styles.js +8 -2
- package/lib/components/Loader/Loader.stories.js +1 -1
- package/lib/components/Menu/Menu.js +16 -5
- package/lib/components/Menu/Menu.stories.js +15 -4
- package/lib/components/Messages/Messages.stories.js +1 -1
- package/lib/components/MultivaluesField/MultivaluesField.js +6 -6
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +8 -8
- package/lib/components/MultivaluesField/MultivaluesField.test.js +39 -39
- package/lib/components/NavBar/NavBar.stories.js +13 -2
- package/lib/components/NavBar/NavBar.test.js +9 -0
- package/lib/components/NavBarSection/NavBarItemHeader.js +64 -2
- package/lib/components/NavBarSection/NavBarSection.js +21 -3
- package/lib/components/NumberField/NumberField.stories.js +1 -1
- package/lib/components/PasswordField/PasswordField.stories.js +1 -1
- package/lib/components/RadioGroupField/RadioGroupField.stories.js +1 -2
- package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +1 -2
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +1 -2
- package/lib/components/ScrollBox/ScrollBox.stories.js +1 -2
- package/lib/components/SearchField/SearchField.stories.js +1 -1
- package/lib/components/SelectField/SelectField.stories.js +1 -1
- package/lib/components/Separator/Separator.stories.js +1 -2
- package/lib/components/SwitchField/SwitchField.js +4 -2
- package/lib/components/SwitchField/SwitchField.stories.js +1 -2
- package/lib/components/Table/Table.stories.js +1 -7
- package/lib/components/Tabs/Tabs.stories.js +1 -5
- package/lib/components/TextAreaField/TextAreaField.stories.js +1 -2
- package/lib/components/TextField/TextField.stories.js +1 -2
- package/lib/components/TimeZonePicker/TimeZonePicker.stories.js +1 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +1 -3
- package/lib/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js +3 -3
- package/lib/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js +3 -3
- package/lib/recipes/Arrow.stories.js +1 -1
- package/lib/recipes/AttributeMappingReadOnlyField.stories.js +2 -2
- package/lib/recipes/CollapsiblePanel.stories.js +11 -11
- package/lib/recipes/CountryPicker.stories.js +1 -4
- package/lib/recipes/DraggableBox.stories.js +1 -3
- package/lib/recipes/FlippableCaretMenuButton.stories.js +1 -2
- package/lib/recipes/LinkedListView.stories.js +9 -9
- package/lib/recipes/ListAndPanel.stories.js +72 -22
- package/lib/recipes/LogoTabs.stories.js +1 -1
- package/lib/recipes/NeutralInput.stories.js +1 -1
- package/lib/recipes/OneWayToBidirectionalArrow.stories.js +1 -2
- package/lib/recipes/PanelHeader.stories.js +1 -6
- package/lib/recipes/RadioButtonsWithLinks.stories.js +1 -3
- package/lib/recipes/{SelectedFieldOverlay.story.js → SelectedFieldOverlay.stories.js} +1 -3
- package/lib/recipes/StatsCircle.stories.js +1 -2
- package/lib/recipes/TrialExperienceIndustryButtons.stories.js +1 -1
- package/lib/styles/colors.js +3 -1
- package/lib/styles/themes/astro-nano/astro-nano.js +17 -17
- package/lib/utils/devUtils/props/hoverProps.js +44 -0
- package/package.json +2 -2
- package/lib/cjs/components/PageHeader/PageHeader.js +0 -52
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +0 -36
- package/lib/cjs/components/PageHeader/PageHeader.test.js +0 -25
- package/lib/components/PageHeader/PageHeader.js +0 -38
- package/lib/components/PageHeader/PageHeader.stories.js +0 -26
- package/lib/components/PageHeader/PageHeader.test.js +0 -22
- /package/lib/cjs/{Patterns → patterns}/ListAndPanelPattern.stories.hidden.js +0 -0
- /package/lib/cjs/{Patterns → patterns}/MessagesPattern.stories.hidden.js +0 -0
- /package/lib/cjs/{Patterns → patterns}/SaveBarPattern.stories.hidden.js +0 -0
- /package/lib/cjs/{Patterns → patterns}/UnsavedChangesPattern.stories.hidden.js +0 -0
- /package/lib/{Patterns → patterns}/ListAndPanelPattern.stories.hidden.js +0 -0
- /package/lib/{Patterns → patterns}/MessagesPattern.stories.hidden.js +0 -0
- /package/lib/{Patterns → patterns}/SaveBarPattern.stories.hidden.js +0 -0
- /package/lib/{Patterns → patterns}/UnsavedChangesPattern.stories.hidden.js +0 -0
@@ -1,52 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
4
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
7
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
8
|
-
_Object$defineProperty(exports, "__esModule", {
|
9
|
-
value: true
|
10
|
-
});
|
11
|
-
exports["default"] = void 0;
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
13
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
16
|
-
var _hooks = require("../../hooks");
|
17
|
-
var _Box = _interopRequireDefault(require("../Box/Box"));
|
18
|
-
var _Text = _interopRequireDefault(require("../Text/Text"));
|
19
|
-
var _react2 = require("@emotion/react");
|
20
|
-
var _excluded = ["title", "children"];
|
21
|
-
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); }
|
22
|
-
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; }
|
23
|
-
/**
|
24
|
-
* A `Page Header` is a composed component using text and icon button.
|
25
|
-
* The component is separated from the body and appears at the top.
|
26
|
-
* For customization,
|
27
|
-
* please see [Page Header](./?path=/story/recipes-page-header--default) recipe docs.
|
28
|
-
*/
|
29
|
-
|
30
|
-
var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
31
|
-
var title = props.title,
|
32
|
-
children = props.children,
|
33
|
-
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
34
|
-
(0, _hooks.useDeprecationWarning)('The Page Header component will be deprecated in Astro-UI 2.0.0. Use Page Header recipe instead.');
|
35
|
-
return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
|
36
|
-
isRow: true,
|
37
|
-
justifyContent: "space-between",
|
38
|
-
role: "heading",
|
39
|
-
"aria-level": "1",
|
40
|
-
ref: ref
|
41
|
-
}, others), (0, _react2.jsx)(_Text["default"], {
|
42
|
-
variant: "title",
|
43
|
-
mb: "md"
|
44
|
-
}, title), children);
|
45
|
-
});
|
46
|
-
PageHeader.displayName = 'PageHeader';
|
47
|
-
var _default = PageHeader;
|
48
|
-
exports["default"] = _default;
|
49
|
-
PageHeader.propTypes = {
|
50
|
-
/** Title for the Page Header. */
|
51
|
-
title: _propTypes["default"].string
|
52
|
-
};
|
@@ -1,36 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
5
|
-
_Object$defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports["default"] = exports.Default = void 0;
|
9
|
-
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
12
|
-
var _withDeprecationWarning = _interopRequireDefault(require("../../utils/devUtils/decorators/withDeprecationWarning"));
|
13
|
-
var _Button = _interopRequireDefault(require("../Button/Button"));
|
14
|
-
var _PageHeader = _interopRequireDefault(require("./PageHeader"));
|
15
|
-
var _react2 = require("@emotion/react");
|
16
|
-
var _default = {
|
17
|
-
title: 'Deprecated/PageHeader',
|
18
|
-
component: _PageHeader["default"],
|
19
|
-
decorators: [function (Story, context) {
|
20
|
-
return (0, _withDeprecationWarning["default"])(Story, context, 'The `PageHeader` component will be deprecated in Astro-UI 2.0.0.');
|
21
|
-
}],
|
22
|
-
argTypes: {
|
23
|
-
title: {
|
24
|
-
control: {
|
25
|
-
type: 'text'
|
26
|
-
},
|
27
|
-
defaultValue: 'Forms'
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
31
|
-
exports["default"] = _default;
|
32
|
-
var Default = function Default(_ref) {
|
33
|
-
var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
|
34
|
-
return (0, _react2.jsx)(_PageHeader["default"], args, (0, _react2.jsx)(_Button["default"], null, "Add a Form"));
|
35
|
-
};
|
36
|
-
exports.Default = Default;
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
6
|
-
var _react2 = require("@testing-library/react");
|
7
|
-
var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
|
8
|
-
var _PageHeader = _interopRequireDefault(require("./PageHeader"));
|
9
|
-
var _react3 = require("@emotion/react");
|
10
|
-
var testTitle = 'Test Title';
|
11
|
-
var defaultProps = {
|
12
|
-
title: testTitle
|
13
|
-
};
|
14
|
-
var getComponent = function getComponent() {
|
15
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
16
|
-
return (0, _react2.render)((0, _react3.jsx)(_PageHeader["default"], (0, _extends2["default"])({}, defaultProps, props)));
|
17
|
-
};
|
18
|
-
|
19
|
-
// Need to be added to each test file to test accessibility using axe.
|
20
|
-
(0, _testAxe["default"])(getComponent);
|
21
|
-
test('renders pageheader and title', function () {
|
22
|
-
getComponent();
|
23
|
-
var title = _react2.screen.getByRole('heading');
|
24
|
-
expect(title).toBeInTheDocument();
|
25
|
-
});
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
-
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
|
-
var _excluded = ["title", "children"];
|
4
|
-
import React, { forwardRef } from 'react';
|
5
|
-
import PropTypes from 'prop-types';
|
6
|
-
import { useDeprecationWarning } from '../../hooks';
|
7
|
-
import Box from '../Box/Box';
|
8
|
-
import Text from '../Text/Text';
|
9
|
-
|
10
|
-
/**
|
11
|
-
* A `Page Header` is a composed component using text and icon button.
|
12
|
-
* The component is separated from the body and appears at the top.
|
13
|
-
* For customization,
|
14
|
-
* please see [Page Header](./?path=/story/recipes-page-header--default) recipe docs.
|
15
|
-
*/
|
16
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
17
|
-
var PageHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
18
|
-
var title = props.title,
|
19
|
-
children = props.children,
|
20
|
-
others = _objectWithoutProperties(props, _excluded);
|
21
|
-
useDeprecationWarning('The Page Header component will be deprecated in Astro-UI 2.0.0. Use Page Header recipe instead.');
|
22
|
-
return ___EmotionJSX(Box, _extends({
|
23
|
-
isRow: true,
|
24
|
-
justifyContent: "space-between",
|
25
|
-
role: "heading",
|
26
|
-
"aria-level": "1",
|
27
|
-
ref: ref
|
28
|
-
}, others), ___EmotionJSX(Text, {
|
29
|
-
variant: "title",
|
30
|
-
mb: "md"
|
31
|
-
}, title), children);
|
32
|
-
});
|
33
|
-
PageHeader.displayName = 'PageHeader';
|
34
|
-
export default PageHeader;
|
35
|
-
PageHeader.propTypes = {
|
36
|
-
/** Title for the Page Header. */
|
37
|
-
title: PropTypes.string
|
38
|
-
};
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
|
2
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
|
-
import React from 'react';
|
4
|
-
import withDeprecationWarning from '../../utils/devUtils/decorators/withDeprecationWarning';
|
5
|
-
import Button from '../Button/Button';
|
6
|
-
import PageHeader from './PageHeader';
|
7
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
-
export default {
|
9
|
-
title: 'Deprecated/PageHeader',
|
10
|
-
component: PageHeader,
|
11
|
-
decorators: [function (Story, context) {
|
12
|
-
return withDeprecationWarning(Story, context, 'The `PageHeader` component will be deprecated in Astro-UI 2.0.0.');
|
13
|
-
}],
|
14
|
-
argTypes: {
|
15
|
-
title: {
|
16
|
-
control: {
|
17
|
-
type: 'text'
|
18
|
-
},
|
19
|
-
defaultValue: 'Forms'
|
20
|
-
}
|
21
|
-
}
|
22
|
-
};
|
23
|
-
export var Default = function Default(_ref) {
|
24
|
-
var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
25
|
-
return ___EmotionJSX(PageHeader, args, ___EmotionJSX(Button, null, "Add a Form"));
|
26
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
-
import React from 'react';
|
3
|
-
import { render, screen } from '@testing-library/react';
|
4
|
-
import axeTest from '../../utils/testUtils/testAxe';
|
5
|
-
import PageHeader from './PageHeader';
|
6
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
|
-
var testTitle = 'Test Title';
|
8
|
-
var defaultProps = {
|
9
|
-
title: testTitle
|
10
|
-
};
|
11
|
-
var getComponent = function getComponent() {
|
12
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
13
|
-
return render(___EmotionJSX(PageHeader, _extends({}, defaultProps, props)));
|
14
|
-
};
|
15
|
-
|
16
|
-
// Need to be added to each test file to test accessibility using axe.
|
17
|
-
axeTest(getComponent);
|
18
|
-
test('renders pageheader and title', function () {
|
19
|
-
getComponent();
|
20
|
-
var title = screen.getByRole('heading');
|
21
|
-
expect(title).toBeInTheDocument();
|
22
|
-
});
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|