@pingux/astro 2.210.6-alpha.0 → 2.212.0-alpha.0

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 (72) hide show
  1. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +2 -1
  2. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.d.ts +14 -0
  3. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.js +70 -0
  4. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.mdx +69 -0
  5. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.stories.js +109 -0
  6. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.styles.d.ts +18 -0
  7. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.styles.js +28 -0
  8. package/lib/cjs/components/LabelValuePairs/LabelValuePairs.test.js +315 -0
  9. package/lib/cjs/components/LabelValuePairs/LabelValuePairsLabel.d.ts +4 -0
  10. package/lib/cjs/components/LabelValuePairs/LabelValuePairsLabel.js +47 -0
  11. package/lib/cjs/components/LabelValuePairs/LabelValuePairsRow.d.ts +3 -0
  12. package/lib/cjs/components/LabelValuePairs/LabelValuePairsRow.js +40 -0
  13. package/lib/cjs/components/LabelValuePairs/LabelValuePairsSubvalue.d.ts +4 -0
  14. package/lib/cjs/components/LabelValuePairs/LabelValuePairsSubvalue.js +29 -0
  15. package/lib/cjs/components/LabelValuePairs/LabelValuePairsValue.d.ts +4 -0
  16. package/lib/cjs/components/LabelValuePairs/LabelValuePairsValue.js +120 -0
  17. package/lib/cjs/components/LabelValuePairs/constants.d.ts +5 -0
  18. package/lib/cjs/components/LabelValuePairs/constants.js +12 -0
  19. package/lib/cjs/components/LabelValuePairs/index.d.ts +2 -0
  20. package/lib/cjs/components/LabelValuePairs/index.js +62 -0
  21. package/lib/cjs/components/LabelValuePairs/labelValuePairsAttributes.d.ts +74 -0
  22. package/lib/cjs/components/LabelValuePairs/labelValuePairsAttributes.js +20 -0
  23. package/lib/cjs/components/Popover/Popover.js +3 -2
  24. package/lib/cjs/components/Popover/Popover.test.js +8 -0
  25. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +2 -1
  26. package/lib/cjs/components/SearchField/SearchAutoComplete.js +2 -1
  27. package/lib/cjs/hooks/useSelectField/useSelectField.js +1 -1
  28. package/lib/cjs/index.d.ts +3 -0
  29. package/lib/cjs/index.js +79 -52
  30. package/lib/cjs/recipes/ListAndPanel.stories.js +1 -16
  31. package/lib/cjs/recipes/PanelContent.stories.js +11 -47
  32. package/lib/cjs/recipes/items.js +38 -30
  33. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
  34. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +17 -0
  35. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +17 -0
  36. package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -0
  37. package/lib/cjs/styles/variants/variants.js +2 -0
  38. package/lib/cjs/types/index.d.ts +1 -0
  39. package/lib/cjs/types/index.js +46 -35
  40. package/lib/cjs/types/labelValuePairs.d.ts +35 -0
  41. package/lib/cjs/types/labelValuePairs.js +6 -0
  42. package/lib/cjs/utils/designUtils/figmaLinks.d.ts +3 -0
  43. package/lib/cjs/utils/designUtils/figmaLinks.js +3 -0
  44. package/lib/components/ComboBoxField/ComboBoxField.js +2 -1
  45. package/lib/components/LabelValuePairs/LabelValuePairs.js +35 -0
  46. package/lib/components/LabelValuePairs/LabelValuePairs.mdx +69 -0
  47. package/lib/components/LabelValuePairs/LabelValuePairs.stories.js +102 -0
  48. package/lib/components/LabelValuePairs/LabelValuePairs.styles.js +21 -0
  49. package/lib/components/LabelValuePairs/LabelValuePairs.test.js +309 -0
  50. package/lib/components/LabelValuePairs/LabelValuePairsLabel.js +35 -0
  51. package/lib/components/LabelValuePairs/LabelValuePairsRow.js +28 -0
  52. package/lib/components/LabelValuePairs/LabelValuePairsSubvalue.js +17 -0
  53. package/lib/components/LabelValuePairs/LabelValuePairsValue.js +108 -0
  54. package/lib/components/LabelValuePairs/constants.js +5 -0
  55. package/lib/components/LabelValuePairs/index.js +2 -0
  56. package/lib/components/LabelValuePairs/labelValuePairsAttributes.js +13 -0
  57. package/lib/components/Popover/Popover.js +3 -2
  58. package/lib/components/Popover/Popover.test.js +8 -0
  59. package/lib/components/PopoverMenu/PopoverMenu.js +2 -1
  60. package/lib/components/SearchField/SearchAutoComplete.js +2 -1
  61. package/lib/hooks/useSelectField/useSelectField.js +1 -1
  62. package/lib/index.js +3 -0
  63. package/lib/recipes/ListAndPanel.stories.js +3 -18
  64. package/lib/recipes/PanelContent.stories.js +11 -47
  65. package/lib/recipes/items.js +39 -31
  66. package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
  67. package/lib/styles/themes/next-gen/variants/variants.js +2 -0
  68. package/lib/styles/variants/variants.js +2 -0
  69. package/lib/types/index.js +1 -0
  70. package/lib/types/labelValuePairs.js +1 -0
  71. package/lib/utils/designUtils/figmaLinks.js +3 -0
  72. package/package.json +1 -1
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+
3
+ var _context;
4
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
5
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
9
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
10
+ _Object$defineProperty(exports, "__esModule", {
11
+ value: true
12
+ });
13
+ var _exportNames = {
14
+ Pair: true,
15
+ PairLabel: true,
16
+ PairSubvalue: true,
17
+ PairValue: true
18
+ };
19
+ _Object$defineProperty(exports, "Pair", {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _LabelValuePairs.Pair;
23
+ }
24
+ });
25
+ _Object$defineProperty(exports, "PairLabel", {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _LabelValuePairs.PairLabel;
29
+ }
30
+ });
31
+ _Object$defineProperty(exports, "PairSubvalue", {
32
+ enumerable: true,
33
+ get: function get() {
34
+ return _LabelValuePairs.PairSubvalue;
35
+ }
36
+ });
37
+ _Object$defineProperty(exports, "PairValue", {
38
+ enumerable: true,
39
+ get: function get() {
40
+ return _LabelValuePairs.PairValue;
41
+ }
42
+ });
43
+ _Object$defineProperty(exports, "default", {
44
+ enumerable: true,
45
+ get: function get() {
46
+ return _LabelValuePairs["default"];
47
+ }
48
+ });
49
+ var _constants = require("./constants");
50
+ _forEachInstanceProperty(_context = _Object$keys(_constants)).call(_context, function (key) {
51
+ if (key === "default" || key === "__esModule") return;
52
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
53
+ if (key in exports && exports[key] === _constants[key]) return;
54
+ _Object$defineProperty(exports, key, {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _constants[key];
58
+ }
59
+ });
60
+ });
61
+ var _LabelValuePairs = _interopRequireWildcard(require("./LabelValuePairs"));
62
+ function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -0,0 +1,74 @@
1
+ export declare const labelValuePairsArgTypes: {
2
+ 'aria-controls': {
3
+ control: {
4
+ type: string;
5
+ };
6
+ table: {
7
+ type: {
8
+ summary: string;
9
+ };
10
+ category: string;
11
+ };
12
+ description: string;
13
+ };
14
+ 'aria-describedby': {
15
+ control: {
16
+ type: string;
17
+ };
18
+ table: {
19
+ type: {
20
+ summary: string;
21
+ };
22
+ category: string;
23
+ };
24
+ description: string;
25
+ };
26
+ 'aria-details': {
27
+ control: {
28
+ type: string;
29
+ };
30
+ table: {
31
+ type: {
32
+ summary: string;
33
+ };
34
+ category: string;
35
+ };
36
+ description: string;
37
+ };
38
+ 'aria-errormessage': {
39
+ control: {
40
+ type: string;
41
+ };
42
+ table: {
43
+ type: {
44
+ summary: string;
45
+ };
46
+ category: string;
47
+ };
48
+ description: string;
49
+ };
50
+ 'aria-label': {
51
+ control: {
52
+ type: string;
53
+ };
54
+ table: {
55
+ type: {
56
+ summary: string;
57
+ };
58
+ category: string;
59
+ };
60
+ description: string;
61
+ };
62
+ 'aria-labelledby': {
63
+ control: {
64
+ type: string;
65
+ };
66
+ table: {
67
+ type: {
68
+ summary: string;
69
+ };
70
+ category: string;
71
+ };
72
+ description: string;
73
+ };
74
+ };
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
+ _Object$defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ exports.labelValuePairsArgTypes = void 0;
16
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
+ var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
18
+ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
20
+ var labelValuePairsArgTypes = exports.labelValuePairsArgTypes = _objectSpread({}, _ariaAttributes.ariaAttributeBaseArgTypes);
@@ -24,7 +24,7 @@ var _hooks = require("../../hooks");
24
24
  var _Box = _interopRequireDefault(require("../Box"));
