@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.
Files changed (167) hide show
  1. package/CHANGELOG.md +81 -0
  2. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +35 -22
  3. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +148 -169
  4. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +25 -30
  5. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +29 -14
  6. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +8 -5
  7. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +20 -17
  8. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +2 -1
  9. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +20 -1
  10. package/lib/cjs/components/ArrayField/ArrayField.js +213 -0
  11. package/lib/cjs/components/ArrayField/ArrayField.stories.js +223 -0
  12. package/lib/cjs/components/ArrayField/ArrayField.test.js +208 -0
  13. package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +61 -0
  14. package/lib/cjs/components/ArrayField/index.js +27 -0
  15. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
  16. package/lib/cjs/components/Button/Button.js +14 -2
  17. package/lib/cjs/components/Button/Button.stories.js +33 -33
  18. package/lib/cjs/components/CheckboxField/CheckboxField.js +4 -1
  19. package/lib/cjs/components/CodeView/CodeView.js +3 -3
  20. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +5 -3
  21. package/lib/cjs/components/Input/Input.js +3 -11
  22. package/lib/cjs/components/Input/Input.test.js +14 -2
  23. package/lib/cjs/components/Link/Link.js +2 -1
  24. package/lib/cjs/components/ListView/ListView.js +9 -13
  25. package/lib/cjs/components/ListView/ListView.stories.js +3 -0
  26. package/lib/cjs/components/ListViewItem/ListViewItem.js +15 -3
  27. package/lib/cjs/components/Loader/Loader.stories.js +3 -3
  28. package/lib/cjs/components/Modal/Modal.js +3 -0
  29. package/lib/cjs/components/Modal/Modal.stories.js +12 -67
  30. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +10 -2
  31. package/lib/cjs/components/NavBar/NavBar.js +30 -4
  32. package/lib/cjs/components/NavBar/NavBar.stories.js +70 -463
  33. package/lib/cjs/components/NavBar/NavBar.test.js +51 -1
  34. package/lib/cjs/components/NavBarSection/NavBarItem.js +137 -0
  35. package/lib/cjs/components/NavBarSection/NavBarItemButton.js +96 -0
  36. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +1 -1
  37. package/lib/cjs/components/NavBarSection/NavBarItemLink.js +98 -0
  38. package/lib/cjs/components/NavBarSection/NavBarSection.js +10 -8
  39. package/lib/cjs/components/NavBarSection/index.js +28 -1
  40. package/lib/cjs/components/NumberField/NumberField.js +30 -10
  41. package/lib/cjs/components/NumberField/NumberField.test.js +7 -0
  42. package/lib/cjs/components/PageHeader/PageHeader.js +3 -0
  43. package/lib/cjs/components/PageHeader/PageHeader.stories.js +6 -1
  44. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +9 -5
  45. package/lib/cjs/components/RockerButton/RockerButton.js +14 -22
  46. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
  47. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +4 -22
  48. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -14
  49. package/lib/cjs/components/SearchField/SearchField.stories.js +1 -15
  50. package/lib/cjs/components/SelectField/SelectField.stories.js +3 -55
  51. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +8 -1
  52. package/lib/cjs/components/Tabs/Tabs.stories.js +1 -15
  53. package/lib/cjs/components/TextAreaField/TextAreaField.js +54 -9
  54. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +31 -52
  55. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +12 -0
  56. package/lib/cjs/context/AccordionGridContext/index.js +20 -0
  57. package/lib/cjs/context/NavBarContext/index.js +20 -0
  58. package/lib/cjs/hooks/index.js +9 -0
  59. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +2 -1
  60. package/lib/cjs/hooks/useField/useField.js +7 -2
  61. package/lib/cjs/{components/AccordionGridGroup/AccordionGridContext.js → hooks/useNavBarPress/index.js} +7 -6
  62. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +38 -0
  63. package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +42 -0
  64. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +4 -6
  65. package/lib/cjs/index.js +80 -58
  66. package/lib/cjs/recipes/ConditionalFilter.stories.js +7 -3
  67. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +1 -1
  68. package/lib/cjs/styles/forms/checkbox.js +0 -1
  69. package/lib/cjs/styles/forms/input.js +1 -1
  70. package/lib/cjs/styles/forms/label.js +3 -0
  71. package/lib/cjs/styles/forms/radio.js +1 -1
  72. package/lib/cjs/styles/forms/switch.js +3 -1
  73. package/lib/cjs/styles/variants/accordion.js +39 -7
  74. package/lib/cjs/styles/variants/boxes.js +14 -25
  75. package/lib/cjs/styles/variants/buttons.js +27 -1
  76. package/lib/cjs/styles/variants/codeView.js +91 -0
  77. package/lib/cjs/styles/variants/navBar.js +68 -0
  78. package/lib/cjs/styles/variants/separator.js +2 -1
  79. package/lib/cjs/styles/variants/text.js +3 -1
  80. package/lib/cjs/styles/variants/variants.js +3 -0
  81. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +35 -22
  82. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +143 -166
  83. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +24 -25
  84. package/lib/components/AccordionGridItem/AccordionGridItem.js +29 -15
  85. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +8 -6
  86. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +22 -18
  87. package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
  88. package/lib/components/AccordionGroup/AccordionGroup.test.js +16 -2
  89. package/lib/components/ArrayField/ArrayField.js +179 -0
  90. package/lib/components/ArrayField/ArrayField.stories.js +196 -0
  91. package/lib/components/ArrayField/ArrayField.test.js +185 -0
  92. package/lib/components/ArrayField/ArrayFieldDeleteButton.js +43 -0
  93. package/lib/components/ArrayField/index.js +2 -0
  94. package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
  95. package/lib/components/Button/Button.js +15 -3
  96. package/lib/components/Button/Button.stories.js +17 -15
  97. package/lib/components/CheckboxField/CheckboxField.js +4 -1
  98. package/lib/components/CodeView/CodeView.js +2 -2
  99. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +5 -3
  100. package/lib/components/Input/Input.js +2 -10
  101. package/lib/components/Input/Input.test.js +11 -2
  102. package/lib/components/Link/Link.js +2 -1
  103. package/lib/components/ListView/ListView.js +9 -12
  104. package/lib/components/ListView/ListView.stories.js +3 -0
  105. package/lib/components/ListViewItem/ListViewItem.js +14 -3
  106. package/lib/components/Loader/Loader.stories.js +1 -1
  107. package/lib/components/Modal/Modal.js +4 -1
  108. package/lib/components/Modal/Modal.stories.js +11 -60
  109. package/lib/components/MultivaluesField/MultivaluesField.js +9 -2
  110. package/lib/components/NavBar/NavBar.js +25 -4
  111. package/lib/components/NavBar/NavBar.stories.js +71 -462
  112. package/lib/components/NavBar/NavBar.test.js +39 -2
  113. package/lib/components/NavBarSection/NavBarItem.js +111 -0
  114. package/lib/components/NavBarSection/NavBarItemButton.js +69 -0
  115. package/lib/components/NavBarSection/NavBarItemHeader.js +1 -1
  116. package/lib/components/NavBarSection/NavBarItemLink.js +71 -0
  117. package/lib/components/NavBarSection/NavBarSection.js +9 -8
  118. package/lib/components/NavBarSection/index.js +4 -1
  119. package/lib/components/NumberField/NumberField.js +32 -12
  120. package/lib/components/NumberField/NumberField.test.js +5 -0
  121. package/lib/components/PageHeader/PageHeader.js +2 -0
  122. package/lib/components/PageHeader/PageHeader.stories.js +5 -1
  123. package/lib/components/RadioGroupField/RadioGroupField.js +9 -5
  124. package/lib/components/RockerButton/RockerButton.js +14 -21
  125. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
  126. package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +2 -17
  127. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -11
  128. package/lib/components/SearchField/SearchField.stories.js +0 -11
  129. package/lib/components/SelectField/SelectField.stories.js +2 -50
  130. package/lib/components/SelectFieldBase/SelectFieldBase.js +8 -1
  131. package/lib/components/Tabs/Tabs.stories.js +0 -11
  132. package/lib/components/TextAreaField/TextAreaField.js +54 -10
  133. package/lib/components/TextAreaField/TextAreaField.stories.js +26 -42
  134. package/lib/components/TextAreaField/TextAreaField.test.js +13 -0
  135. package/lib/context/AccordionGridContext/index.js +5 -0
  136. package/lib/context/NavBarContext/index.js +5 -0
  137. package/lib/hooks/index.js +1 -0
  138. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +2 -1
  139. package/lib/hooks/useField/useField.js +7 -2
  140. package/lib/hooks/useNavBarPress/index.js +1 -0
  141. package/lib/hooks/useNavBarPress/useNavBarPress.js +27 -0
  142. package/lib/hooks/useNavBarPress/useNavBarPress.test.js +36 -0
  143. package/lib/hooks/useRockerButton/useRockerButton.js +4 -6
  144. package/lib/index.js +2 -0
  145. package/lib/recipes/ConditionalFilter.stories.js +7 -3
  146. package/lib/recipes/RadioButtonsWithLinks.stories.js +1 -1
  147. package/lib/styles/forms/checkbox.js +0 -1
  148. package/lib/styles/forms/input.js +1 -1
  149. package/lib/styles/forms/label.js +3 -0
  150. package/lib/styles/forms/radio.js +1 -1
  151. package/lib/styles/forms/switch.js +3 -1
  152. package/lib/styles/variants/accordion.js +26 -5
  153. package/lib/styles/variants/boxes.js +14 -25
  154. package/lib/styles/variants/buttons.js +27 -1
  155. package/lib/styles/variants/codeView.js +91 -0
  156. package/lib/styles/variants/navBar.js +46 -0
  157. package/lib/styles/variants/separator.js +2 -1
  158. package/lib/styles/variants/text.js +3 -1
  159. package/lib/styles/variants/variants.js +2 -0
  160. package/package.json +4 -2
  161. package/lib/cjs/layouts/ListLayout.stories.js +0 -895
  162. package/lib/cjs/layouts/SchemaFormLayout.stories.js +0 -139
  163. package/lib/cjs/recipes/ArrayField.stories.js +0 -169
  164. package/lib/components/AccordionGridGroup/AccordionGridContext.js +0 -2
  165. package/lib/layouts/ListLayout.stories.js +0 -866
  166. package/lib/layouts/SchemaFormLayout.stories.js +0 -107
  167. 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;
@@ -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.AccordionGridContext = void 0;
12
-
13
- var _react = _interopRequireDefault(require("react"));
14
-
15
- var AccordionGridContext = /*#__PURE__*/_react["default"].createContext(null);
11
+ _Object$defineProperty(exports, "default", {
12
+ enumerable: true,
13
+ get: function get() {
14
+ return _useNavBarPress["default"];
15
+ }
16
+ });
16
17
 
17
- exports.AccordionGridContext = AccordionGridContext;
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
- propsDisabled = props.isDisabled;
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