@pingux/astro 2.33.0-alpha.12 → 2.33.0-alpha.2
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.test.js +9 -8
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +11 -8
- package/lib/cjs/components/ArrayField/ArrayField.js +3 -5
- package/lib/cjs/components/ArrayField/ArrayField.test.js +4 -13
- package/lib/cjs/components/Avatar/Avatar.test.js +4 -7
- package/lib/cjs/components/Badge/Badge.test.js +3 -7
- package/lib/cjs/components/Box/Box.test.js +4 -7
- package/lib/cjs/components/Bracket/Bracket.js +1 -3
- package/lib/cjs/components/Bracket/Bracket.test.js +3 -7
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
- package/lib/cjs/components/ButtonBar/ButtonBar.js +3 -9
- package/lib/cjs/components/ButtonBar/ButtonBar.stories.js +5 -61
- package/lib/cjs/components/ButtonBar/ButtonBar.test.js +3 -13
- package/lib/cjs/components/Callout/Callout.js +3 -8
- package/lib/cjs/components/Callout/Callout.test.js +0 -8
- package/lib/cjs/components/Card/Card.test.js +4 -7
- package/lib/cjs/components/Checkbox/Checkbox.test.js +4 -7
- package/lib/cjs/components/CheckboxField/CheckboxField.js +2 -4
- package/lib/cjs/components/CheckboxField/CheckboxField.test.js +3 -7
- package/lib/cjs/components/CodeView/CodeView.js +0 -1
- package/lib/cjs/components/CodeView/CodeView.test.js +3 -7
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -9
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
- package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
- package/lib/cjs/components/ColorField/ColorField.test.js +3 -7
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +21 -11
- package/lib/cjs/components/CopyText/CopyText.test.js +5 -15
- package/lib/cjs/components/DataTable/DataTableBadge.test.js +0 -8
- package/lib/cjs/components/DataTable/DataTableMenu.test.js +0 -8
- package/lib/cjs/components/DataTable/DataTableMultiLine.test.js +5 -16
- package/lib/cjs/components/DatePicker/DatePicker.test.js +20 -11
- package/lib/cjs/components/EditButton/EditButton.test.js +2 -8
- package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +3 -7
- package/lib/cjs/components/FileInputField/FileInputField.test.js +2 -8
- package/lib/cjs/components/HelpHint/HelpHint.test.js +3 -7
- package/lib/cjs/components/IconBadge/IconBadge.js +3 -8
- package/lib/cjs/components/IconBadge/IconBadge.test.js +3 -9
- package/lib/cjs/components/IconButton/IconButton.test.js +3 -7
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +6 -11
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
- package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +3 -7
- package/lib/cjs/components/Input/Input.test.js +3 -7
- package/lib/cjs/components/Link/Link.test.js +3 -7
- package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +31 -12
- package/lib/cjs/components/ListItem/ListItem.test.js +8 -5
- package/lib/cjs/components/ListView/ListView.test.js +0 -19
- package/lib/cjs/components/ListViewItem/ListViewItem.test.js +3 -7
- package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.js +4 -11
- package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
- package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js +4 -10
- package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
- package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -9
- package/lib/cjs/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
- package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.js +3 -4
- package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
- package/lib/cjs/components/Loader/Loader.test.js +3 -7
- package/lib/cjs/components/Menu/Menu.test.js +3 -11
- package/lib/cjs/components/MenuItem/MenuItem.test.js +3 -15
- package/lib/cjs/components/Messages/Messages.test.js +3 -9
- package/lib/cjs/components/Modal/tests/Modal.unit.test.js +3 -7
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +20 -14
- package/lib/cjs/components/NavBar/NavBar.js +2 -3
- package/lib/cjs/components/NavBar/NavBar.test.js +2 -10
- package/lib/cjs/components/NumberField/NumberField.test.js +8 -5
- package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +3 -7
- package/lib/cjs/components/PageHeader/PageHeader.test.js +2 -11
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -9
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.js +4 -12
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -12
- package/lib/cjs/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
- package/lib/cjs/components/PasswordField/PasswordField.test.js +3 -7
- package/lib/cjs/components/RadioField/RadioField.test.js +3 -9
- package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +3 -10
- package/lib/cjs/components/RequirementsList/RequirementsList.test.js +3 -7
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
- package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -8
- package/lib/cjs/components/SearchField/SearchField.test.js +3 -7
- package/lib/cjs/components/SelectField/SelectField.test.js +3 -11
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +30 -14
- package/lib/cjs/components/Separator/Separator.test.js +3 -7
- package/lib/cjs/components/Stepper/Stepper.test.js +14 -12
- package/lib/cjs/components/SwitchField/SwitchField.test.js +3 -7
- package/lib/cjs/components/Table/Table.js +3 -9
- package/lib/cjs/components/Table/Table.test.js +3 -26
- package/lib/cjs/components/TableBody/TableBody.js +3 -9
- package/lib/cjs/components/TableCaption/TableCaption.js +3 -9
- package/lib/cjs/components/TableCell/TableCell.d.ts +2 -2
- package/lib/cjs/components/TableCell/TableCell.js +3 -9
- package/lib/cjs/components/TableCell/TableCell.test.js +3 -7
- package/lib/cjs/components/TableHead/TableHead.js +3 -9
- package/lib/cjs/components/TableRow/TableRow.js +3 -9
- package/lib/cjs/components/Tabs/Tabs.stories.js +2 -2
- package/lib/cjs/components/Tabs/Tabs.style.js +1 -0
- package/lib/cjs/components/Tabs/Tabs.test.js +3 -10
- package/lib/cjs/components/Text/Text.test.js +3 -7
- package/lib/cjs/components/TextArea/TextArea.test.js +3 -8
- package/lib/cjs/components/TextAreaField/TextAreaField.test.js +3 -7
- package/lib/cjs/components/TextField/TextField.test.js +3 -7
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
- package/lib/cjs/hooks/useComponentToggle/useComponentToggle.js +3 -1
- package/lib/cjs/hooks/useField/useField.d.ts +35 -33
- package/lib/cjs/hooks/useField/useField.js +1 -1
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +6 -3
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
- package/lib/cjs/hooks/usePropWarning/usePropWarning.js +8 -0
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +9 -13
- package/lib/cjs/hooks/useSelectField/useSelectField.js +10 -10
- package/lib/cjs/types/item.d.ts +7 -4
- package/lib/cjs/types/popoverContainer.d.ts +0 -1
- package/lib/cjs/types/shared/style.d.ts +0 -6
- package/lib/cjs/utils/designUtils/figmaLinks.js +2 -4
- package/lib/cjs/utils/testUtils/universalComponentTest.d.ts +2 -1
- package/lib/cjs/utils/testUtils/universalComponentTest.js +4 -6
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +9 -8
- package/lib/components/AccordionGroup/AccordionGroup.test.js +11 -8
- package/lib/components/ArrayField/ArrayField.js +4 -6
- package/lib/components/ArrayField/ArrayField.test.js +4 -13
- package/lib/components/Avatar/Avatar.test.js +4 -7
- package/lib/components/Badge/Badge.test.js +3 -7
- package/lib/components/Box/Box.test.js +4 -7
- package/lib/components/Bracket/Bracket.js +1 -3
- package/lib/components/Bracket/Bracket.test.js +3 -7
- package/lib/components/Breadcrumbs/Breadcrumbs.test.js +3 -7
- package/lib/components/ButtonBar/ButtonBar.js +3 -4
- package/lib/components/ButtonBar/ButtonBar.stories.js +3 -57
- package/lib/components/ButtonBar/ButtonBar.test.js +3 -13
- package/lib/components/Callout/Callout.js +3 -4
- package/lib/components/Callout/Callout.test.js +0 -8
- package/lib/components/Card/Card.test.js +4 -7
- package/lib/components/Checkbox/Checkbox.test.js +4 -7
- package/lib/components/CheckboxField/CheckboxField.js +2 -4
- package/lib/components/CheckboxField/CheckboxField.test.js +3 -7
- package/lib/components/CodeView/CodeView.js +0 -1
- package/lib/components/CodeView/CodeView.test.js +3 -7
- package/lib/components/CollapsiblePanel/CollapsiblePanel.test.js +10 -5
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +3 -4
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js +3 -7
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelContainer.test.js +3 -7
- package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.test.js +3 -7
- package/lib/components/ColorField/ColorField.test.js +3 -7
- package/lib/components/ComboBoxField/ComboBoxField.test.js +21 -11
- package/lib/components/CopyText/CopyText.test.js +5 -15
- package/lib/components/DataTable/DataTableBadge.test.js +0 -8
- package/lib/components/DataTable/DataTableMenu.test.js +0 -8
- package/lib/components/DataTable/DataTableMultiLine.test.js +5 -16
- package/lib/components/DatePicker/DatePicker.test.js +20 -11
- package/lib/components/EditButton/EditButton.test.js +2 -8
- package/lib/components/FieldHelperText/FieldHelperText.test.js +3 -7
- package/lib/components/FileInputField/FileInputField.test.js +2 -8
- package/lib/components/HelpHint/HelpHint.test.js +3 -7
- package/lib/components/IconBadge/IconBadge.js +3 -4
- package/lib/components/IconBadge/IconBadge.test.js +3 -9
- package/lib/components/IconButton/IconButton.test.js +3 -7
- package/lib/components/IconButtonToggle/IconButtonToggle.js +6 -6
- package/lib/components/IconButtonToggle/IconButtonToggle.test.js +3 -7
- package/lib/components/ImageUploadField/ImageUploadField.test.js +3 -7
- package/lib/components/Input/Input.test.js +3 -7
- package/lib/components/Link/Link.test.js +3 -7
- package/lib/components/LinkSelectField/LinkSelectField.test.js +31 -12
- package/lib/components/ListItem/ListItem.test.js +8 -5
- package/lib/components/ListView/ListView.test.js +0 -19
- package/lib/components/ListViewItem/ListViewItem.test.js +3 -7
- package/lib/components/ListViewItem/controls/ListViewItemEditButton.js +4 -6
- package/lib/components/ListViewItem/controls/ListViewItemEditButton.test.js +3 -7
- package/lib/components/ListViewItem/controls/ListViewItemMenu.js +4 -5
- package/lib/components/ListViewItem/controls/ListViewItemMenu.test.js +4 -7
- package/lib/components/ListViewItem/controls/ListViewItemSwitchField.js +3 -4
- package/lib/components/ListViewItem/controls/ListViewItemSwitchField.test.js +3 -7
- package/lib/components/ListViewItem/controls/chart/ListViewItemChart.js +4 -5
- package/lib/components/ListViewItem/controls/chart/ListViewItemChart.test.js +3 -7
- package/lib/components/Loader/Loader.test.js +3 -7
- package/lib/components/Menu/Menu.test.js +3 -11
- package/lib/components/MenuItem/MenuItem.test.js +3 -15
- package/lib/components/Messages/Messages.test.js +3 -9
- package/lib/components/Modal/tests/Modal.unit.test.js +3 -7
- package/lib/components/MultivaluesField/MultivaluesField.test.js +20 -14
- package/lib/components/NavBar/NavBar.js +3 -4
- package/lib/components/NavBar/NavBar.test.js +2 -10
- package/lib/components/NumberField/NumberField.test.js +8 -5
- package/lib/components/OverlayPanel/OverlayPanel.test.js +3 -7
- package/lib/components/PageHeader/PageHeader.test.js +2 -11
- package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.js +3 -4
- package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.test.js +3 -7
- package/lib/components/PanelHeader/controls/PanelHeaderMenu.js +4 -7
- package/lib/components/PanelHeader/controls/PanelHeaderMenu.test.js +3 -7
- package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.js +4 -7
- package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.test.js +3 -7
- package/lib/components/PasswordField/PasswordField.test.js +3 -7
- package/lib/components/RadioField/RadioField.test.js +3 -9
- package/lib/components/RadioGroupField/RadioGroupField.test.js +3 -10
- package/lib/components/RequirementsList/RequirementsList.test.js +3 -7
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +3 -11
- package/lib/components/ScrollBox/ScrollBox.test.js +0 -8
- package/lib/components/SearchField/SearchField.test.js +3 -7
- package/lib/components/SelectField/SelectField.test.js +3 -11
- package/lib/components/SelectFieldBase/SelectFieldBase.test.js +31 -13
- package/lib/components/Separator/Separator.test.js +3 -7
- package/lib/components/Stepper/Stepper.test.js +14 -12
- package/lib/components/SwitchField/SwitchField.test.js +3 -7
- package/lib/components/Table/Table.js +3 -4
- package/lib/components/Table/Table.test.js +3 -26
- package/lib/components/TableBody/TableBody.js +3 -4
- package/lib/components/TableCaption/TableCaption.js +3 -4
- package/lib/components/TableCell/TableCell.js +3 -4
- package/lib/components/TableCell/TableCell.test.js +3 -7
- package/lib/components/TableHead/TableHead.js +3 -4
- package/lib/components/TableRow/TableRow.js +3 -4
- package/lib/components/Tabs/Tabs.stories.js +3 -3
- package/lib/components/Tabs/Tabs.style.js +1 -0
- package/lib/components/Tabs/Tabs.test.js +3 -10
- package/lib/components/Text/Text.test.js +3 -7
- package/lib/components/TextArea/TextArea.test.js +3 -8
- package/lib/components/TextAreaField/TextAreaField.test.js +3 -7
- package/lib/components/TextField/TextField.test.js +3 -7
- package/lib/components/TimeZonePicker/TimeZonePicker.test.js +0 -8
- package/lib/components/TooltipTrigger/TooltipTrigger.test.js +3 -7
- package/lib/hooks/useComponentToggle/useComponentToggle.js +3 -1
- package/lib/hooks/useField/useField.js +0 -2
- package/lib/hooks/useProgressiveState/useProgressiveState.js +7 -3
- package/lib/hooks/useProgressiveState/useProgressiveState.test.js +16 -7
- package/lib/hooks/usePropWarning/usePropWarning.js +8 -0
- package/lib/hooks/usePropWarning/usePropWarning.test.js +9 -13
- package/lib/hooks/useSelectField/useSelectField.js +9 -11
- package/lib/utils/designUtils/figmaLinks.js +2 -4
- package/lib/utils/testUtils/universalComponentTest.js +4 -6
- package/package.json +1 -1
- package/lib/cjs/components/TableBody/TableBody.test.d.ts +0 -1
- package/lib/cjs/components/TableBody/TableBody.test.js +0 -13
- package/lib/cjs/components/TableCaption/TableCaption.test.js +0 -13
- package/lib/cjs/components/TableHead/TableHead.test.js +0 -13
- package/lib/cjs/components/TableRow/TableRow.test.js +0 -13
- package/lib/cjs/hooks/useProgressiveState/index.d.ts +0 -1
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.d.ts +0 -11
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.d.ts +0 -1
- package/lib/cjs/hooks/usePropWarning/index.d.ts +0 -1
- package/lib/cjs/hooks/usePropWarning/usePropWarning.d.ts +0 -13
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.d.ts +0 -1
- package/lib/cjs/hooks/useRockerButton/index.d.ts +0 -1
- package/lib/cjs/hooks/useRockerButton/useRockerButton.d.ts +0 -241
- package/lib/cjs/hooks/useSelectField/index.d.ts +0 -1
- package/lib/cjs/hooks/useSelectField/useSelectField.d.ts +0 -55
- package/lib/components/TableBody/TableBody.test.js +0 -11
- package/lib/components/TableCaption/TableCaption.test.js +0 -11
- package/lib/components/TableHead/TableHead.test.js +0 -11
- package/lib/components/TableRow/TableRow.test.js +0 -11
@@ -24,7 +24,7 @@ var _reactAria = require("react-aria");
|
|
24
24
|
var _reactStately = require("react-stately");
|
25
25
|
var _utils = require("@react-aria/utils");
|
26
26
|
var _constants = require("../../components/Label/constants");
|
27
|
-
var _ListBox = _interopRequireDefault(require("../../components/ListBox
|
27
|
+
var _ListBox = _interopRequireDefault(require("../../components/ListBox"));
|
28
28
|
var _PopoverContainer = _interopRequireDefault(require("../../components/PopoverContainer"));
|
29
29
|
var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox"));
|
30
30
|
var _ = require("..");
|
@@ -32,7 +32,7 @@ var _react2 = require("@emotion/react");
|
|
32
32
|
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); }
|
33
33
|
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; }
|
34
34
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
35
|
-
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; }
|
35
|
+
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; }
|
36
36
|
var useSelectField = function useSelectField(props, ref) {
|
37
37
|
var _context;
|
38
38
|
var align = props.align,
|
@@ -64,7 +64,8 @@ var useSelectField = function useSelectField(props, ref) {
|
|
64
64
|
// We use falsy booleans as defaults, but React Aria has this as true by default so we need to
|
65
65
|
// negate this.
|
66
66
|
var shouldFlip = !isNotFlippable;
|
67
|
-
var selectProps = _objectSpread(
|
67
|
+
var selectProps = _objectSpread({
|
68
|
+
children: children,
|
68
69
|
defaultSelectedKey: defaultSelectedKey,
|
69
70
|
defaultText: defaultText,
|
70
71
|
disabledKeys: disabledKeys,
|
@@ -86,14 +87,13 @@ var useSelectField = function useSelectField(props, ref) {
|
|
86
87
|
disallowEmptySelection: disallowEmptySelection,
|
87
88
|
// must match React Aria API
|
88
89
|
shouldFlip: shouldFlip
|
89
|
-
}, controlProps)
|
90
|
-
children: children
|
91
|
-
});
|
90
|
+
}, controlProps);
|
92
91
|
// Create state based on the incoming props
|
93
92
|
var state = (0, _reactStately.useSelectState)(selectProps);
|
94
93
|
var popoverRef = (0, _react.useRef)();
|
95
|
-
var listBoxRef = (0, _react.useRef)();
|
96
94
|
var triggerRef = (0, _react.useRef)();
|
95
|
+
var listBoxRef = (0, _react.useRef)();
|
96
|
+
|
97
97
|
/* istanbul ignore next */
|
98
98
|
(0, _react.useImperativeHandle)(ref, function () {
|
99
99
|
return triggerRef.current;
|
@@ -120,7 +120,7 @@ var useSelectField = function useSelectField(props, ref) {
|
|
120
120
|
placeholder: props.labelMode === _constants.modes.FLOAT ? '' : placeholder,
|
121
121
|
labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
|
122
122
|
containerProps: _objectSpread({
|
123
|
-
isFloatLabelActive:
|
123
|
+
isFloatLabelActive: state.selectedItem
|
124
124
|
}, props.containerProps)
|
125
125
|
})),
|
126
126
|
fieldContainerProps = _useField.fieldContainerProps,
|
@@ -152,7 +152,7 @@ var useSelectField = function useSelectField(props, ref) {
|
|
152
152
|
}, [state.isOpen, updatePosition]);
|
153
153
|
|
154
154
|
// Measure the width of the input to inform the width of the listbox (below).
|
155
|
-
var _useState = (0, _react.useState)(
|
155
|
+
var _useState = (0, _react.useState)(null),
|
156
156
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
157
157
|
buttonWidth = _useState2[0],
|
158
158
|
setButtonWidth = _useState2[1];
|
@@ -161,7 +161,7 @@ var useSelectField = function useSelectField(props, ref) {
|
|
161
161
|
if (triggerRef.current) {
|
162
162
|
setButtonWidth(triggerRef.current.offsetWidth);
|
163
163
|
}
|
164
|
-
}, [triggerRef, setButtonWidth]);
|
164
|
+
}, [triggerRef, setButtonWidth, state.isOpen]);
|
165
165
|
(0, _utils.useResizeObserver)({
|
166
166
|
ref: triggerRef,
|
167
167
|
onResize: onResize
|
package/lib/cjs/types/item.d.ts
CHANGED
@@ -1,14 +1,17 @@
|
|
1
|
-
import { ElementType } from 'react';
|
1
|
+
import { CSSProperties, ElementType } from 'react';
|
2
2
|
import type { ItemProps } from '@react-types/shared';
|
3
3
|
import { DOMAttributes, StyleProps } from './shared';
|
4
|
+
export interface StylingProps extends DOMAttributes, StyleProps {
|
5
|
+
style?: CSSProperties | string;
|
6
|
+
}
|
4
7
|
declare module '@react-types/shared' {
|
5
8
|
interface ItemProps<T> extends StyleProps, DOMAttributes {
|
6
9
|
/** The rendered label for the item. */
|
7
10
|
label?: string;
|
8
11
|
/** Props for the accordion item content element. */
|
9
|
-
regionProps?:
|
12
|
+
regionProps?: StylingProps;
|
10
13
|
/** Props for the accordion item content element. */
|
11
|
-
containerProps?:
|
14
|
+
containerProps?: StylingProps;
|
12
15
|
/** Whether the item has a separator */
|
13
16
|
isSeparator?: boolean;
|
14
17
|
/** Whether the item is pressed */
|
@@ -20,7 +23,7 @@ declare module '@react-types/shared' {
|
|
20
23
|
/** A URL to link to if elementType="a". */
|
21
24
|
href?: string;
|
22
25
|
/** Inline styling prop for item */
|
23
|
-
sx?:
|
26
|
+
sx?: StylingProps;
|
24
27
|
}
|
25
28
|
}
|
26
29
|
export default ItemProps;
|
@@ -16,7 +16,6 @@ export interface PopoverContainerProps extends StylePropsExtended, DOMAttributes
|
|
16
16
|
isKeyboardDismissDisabled?: boolean;
|
17
17
|
isNonModal?: boolean;
|
18
18
|
isDismissable?: boolean;
|
19
|
-
isOpen?: boolean;
|
20
19
|
}
|
21
20
|
export interface PopoverWrapperProps extends PopoverContainerProps {
|
22
21
|
isOpen?: boolean;
|
@@ -8,10 +8,4 @@ export interface StyleProps extends ThemeUICSSProperties, SxProp {
|
|
8
8
|
variant?: string;
|
9
9
|
/** The base HTML tag name or React component type to render */
|
10
10
|
as?: string | React.ReactNode | React.ElementType;
|
11
|
-
/** Inline style object that allows you to directly apply CSS styles to the element. */
|
12
|
-
style?: React.CSSProperties | string;
|
13
11
|
}
|
14
|
-
export type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
|
15
|
-
export type Axis = 'top' | 'bottom' | 'left' | 'right';
|
16
|
-
export type SizeAxis = 'width' | 'height';
|
17
|
-
export type PlacementAxis = Axis | 'center';
|
@@ -36,10 +36,8 @@ var FIGMA_LINKS = {
|
|
36
36
|
"default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=0-1&t=8Wwd3tIBh3GEjCJB-0'
|
37
37
|
},
|
38
38
|
buttonBar: {
|
39
|
-
"default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=
|
40
|
-
rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=
|
41
|
-
secondary: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A778&mode=dev',
|
42
|
-
secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
|
39
|
+
"default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20551&mode=dev',
|
40
|
+
rightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=3660%3A20657&mode=dev'
|
43
41
|
},
|
44
42
|
calendar: {
|
45
43
|
"default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'
|
@@ -44,22 +44,20 @@ var ComponentWithRef = function ComponentWithRef(_ref) {
|
|
44
44
|
};
|
45
45
|
var universalComponentTests = /*#__PURE__*/function () {
|
46
46
|
var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
|
47
|
-
var renderComponent, _ref2$rules, rules;
|
47
|
+
var renderComponent, props, _ref2$rules, rules;
|
48
48
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
49
49
|
while (1) switch (_context2.prev = _context2.next) {
|
50
50
|
case 0:
|
51
|
-
renderComponent = _ref2.renderComponent, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
|
51
|
+
renderComponent = _ref2.renderComponent, props = _ref2.props, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
|
52
52
|
test('should have no accessibility violations', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
53
53
|
var _render, container, results;
|
54
54
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
55
55
|
while (1) switch (_context.prev = _context.next) {
|
56
56
|
case 0:
|
57
57
|
jest.useRealTimers();
|
58
|
-
_render = (0, _react2.render)(renderComponent()), container = _render.container;
|
58
|
+
_render = (0, _react2.render)(renderComponent(props)), container = _render.container;
|
59
59
|
_context.next = 4;
|
60
|
-
return (0, _jestAxe.axe)(container,
|
61
|
-
rules: rules
|
62
|
-
});
|
60
|
+
return (0, _jestAxe.axe)(container, rules);
|
63
61
|
case 4:
|
64
62
|
results = _context.sent;
|
65
63
|
expect(results).toHaveNoViolations();
|
@@ -15,21 +15,14 @@ import React from 'react';
|
|
15
15
|
import { Item } from 'react-stately';
|
16
16
|
import userEvent from '@testing-library/user-event';
|
17
17
|
import { Box, Link, OverlayPanel, Text, TextField } from '../../index';
|
18
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
18
19
|
import { act, fireEvent, render, screen, waitFor } from '../../utils/testUtils/testWrapper';
|
19
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
20
20
|
import AccordionGridGroup from '.';
|
21
21
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
22
22
|
var testId = 'test-accordion';
|
23
23
|
var defaultProps = {
|
24
24
|
'data-testid': testId
|
25
25
|
};
|
26
|
-
|
27
|
-
// Needs to be added to each components test file
|
28
|
-
universalComponentTests({
|
29
|
-
renderComponent: function renderComponent(props) {
|
30
|
-
return ___EmotionJSX(AccordionGridGroup, props);
|
31
|
-
}
|
32
|
-
});
|
33
26
|
var getComponent = function getComponent() {
|
34
27
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
35
28
|
return render(___EmotionJSX(AccordionGridGroup, _extends({}, defaultProps, props), ___EmotionJSX(Item, {
|
@@ -71,6 +64,14 @@ var getComponentWithTextFields = function getComponentWithTextFields() {
|
|
71
64
|
label: "label 2"
|
72
65
|
})))));
|
73
66
|
};
|
67
|
+
axeTest(getComponent, {
|
68
|
+
// landmark-unique rule conflicts with react-aria role definition
|
69
|
+
rules: {
|
70
|
+
'landmark-unique': {
|
71
|
+
enabled: false
|
72
|
+
}
|
73
|
+
}
|
74
|
+
});
|
74
75
|
test('button press uses callback', function () {
|
75
76
|
var onPress = jest.fn();
|
76
77
|
getComponent({
|
@@ -5,8 +5,8 @@ import React from 'react';
|
|
5
5
|
import { Item } from 'react-stately';
|
6
6
|
import userEvent from '@testing-library/user-event';
|
7
7
|
import { Box, Button, Menu, OverlayPanel, PopoverMenu, TextField } from '../../index';
|
8
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
8
9
|
import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
9
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
10
10
|
import { validHeadingTags } from '../AccordionItem/AccordionItem';
|
11
11
|
import Text from '../Text';
|
12
12
|
import AccordionGroup from '.';
|
@@ -15,13 +15,6 @@ var testId = 'test-accordion';
|
|
15
15
|
var defaultProps = {
|
16
16
|
'data-testid': testId
|
17
17
|
};
|
18
|
-
|
19
|
-
// Needs to be added to each components test file
|
20
|
-
universalComponentTests({
|
21
|
-
renderComponent: function renderComponent(props) {
|
22
|
-
return ___EmotionJSX(AccordionGroup, props);
|
23
|
-
}
|
24
|
-
});
|
25
18
|
var items = [{
|
26
19
|
key: 'identityProvider',
|
27
20
|
label: 'some label1',
|
@@ -154,6 +147,16 @@ var getComponentWithMultipleAccordion = function getComponentWithMultipleAccordi
|
|
154
147
|
"data-id": "connection-configuration-custom-form"
|
155
148
|
}, ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "other text1"), ___EmotionJSX(Text, null, "another text1")))))));
|
156
149
|
};
|
150
|
+
|
151
|
+
// Need to be added to each test file to test accessibility using axe.
|
152
|
+
axeTest(getComponent, {
|
153
|
+
// landmark-unique rule conflicts with react-aria role definition
|
154
|
+
rules: {
|
155
|
+
'landmark-unique': {
|
156
|
+
enabled: false
|
157
|
+
}
|
158
|
+
}
|
159
|
+
});
|
157
160
|
test('button press uses callback', function () {
|
158
161
|
var onPress = jest.fn();
|
159
162
|
getComponent({
|
@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
16
16
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
17
17
|
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
18
18
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
19
|
-
import React, {
|
19
|
+
import React, { useCallback, useState } from 'react';
|
20
20
|
import { mergeProps, useLabel } from 'react-aria';
|
21
21
|
import PropTypes from 'prop-types';
|
22
22
|
import { v4 as uuid } from 'uuid';
|
@@ -26,7 +26,7 @@ import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
|
|
26
26
|
import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
|
27
27
|
import { statusPropTypes } from '../../utils/docUtils/statusProp';
|
28
28
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
29
|
-
var ArrayField =
|
29
|
+
var ArrayField = function ArrayField(props) {
|
30
30
|
var _context2;
|
31
31
|
var addButtonLabel = props.addButtonLabel,
|
32
32
|
defaultValue = props.defaultValue,
|
@@ -119,9 +119,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
119
119
|
var _getAriaAttributeProp = getAriaAttributeProps(others),
|
120
120
|
ariaProps = _getAriaAttributeProp.ariaProps,
|
121
121
|
nonAriaProps = _getAriaAttributeProp.nonAriaProps;
|
122
|
-
return ___EmotionJSX(Box, _extends({},
|
123
|
-
ref: ref
|
124
|
-
}), ___EmotionJSX(Label, _extends({}, raLabelProps, mergeProps(labelProps, raLabelProps, {
|
122
|
+
return ___EmotionJSX(Box, nonAriaProps, ___EmotionJSX(Label, _extends({}, raLabelProps, mergeProps(labelProps, raLabelProps, {
|
125
123
|
children: label
|
126
124
|
}))), ___EmotionJSX(Box, _extends({
|
127
125
|
as: "ul",
|
@@ -152,7 +150,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
152
150
|
variant: "label",
|
153
151
|
color: "active"
|
154
152
|
}, addButtonLabel)));
|
155
|
-
}
|
153
|
+
};
|
156
154
|
ArrayField.propTypes = _objectSpread(_objectSpread({
|
157
155
|
/** Label for add button */
|
158
156
|
addButtonLabel: PropTypes.string,
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
4
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
5
4
|
import TextField from '../TextField';
|
6
5
|
import ArrayField from './ArrayField';
|
7
6
|
import ArrayFieldDeleteButton from './ArrayFieldDeleteButton';
|
@@ -21,12 +20,13 @@ var defaultData = [{
|
|
21
20
|
value: 'World'
|
22
21
|
}];
|
23
22
|
var defaultProps = {
|
24
|
-
defaultValue: defaultData
|
25
|
-
label: 'test-label'
|
23
|
+
defaultValue: defaultData
|
26
24
|
};
|
27
25
|
var getComponent = function getComponent() {
|
28
26
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
29
|
-
return render(___EmotionJSX(ArrayField, _extends({
|
27
|
+
return render(___EmotionJSX(ArrayField, _extends({
|
28
|
+
label: "test-label"
|
29
|
+
}, defaultProps, props)));
|
30
30
|
};
|
31
31
|
var renderField = function renderField(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
|
32
32
|
return ___EmotionJSX(TextField, _extends({
|
@@ -46,15 +46,6 @@ var renderField = function renderField(id, value, onFieldValueChange, onFieldDel
|
|
46
46
|
}
|
47
47
|
}, otherFieldProps));
|
48
48
|
};
|
49
|
-
|
50
|
-
// Needs to be added to each components test file
|
51
|
-
universalComponentTests({
|
52
|
-
renderComponent: function renderComponent(props) {
|
53
|
-
return ___EmotionJSX(ArrayField, _extends({
|
54
|
-
renderField: renderField
|
55
|
-
}, defaultProps, props));
|
56
|
-
}
|
57
|
-
});
|
58
49
|
test('displays multiple text fields', function () {
|
59
50
|
var onChange = jest.fn();
|
60
51
|
getComponent({
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import { faker } from '@faker-js/faker';
|
4
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
4
5
|
import { render, screen } from '../../utils/testUtils/testWrapper';
|
5
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
6
6
|
import Avatar from '.';
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
var defaultProps = {
|
@@ -12,12 +12,9 @@ var getComponent = function getComponent() {
|
|
12
12
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
13
13
|
return render(___EmotionJSX(Avatar, _extends({}, defaultProps, props)));
|
14
14
|
};
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
return ___EmotionJSX(Avatar, _extends({}, defaultProps, props));
|
19
|
-
}
|
20
|
-
});
|
15
|
+
|
16
|
+
// Need to be added to each test file to test accessibility using axe.
|
17
|
+
axeTest(getComponent);
|
21
18
|
test('an avatar is rendered', function () {
|
22
19
|
getComponent();
|
23
20
|
var img = screen.getByRole('img');
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
3
3
|
import Earth from '@pingux/mdi-react/EarthIcon';
|
4
4
|
import { render, screen } from '@testing-library/react';
|
5
5
|
import { Badge, Button, Icon } from '../..';
|
6
|
-
import
|
6
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
var testId = 'test-separator';
|
9
9
|
var defaultProps = {
|
@@ -15,12 +15,8 @@ var getComponent = function getComponent() {
|
|
15
15
|
return render(___EmotionJSX(Badge, _extends({}, defaultProps, props)));
|
16
16
|
};
|
17
17
|
|
18
|
-
//
|
19
|
-
|
20
|
-
renderComponent: function renderComponent(props) {
|
21
|
-
return ___EmotionJSX(Badge, props);
|
22
|
-
}
|
23
|
-
});
|
18
|
+
// Need to be added to each test file to test accessibility using axe.
|
19
|
+
axeTest(getComponent);
|
24
20
|
test('renders Badge component', function () {
|
25
21
|
getComponent();
|
26
22
|
var badge = screen.getByTestId(testId);
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
3
3
|
import createCache from '@emotion/cache';
|
4
4
|
import { CacheProvider } from '@emotion/react';
|
5
5
|
import { render, screen } from '@testing-library/react';
|
6
|
-
import
|
6
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
7
7
|
import Box from '.';
|
8
8
|
|
9
9
|
// Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
|
@@ -24,12 +24,9 @@ var getComponent = function getComponent() {
|
|
24
24
|
value: emotionCache
|
25
25
|
}, ___EmotionJSX(Box, _extends({}, defaultProps, props))));
|
26
26
|
};
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
return ___EmotionJSX(Box, props);
|
31
|
-
}
|
32
|
-
});
|
27
|
+
|
28
|
+
// Need to be added to each test file to test accessibility using axe.
|
29
|
+
axeTest(getComponent);
|
33
30
|
test('default box', function () {
|
34
31
|
getComponent();
|
35
32
|
var box = screen.getByTestId(testId);
|
@@ -28,9 +28,7 @@ var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
28
28
|
}, []);
|
29
29
|
return ___EmotionJSX(Box, _extends({
|
30
30
|
variant: "bracket.base"
|
31
|
-
}, others, {
|
32
|
-
ref: bracketRef
|
33
|
-
}), !isLast && ___EmotionJSX(Box, {
|
31
|
+
}, others), !isLast && ___EmotionJSX(Box, {
|
34
32
|
width: 15,
|
35
33
|
sx: {
|
36
34
|
position: 'absolute',
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import { render, screen } from '@testing-library/react';
|
4
|
-
import
|
4
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
5
5
|
import Bracket from '.';
|
6
6
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
7
|
var testId = 'test-bracket';
|
@@ -13,12 +13,8 @@ var getComponent = function getComponent() {
|
|
13
13
|
return render(___EmotionJSX(Bracket, _extends({}, defaultProps, props)));
|
14
14
|
};
|
15
15
|
|
16
|
-
//
|
17
|
-
|
18
|
-
renderComponent: function renderComponent(props) {
|
19
|
-
return ___EmotionJSX(Bracket, props);
|
20
|
-
}
|
21
|
-
});
|
16
|
+
// // Need to be added to each test file to test accessibility using axe.
|
17
|
+
axeTest(getComponent);
|
22
18
|
test('default bracket', function () {
|
23
19
|
getComponent();
|
24
20
|
var bracket = screen.getByTestId(testId);
|
@@ -6,8 +6,8 @@ import { Item } from 'react-stately';
|
|
6
6
|
import ChevronRightIcon from '@pingux/mdi-react/ChevronRightIcon';
|
7
7
|
import CreateIcon from '@pingux/mdi-react/CreateIcon';
|
8
8
|
import userEvent from '@testing-library/user-event';
|
9
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
9
10
|
import { render, screen } from '../../utils/testUtils/testWrapper';
|
10
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
11
11
|
import Breadcrumbs from './Breadcrumbs';
|
12
12
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
13
13
|
var testId = 'test-breadcrumbs';
|
@@ -31,12 +31,8 @@ var getComponent = function getComponent() {
|
|
31
31
|
})));
|
32
32
|
};
|
33
33
|
|
34
|
-
//
|
35
|
-
|
36
|
-
renderComponent: function renderComponent(props) {
|
37
|
-
return ___EmotionJSX(Breadcrumbs, mergeProps(defaultProps, props), ___EmotionJSX(Item, null, testItemsArr[0]));
|
38
|
-
}
|
39
|
-
});
|
34
|
+
// Need to be added to each test file to test accessibility using axe.
|
35
|
+
axeTest(getComponent);
|
40
36
|
test('default breadcrumbs', function () {
|
41
37
|
getComponent();
|
42
38
|
expect(screen.getByTestId(testId)).toBeInTheDocument();
|
@@ -1,20 +1,19 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
3
|
var _excluded = ["align", "children"];
|
4
|
-
import React
|
4
|
+
import React from 'react';
|
5
5
|
import PropTypes from 'prop-types';
|
6
6
|
import { Box } from '../../index';
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
-
var ButtonBar =
|
8
|
+
var ButtonBar = function ButtonBar(props) {
|
9
9
|
var align = props.align,
|
10
10
|
children = props.children,
|
11
11
|
others = _objectWithoutProperties(props, _excluded);
|
12
12
|
return ___EmotionJSX(Box, _extends({
|
13
|
-
ref: ref,
|
14
13
|
isRow: true,
|
15
14
|
variant: align === 'right' ? 'buttonBar.justifyRightContainer' : 'buttonBar.container'
|
16
15
|
}, others), children);
|
17
|
-
}
|
16
|
+
};
|
18
17
|
ButtonBar.propTypes = {
|
19
18
|
/** Justifies the component's children. */
|
20
19
|
align: PropTypes.oneOf(['left', 'right'])
|
@@ -50,38 +50,12 @@ export var RightAligned = function RightAligned() {
|
|
50
50
|
return ___EmotionJSX(ButtonBar, {
|
51
51
|
align: "right"
|
52
52
|
}, ___EmotionJSX(Button, {
|
53
|
-
variant: "link",
|
54
|
-
"data-id": "cancel-button",
|
55
|
-
onPress: function onPress() {
|
56
|
-
return alert('Cancel button pressed');
|
57
|
-
}
|
58
|
-
}, "Cancel"), ___EmotionJSX(Button, {
|
59
53
|
variant: "primary",
|
60
54
|
"data-id": "next-button",
|
61
55
|
onPress: function onPress() {
|
62
56
|
return alert('Next button pressed');
|
63
57
|
}
|
64
|
-
}, "Next")
|
65
|
-
};
|
66
|
-
RightAligned.parameters = {
|
67
|
-
design: {
|
68
|
-
type: 'figma',
|
69
|
-
url: FIGMA_LINKS.buttonBar.rightAligned
|
70
|
-
}
|
71
|
-
};
|
72
|
-
export var Secondary = function Secondary() {
|
73
|
-
return ___EmotionJSX(ButtonBar, null, ___EmotionJSX(Button, {
|
74
|
-
variant: "primary",
|
75
|
-
"data-id": "save-button",
|
76
|
-
onPress: function onPress() {
|
77
|
-
return alert('Save button pressed');
|
78
|
-
}
|
79
|
-
}, "Save"), ___EmotionJSX(Button, {
|
80
|
-
"data-id": "close-button",
|
81
|
-
onPress: function onPress() {
|
82
|
-
return alert('Close button pressed');
|
83
|
-
}
|
84
|
-
}, "Close"), ___EmotionJSX(Button, {
|
58
|
+
}, "Next"), ___EmotionJSX(Button, {
|
85
59
|
variant: "link",
|
86
60
|
"data-id": "cancel-button",
|
87
61
|
onPress: function onPress() {
|
@@ -89,37 +63,9 @@ export var Secondary = function Secondary() {
|
|
89
63
|
}
|
90
64
|
}, "Cancel"));
|
91
65
|
};
|
92
|
-
|
93
|
-
design: {
|
94
|
-
type: 'figma',
|
95
|
-
url: FIGMA_LINKS.buttonBar.secondary
|
96
|
-
}
|
97
|
-
};
|
98
|
-
export var SecondaryRightAligned = function SecondaryRightAligned() {
|
99
|
-
return ___EmotionJSX(ButtonBar, {
|
100
|
-
align: "right"
|
101
|
-
}, ___EmotionJSX(Button, {
|
102
|
-
variant: "link",
|
103
|
-
"data-id": "cancel-button",
|
104
|
-
onPress: function onPress() {
|
105
|
-
return alert('Cancel button pressed');
|
106
|
-
}
|
107
|
-
}, "Cancel"), ___EmotionJSX(Button, {
|
108
|
-
"data-id": "close-button",
|
109
|
-
onPress: function onPress() {
|
110
|
-
return alert('Close button pressed');
|
111
|
-
}
|
112
|
-
}, "Close"), ___EmotionJSX(Button, {
|
113
|
-
variant: "primary",
|
114
|
-
"data-id": "next-button",
|
115
|
-
onPress: function onPress() {
|
116
|
-
return alert('Next button pressed');
|
117
|
-
}
|
118
|
-
}, "Next"));
|
119
|
-
};
|
120
|
-
SecondaryRightAligned.parameters = {
|
66
|
+
RightAligned.parameters = {
|
121
67
|
design: {
|
122
68
|
type: 'figma',
|
123
|
-
url: FIGMA_LINKS.buttonBar.
|
69
|
+
url: FIGMA_LINKS.buttonBar.rightAligned
|
124
70
|
}
|
125
71
|
};
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import { Button, ButtonBar } from '../../index';
|
4
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
4
5
|
import { render, screen } from '../../utils/testUtils/testWrapper';
|
5
|
-
import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
|
6
6
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
7
|
var testId = 'test-ButtonBar';
|
8
8
|
var defaultProps = {
|
@@ -26,23 +26,13 @@ var getComponent = function getComponent() {
|
|
26
26
|
};
|
27
27
|
var getComponentCustomChildren = function getComponentCustomChildren() {
|
28
28
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
29
|
-
return render(___EmotionJSX(ButtonBar, _extends({}, defaultProps, props), ___EmotionJSX("button",
|
30
|
-
type: "button"
|
31
|
-
}, "custom text"), ___EmotionJSX("button", {
|
32
|
-
type: "button"
|
33
|
-
}, "Also custom text")));
|
29
|
+
return render(___EmotionJSX(ButtonBar, _extends({}, defaultProps, props), ___EmotionJSX("button", null, "custom text"), ___EmotionJSX("button", null, "Also custom text")));
|
34
30
|
};
|
35
31
|
var getComponentTextChildren = function getComponentTextChildren() {
|
36
32
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
37
33
|
return render(___EmotionJSX(ButtonBar, props, "custom text"));
|
38
34
|
};
|
39
|
-
|
40
|
-
// Needs to be added to each components test file
|
41
|
-
universalComponentTests({
|
42
|
-
renderComponent: function renderComponent(props) {
|
43
|
-
return ___EmotionJSX(ButtonBar, props);
|
44
|
-
}
|
45
|
-
});
|
35
|
+
axeTest(getComponent);
|
46
36
|
afterEach(function () {
|
47
37
|
jest.resetAllMocks();
|
48
38
|
});
|
@@ -13,7 +13,7 @@ var _excluded = ["children", "status"];
|
|
13
13
|
var _calloutProps;
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
15
|
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) { _defineProperty(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; }
|
16
|
-
import React
|
16
|
+
import React from 'react';
|
17
17
|
import { Box } from '../..';
|
18
18
|
import statuses from '../../utils/devUtils/constants/statuses';
|
19
19
|
import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
|
@@ -45,12 +45,11 @@ var defaultIconProps = {
|
|
45
45
|
or give warnings of unexpected events.
|
46
46
|
*/
|
47
47
|
|
48
|
-
var Callout =
|
48
|
+
var Callout = function Callout(_ref) {
|
49
49
|
var children = _ref.children,
|
50
50
|
status = _ref.status,
|
51
51
|
others = _objectWithoutProperties(_ref, _excluded);
|
52
52
|
return ___EmotionJSX(Box, _extends({
|
53
|
-
ref: ref,
|
54
53
|
"data-testid": CALLOUT_TEST_ID,
|
55
54
|
isRow: true,
|
56
55
|
role: "note",
|
@@ -60,7 +59,7 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
60
59
|
status: status,
|
61
60
|
"aria-label": "".concat(status, "-icon")
|
62
61
|
}, defaultIconProps)), children);
|
63
|
-
}
|
62
|
+
};
|
64
63
|
Callout.propTypes = _objectSpread({}, statusPropTypes);
|
65
64
|
Callout.defaultProps = _objectSpread({}, statusDefaultProp);
|
66
65
|
Callout.displayName = 'Callout';
|