25
25
  var _PopoverContainer = require("../PopoverContainer");
26
26
  var _react2 = require("@emotion/react");
27
- var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur"];
27
+ var _excluded = ["arrowProps", "arrowCrossOffset", "direction", "popoverRef", "state", "children", "className", "isNonModal", "hasNoArrow", "width", "isDismissable", "isNotClosedOnBlur", "offset"];
28
28
  function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
29
29
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30
30
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -43,9 +43,10 @@ var Popover = function Popover(props) {
43
43
  width = props.width,
44
44
  isDismissable = props.isDismissable,
45
45
  isNotClosedOnBlur = props.isNotClosedOnBlur,
46
+ offset = props.offset,
46
47
  others = (0, _objectWithoutProperties2["default"])(props, _excluded);
47
48
  var _usePopover = (0, _overlays.usePopover)(_objectSpread(_objectSpread({}, props), {}, {
48
- offset: 5,
49
+ offset: offset !== null && offset !== void 0 ? offset : 0,
49
50
  popoverRef: popoverRef
50
51
  }), state),
51
52
  popoverProps = _usePopover.popoverProps,
@@ -67,4 +67,12 @@ describe('Popover', function () {
67
67
  expect((_screen$getByTestId$p = _react2.screen.getByTestId('popover').parentElement) === null || _screen$getByTestId$p === void 0 ? void 0 : _screen$getByTestId$p.querySelector('div')).toBeTruthy();
68
68
  expect(_react2.screen.getByTestId('popover')).toBeInTheDocument();
69
69
  });
70
+ test('accepts an offset prop and renders children correctly', function () {
71
+ getComponent({
72
+ state: mockState(true),
73
+ offset: 0
74
+ });
75
+ expect(_react2.screen.getByTestId('popover')).toBeInTheDocument();
76
+ expect(_react2.screen.getByTestId('popover-children')).toBeInTheDocument();
77
+ });
70
78
  });
