@pingux/astro 1.2.0-alpha.9 → 1.3.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/CHANGELOG.md +81 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +35 -22
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +148 -169
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +25 -30
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +29 -14
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +8 -5
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +20 -17
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +2 -1
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +20 -1
- package/lib/cjs/components/ArrayField/ArrayField.js +213 -0
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +223 -0
- package/lib/cjs/components/ArrayField/ArrayField.test.js +208 -0
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +61 -0
- package/lib/cjs/components/ArrayField/index.js +27 -0
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
- package/lib/cjs/components/Button/Button.js +14 -2
- package/lib/cjs/components/Button/Button.stories.js +33 -33
- package/lib/cjs/components/CheckboxField/CheckboxField.js +4 -1
- package/lib/cjs/components/CodeView/CodeView.js +3 -3
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +5 -3
- package/lib/cjs/components/Input/Input.js +3 -11
- package/lib/cjs/components/Input/Input.test.js +14 -2
- package/lib/cjs/components/Link/Link.js +2 -1
- package/lib/cjs/components/ListView/ListView.js +9 -13
- package/lib/cjs/components/ListView/ListView.stories.js +3 -0
- package/lib/cjs/components/ListViewItem/ListViewItem.js +15 -3
- package/lib/cjs/components/Loader/Loader.stories.js +3 -3
- package/lib/cjs/components/Modal/Modal.js +3 -0
- package/lib/cjs/components/Modal/Modal.stories.js +12 -67
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +10 -2
- package/lib/cjs/components/NavBar/NavBar.js +30 -4
- package/lib/cjs/components/NavBar/NavBar.stories.js +70 -463
- package/lib/cjs/components/NavBar/NavBar.test.js +51 -1
- package/lib/cjs/components/NavBarSection/NavBarItem.js +137 -0
- package/lib/cjs/components/NavBarSection/NavBarItemButton.js +96 -0
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +1 -1
- package/lib/cjs/components/NavBarSection/NavBarItemLink.js +98 -0
- package/lib/cjs/components/NavBarSection/NavBarSection.js +10 -8
- package/lib/cjs/components/NavBarSection/index.js +28 -1
- package/lib/cjs/components/NumberField/NumberField.js +30 -10
- package/lib/cjs/components/NumberField/NumberField.test.js +7 -0
- package/lib/cjs/components/PageHeader/PageHeader.js +3 -0
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +6 -1
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +9 -5
- package/lib/cjs/components/RockerButton/RockerButton.js +14 -22
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +4 -22
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -14
- package/lib/cjs/components/SearchField/SearchField.stories.js +1 -15
- package/lib/cjs/components/SelectField/SelectField.stories.js +3 -55
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +8 -1
- package/lib/cjs/components/Tabs/Tabs.stories.js +1 -15
- package/lib/cjs/components/TextAreaField/TextAreaField.js +54 -9
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +31 -52
- package/lib/cjs/components/TextAreaField/TextAreaField.test.js +12 -0
- package/lib/cjs/context/AccordionGridContext/index.js +20 -0
- package/lib/cjs/context/NavBarContext/index.js +20 -0
- package/lib/cjs/hooks/index.js +9 -0
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +2 -1
- package/lib/cjs/hooks/useField/useField.js +7 -2
- package/lib/cjs/{components/AccordionGridGroup/AccordionGridContext.js → hooks/useNavBarPress/index.js} +7 -6
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +38 -0
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +42 -0
- package/lib/cjs/hooks/useRockerButton/useRockerButton.js +4 -6
- package/lib/cjs/index.js +80 -58
- package/lib/cjs/recipes/ConditionalFilter.stories.js +7 -3
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +1 -1
- package/lib/cjs/styles/forms/checkbox.js +0 -1
- package/lib/cjs/styles/forms/input.js +1 -1
- package/lib/cjs/styles/forms/label.js +3 -0
- package/lib/cjs/styles/forms/radio.js +1 -1
- package/lib/cjs/styles/forms/switch.js +3 -1
- package/lib/cjs/styles/variants/accordion.js +39 -7
- package/lib/cjs/styles/variants/boxes.js +14 -25
- package/lib/cjs/styles/variants/buttons.js +27 -1
- package/lib/cjs/styles/variants/codeView.js +91 -0
- package/lib/cjs/styles/variants/navBar.js +68 -0
- package/lib/cjs/styles/variants/separator.js +2 -1
- package/lib/cjs/styles/variants/text.js +3 -1
- package/lib/cjs/styles/variants/variants.js +3 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +35 -22
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +143 -166
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +24 -25
- package/lib/components/AccordionGridItem/AccordionGridItem.js +29 -15
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +8 -6
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +22 -18
- package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
- package/lib/components/AccordionGroup/AccordionGroup.test.js +16 -2
- package/lib/components/ArrayField/ArrayField.js +179 -0
- package/lib/components/ArrayField/ArrayField.stories.js +196 -0
- package/lib/components/ArrayField/ArrayField.test.js +185 -0
- package/lib/components/ArrayField/ArrayFieldDeleteButton.js +43 -0
- package/lib/components/ArrayField/index.js +2 -0
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
- package/lib/components/Button/Button.js +15 -3
- package/lib/components/Button/Button.stories.js +17 -15
- package/lib/components/CheckboxField/CheckboxField.js +4 -1
- package/lib/components/CodeView/CodeView.js +2 -2
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +5 -3
- package/lib/components/Input/Input.js +2 -10
- package/lib/components/Input/Input.test.js +11 -2
- package/lib/components/Link/Link.js +2 -1
- package/lib/components/ListView/ListView.js +9 -12
- package/lib/components/ListView/ListView.stories.js +3 -0
- package/lib/components/ListViewItem/ListViewItem.js +14 -3
- package/lib/components/Loader/Loader.stories.js +1 -1
- package/lib/components/Modal/Modal.js +4 -1
- package/lib/components/Modal/Modal.stories.js +11 -60
- package/lib/components/MultivaluesField/MultivaluesField.js +9 -2
- package/lib/components/NavBar/NavBar.js +25 -4
- package/lib/components/NavBar/NavBar.stories.js +71 -462
- package/lib/components/NavBar/NavBar.test.js +39 -2
- package/lib/components/NavBarSection/NavBarItem.js +111 -0
- package/lib/components/NavBarSection/NavBarItemButton.js +69 -0
- package/lib/components/NavBarSection/NavBarItemHeader.js +1 -1
- package/lib/components/NavBarSection/NavBarItemLink.js +71 -0
- package/lib/components/NavBarSection/NavBarSection.js +9 -8
- package/lib/components/NavBarSection/index.js +4 -1
- package/lib/components/NumberField/NumberField.js +32 -12
- package/lib/components/NumberField/NumberField.test.js +5 -0
- package/lib/components/PageHeader/PageHeader.js +2 -0
- package/lib/components/PageHeader/PageHeader.stories.js +5 -1
- package/lib/components/RadioGroupField/RadioGroupField.js +9 -5
- package/lib/components/RockerButton/RockerButton.js +14 -21
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +2 -17
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -11
- package/lib/components/SearchField/SearchField.stories.js +0 -11
- package/lib/components/SelectField/SelectField.stories.js +2 -50
- package/lib/components/SelectFieldBase/SelectFieldBase.js +8 -1
- package/lib/components/Tabs/Tabs.stories.js +0 -11
- package/lib/components/TextAreaField/TextAreaField.js +54 -10
- package/lib/components/TextAreaField/TextAreaField.stories.js +26 -42
- package/lib/components/TextAreaField/TextAreaField.test.js +13 -0
- package/lib/context/AccordionGridContext/index.js +5 -0
- package/lib/context/NavBarContext/index.js +5 -0
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +2 -1
- package/lib/hooks/useField/useField.js +7 -2
- package/lib/hooks/useNavBarPress/index.js +1 -0
- package/lib/hooks/useNavBarPress/useNavBarPress.js +27 -0
- package/lib/hooks/useNavBarPress/useNavBarPress.test.js +36 -0
- package/lib/hooks/useRockerButton/useRockerButton.js +4 -6
- package/lib/index.js +2 -0
- package/lib/recipes/ConditionalFilter.stories.js +7 -3
- package/lib/recipes/RadioButtonsWithLinks.stories.js +1 -1
- package/lib/styles/forms/checkbox.js +0 -1
- package/lib/styles/forms/input.js +1 -1
- package/lib/styles/forms/label.js +3 -0
- package/lib/styles/forms/radio.js +1 -1
- package/lib/styles/forms/switch.js +3 -1
- package/lib/styles/variants/accordion.js +26 -5
- package/lib/styles/variants/boxes.js +14 -25
- package/lib/styles/variants/buttons.js +27 -1
- package/lib/styles/variants/codeView.js +91 -0
- package/lib/styles/variants/navBar.js +46 -0
- package/lib/styles/variants/separator.js +2 -1
- package/lib/styles/variants/text.js +3 -1
- package/lib/styles/variants/variants.js +2 -0
- package/package.json +4 -2
- package/lib/cjs/layouts/ListLayout.stories.js +0 -895
- package/lib/cjs/layouts/SchemaFormLayout.stories.js +0 -139
- package/lib/cjs/recipes/ArrayField.stories.js +0 -169
- package/lib/components/AccordionGridGroup/AccordionGridContext.js +0 -2
- package/lib/layouts/ListLayout.stories.js +0 -866
- package/lib/layouts/SchemaFormLayout.stories.js +0 -107
- package/lib/recipes/ArrayField.stories.js +0 -134
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
|
9
|
+
exports.useAccordionGridContext = exports.AccordionGridContext = void 0;
|
10
|
+
|
11
|
+
var _react = require("react");
|
12
|
+
|
13
|
+
var AccordionGridContext = /*#__PURE__*/(0, _react.createContext)({});
|
14
|
+
exports.AccordionGridContext = AccordionGridContext;
|
15
|
+
|
16
|
+
var useAccordionGridContext = function useAccordionGridContext() {
|
17
|
+
return (0, _react.useContext)(AccordionGridContext);
|
18
|
+
};
|
19
|
+
|
20
|
+
exports.useAccordionGridContext = useAccordionGridContext;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
|
9
|
+
exports.useNavBarContext = exports.NavBarContext = void 0;
|
10
|
+
|
11
|
+
var _react = require("react");
|
12
|
+
|
13
|
+
var NavBarContext = /*#__PURE__*/(0, _react.createContext)({});
|
14
|
+
exports.NavBarContext = NavBarContext;
|
15
|
+
|
16
|
+
var useNavBarContext = function useNavBarContext() {
|
17
|
+
return (0, _react.useContext)(NavBarContext);
|
18
|
+
};
|
19
|
+
|
20
|
+
exports.useNavBarContext = useNavBarContext;
|
package/lib/cjs/hooks/index.js
CHANGED
@@ -64,6 +64,13 @@ _Object$defineProperty(exports, "usePropWarning", {
|
|
64
64
|
}
|
65
65
|
});
|
66
66
|
|
67
|
+
_Object$defineProperty(exports, "useNavBarPress", {
|
68
|
+
enumerable: true,
|
69
|
+
get: function get() {
|
70
|
+
return _useNavBarPress["default"];
|
71
|
+
}
|
72
|
+
});
|
73
|
+
|
67
74
|
_Object$defineProperty(exports, "useRockerButton", {
|
68
75
|
enumerable: true,
|
69
76
|
get: function get() {
|
@@ -108,6 +115,8 @@ var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelSta
|
|
108
115
|
|
109
116
|
var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
|
110
117
|
|
118
|
+
var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));
|
119
|
+
|
111
120
|
var _useRockerButton = _interopRequireDefault(require("./useRockerButton"));
|
112
121
|
|
113
122
|
var _useSelectField = _interopRequireDefault(require("./useSelectField"));
|
@@ -17,8 +17,9 @@ var _react = require("react");
|
|
17
17
|
* e.g. "\`Component\` requires an aria-label."
|
18
18
|
*/
|
19
19
|
var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
|
20
|
+
var condition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
20
21
|
(0, _react.useEffect)(function () {
|
21
|
-
if (process.env.NODE_ENV === 'development' && !ariaLabel) {
|
22
|
+
if (process.env.NODE_ENV === 'development' && condition && !ariaLabel) {
|
22
23
|
// eslint-disable-next-line no-console
|
23
24
|
console.warn("".concat(component, " requires an aria-label"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
|
24
25
|
}
|
@@ -145,6 +145,11 @@ var useField = function useField() {
|
|
145
145
|
setHasValue(true);
|
146
146
|
} else {
|
147
147
|
setHasValue(false);
|
148
|
+
} // adding this function resolves the error brought up in UIP-5116
|
149
|
+
|
150
|
+
|
151
|
+
if (e.persist) {
|
152
|
+
e.persist();
|
148
153
|
} // Make sure to call the original onChange event
|
149
154
|
|
150
155
|
|
@@ -181,8 +186,8 @@ var useField = function useField() {
|
|
181
186
|
}),
|
182
187
|
focusWithinProps = _useFocusWithin.focusWithinProps;
|
183
188
|
|
184
|
-
var isFloatLabel = labelMode === _constants.modes.FLOAT;
|
185
|
-
var isLeftLabel = labelMode === _constants.modes.LEFT;
|
189
|
+
var isFloatLabel = labelMode === _constants.modes.FLOAT || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.labelMode) === _constants.modes.FLOAT;
|
190
|
+
var isLeftLabel = labelMode === _constants.modes.LEFT || (labelProps === null || labelProps === void 0 ? void 0 : labelProps.labelMode) === _constants.modes.LEFT;
|
186
191
|
var isFloatLabelActive = isFloatLabel && (hasValue || hasFocusWithin || (containerProps === null || containerProps === void 0 ? void 0 : containerProps.isFloatLabelActive));
|
187
192
|
|
188
193
|
var _useStatusClasses2 = (0, _hooks.useStatusClasses)(containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, {
|
@@ -8,10 +8,11 @@ _Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
9
9
|
});
|
10
10
|
|
11
|
-
exports
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
11
|
+
_Object$defineProperty(exports, "default", {
|
12
|
+
enumerable: true,
|
13
|
+
get: function get() {
|
14
|
+
return _useNavBarPress["default"];
|
15
|
+
}
|
16
|
+
});
|
16
17
|
|
17
|
-
|
18
|
+
var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));
|
@@ -0,0 +1,38 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
|
9
|
+
exports["default"] = void 0;
|
10
|
+
|
11
|
+
/**
|
12
|
+
* A custom hook that will call an onPressCallback function, if the function is provided.
|
13
|
+
* @param {Object} params The accepted parameters object
|
14
|
+
* @param {string} props.key The unique identifier that is assigned to the element being pressed
|
15
|
+
* @param {Object} state The state object tracking selected keys
|
16
|
+
* @param {function} state.setSelectedKeys The function that sets the selected keys
|
17
|
+
* @callback props.onPressCallback The callback that will be called only if provided
|
18
|
+
*/
|
19
|
+
var useNavBarPress = function useNavBarPress(_ref, state) {
|
20
|
+
var key = _ref.key,
|
21
|
+
onPressCallback = _ref.onPressCallback;
|
22
|
+
var setSelectedKeys = state.setSelectedKeys;
|
23
|
+
|
24
|
+
var onNavPress = function onNavPress() {
|
25
|
+
setSelectedKeys(key);
|
26
|
+
|
27
|
+
if (onPressCallback) {
|
28
|
+
onPressCallback();
|
29
|
+
}
|
30
|
+
};
|
31
|
+
|
32
|
+
return {
|
33
|
+
onNavPress: onNavPress
|
34
|
+
};
|
35
|
+
};
|
36
|
+
|
37
|
+
var _default = useNavBarPress;
|
38
|
+
exports["default"] = _default;
|
@@ -0,0 +1,42 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
var _reactHooks = require("@testing-library/react-hooks");
|
6
|
+
|
7
|
+
var _ = _interopRequireDefault(require("./"));
|
8
|
+
|
9
|
+
var key = 'testKey';
|
10
|
+
test('using the onPress prop works as a callback', function () {
|
11
|
+
var onPress = jest.fn();
|
12
|
+
var setSelectedKeys = jest.fn();
|
13
|
+
|
14
|
+
var _renderHook = (0, _reactHooks.renderHook)(function () {
|
15
|
+
return (0, _["default"])({
|
16
|
+
key: key,
|
17
|
+
onPressCallback: onPress
|
18
|
+
}, {
|
19
|
+
setSelectedKeys: setSelectedKeys
|
20
|
+
});
|
21
|
+
}),
|
22
|
+
result = _renderHook.result;
|
23
|
+
|
24
|
+
result.current.onNavPress();
|
25
|
+
expect(onPress).toHaveBeenCalled();
|
26
|
+
});
|
27
|
+
test('if no onPress prop there is no callback', function () {
|
28
|
+
var onPress = jest.fn();
|
29
|
+
var setSelectedKeys = jest.fn();
|
30
|
+
|
31
|
+
var _renderHook2 = (0, _reactHooks.renderHook)(function () {
|
32
|
+
return (0, _["default"])({
|
33
|
+
key: key
|
34
|
+
}, {
|
35
|
+
setSelectedKeys: setSelectedKeys
|
36
|
+
});
|
37
|
+
}),
|
38
|
+
result = _renderHook2.result;
|
39
|
+
|
40
|
+
result.current.onNavPress();
|
41
|
+
expect(onPress).not.toHaveBeenCalled();
|
42
|
+
});
|
@@ -38,24 +38,22 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
38
38
|
|
39
39
|
var useRockerButton = function useRockerButton(props, state, ref) {
|
40
40
|
var item = props.item,
|
41
|
-
|
41
|
+
isDisabled = props.isDisabled,
|
42
|
+
isSelected = props.isSelected;
|
42
43
|
var key = item.key;
|
43
|
-
var manager = state.selectionManager
|
44
|
-
selectedKey = state.selectedKey;
|
45
|
-
var isSelected = key === selectedKey;
|
44
|
+
var manager = state.selectionManager;
|
46
45
|
|
47
46
|
var _useSelectableItem = (0, _selection.useSelectableItem)({
|
47
|
+
isDisabled: isDisabled,
|
48
48
|
selectionManager: manager,
|
49
49
|
key: key,
|
50
50
|
ref: ref
|
51
51
|
}),
|
52
52
|
itemProps = _useSelectableItem.itemProps;
|
53
53
|
|
54
|
-
var isDisabled = propsDisabled || state.disabledKeys.has(key);
|
55
54
|
var rockerButtonId = (0, _utils.useId)();
|
56
55
|
return {
|
57
56
|
rockerButtonProps: _objectSpread(_objectSpread({}, itemProps), {}, {
|
58
|
-
isDisabled: isDisabled,
|
59
57
|
id: rockerButtonId,
|
60
58
|
'aria-pressed': isSelected,
|
61
59
|
'aria-disabled': isDisabled || undefined
|