@@ -89,7 +89,8 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
89
89
  role: "presentation",
90
90
  triggerRef: triggerRef,
91
91
  state: state,
92
- direction: direction
92
+ direction: direction,
93
+ offset: 5
93
94
  }), contents))));
94
95
  });
95
96
  PopoverMenu.defaultProps = {
@@ -157,7 +157,8 @@ var SearchAutoComplete = exports.SearchAutoComplete = /*#__PURE__*/(0, _react.fo
157
157
  triggerRef: outerRef,
158
158
  state: comboBoxState,
159
159
  isNonModal: true,
160
- width: popoverWidth
160
+ width: popoverWidth,
161
+ offset: 5
161
162
  }, (0, _react2.jsx)(_.ScrollBox, {
162
163
  maxHeight: 200
163
164
  }, (0, _react2.jsx)(_reactAria.FocusScope, {
@@ -138,7 +138,7 @@ var useSelectField = function useSelectField(props, ref) {
138
138
  shouldFlip: !isNotFlippable,
139
139
  isOpen: state.isOpen,
140
140
  onClose: state.close,
141
- offset: 5
141
+ offset: 1
142
142
  }),
143
143
  overlayProps = _useOverlayPosition.overlayProps,
144
144
  placement = _useOverlayPosition.placement,
@@ -106,6 +106,8 @@ export { default as Input } from './components/Input';
106
106
  export * from './components/Input';
107
107
  export { default as Label } from './components/Label';
108
108
  export * from './components/Label';
109
+ export { default as LabelValuePairs } from './components/LabelValuePairs';
110
+ export * from './components/LabelValuePairs';
109
111
  export { default as Link } from './components/Link';
110
112
  export * from './components/Link';
111
113
  export { default as LinkSelectField } from './components/LinkSelectField';
@@ -221,6 +223,7 @@ export * from './components/TextField';
221
223
  export { default as TimeField } from './components/TimeField';
222
224
  export * from './components/TimeField';
223
225
  export { default as TimeZonePicker } from './components/TimeZonePicker';
226
+ export { default as timezones } from './components/TimeZonePicker/timezones';
224
227
  export { default as TooltipTrigger } from './components/TooltipTrigger';
225
228
  export * from './components/TooltipTrigger';
226
229
  export { default as TreeView } from './components/TreeView';