@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.
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +2 -1
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.d.ts +14 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.js +70 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.mdx +69 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.stories.js +109 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.styles.d.ts +18 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.styles.js +28 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.test.js +315 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsLabel.d.ts +4 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsLabel.js +47 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsRow.d.ts +3 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsRow.js +40 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsSubvalue.d.ts +4 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsSubvalue.js +29 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsValue.d.ts +4 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsValue.js +120 -0
- package/lib/cjs/components/LabelValuePairs/constants.d.ts +5 -0
- package/lib/cjs/components/LabelValuePairs/constants.js +12 -0
- package/lib/cjs/components/LabelValuePairs/index.d.ts +2 -0
- package/lib/cjs/components/LabelValuePairs/index.js +62 -0
- package/lib/cjs/components/LabelValuePairs/labelValuePairsAttributes.d.ts +74 -0
- package/lib/cjs/components/LabelValuePairs/labelValuePairsAttributes.js +20 -0
- package/lib/cjs/components/Popover/Popover.js +3 -2
- package/lib/cjs/components/Popover/Popover.test.js +8 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +2 -1
- package/lib/cjs/components/SearchField/SearchAutoComplete.js +2 -1
- package/lib/cjs/hooks/useSelectField/useSelectField.js +1 -1
- package/lib/cjs/index.d.ts +3 -0
- package/lib/cjs/index.js +79 -52
- package/lib/cjs/recipes/ListAndPanel.stories.js +1 -16
- package/lib/cjs/recipes/PanelContent.stories.js +11 -47
- package/lib/cjs/recipes/items.js +38 -30
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +17 -0
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +17 -0
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -0
- package/lib/cjs/styles/variants/variants.js +2 -0
- package/lib/cjs/types/index.d.ts +1 -0
- package/lib/cjs/types/index.js +46 -35
- package/lib/cjs/types/labelValuePairs.d.ts +35 -0
- package/lib/cjs/types/labelValuePairs.js +6 -0
- package/lib/cjs/utils/designUtils/figmaLinks.d.ts +3 -0
- package/lib/cjs/utils/designUtils/figmaLinks.js +3 -0
- package/lib/components/ComboBoxField/ComboBoxField.js +2 -1
- package/lib/components/LabelValuePairs/LabelValuePairs.js +35 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.mdx +69 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.stories.js +102 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.styles.js +21 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.test.js +309 -0
- package/lib/components/LabelValuePairs/LabelValuePairsLabel.js +35 -0
- package/lib/components/LabelValuePairs/LabelValuePairsRow.js +28 -0
- package/lib/components/LabelValuePairs/LabelValuePairsSubvalue.js +17 -0
- package/lib/components/LabelValuePairs/LabelValuePairsValue.js +108 -0
- package/lib/components/LabelValuePairs/constants.js +5 -0
- package/lib/components/LabelValuePairs/index.js +2 -0
- package/lib/components/LabelValuePairs/labelValuePairsAttributes.js +13 -0
- package/lib/components/Popover/Popover.js +3 -2
- package/lib/components/Popover/Popover.test.js +8 -0
- package/lib/components/PopoverMenu/PopoverMenu.js +2 -1
- package/lib/components/SearchField/SearchAutoComplete.js +2 -1
- package/lib/hooks/useSelectField/useSelectField.js +1 -1
- package/lib/index.js +3 -0
- package/lib/recipes/ListAndPanel.stories.js +3 -18
- package/lib/recipes/PanelContent.stories.js +11 -47
- package/lib/recipes/items.js +39 -31
- package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/styles/themes/next-gen/variants/variants.js +2 -0
- package/lib/styles/variants/variants.js +2 -0
- package/lib/types/index.js +1 -0
- package/lib/types/labelValuePairs.js +1 -0
- package/lib/utils/designUtils/figmaLinks.js +3 -0
- 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:
|
|
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:
|
|
141
|
+
offset: 1
|
|
142
142
|
}),
|
|
143
143
|
overlayProps = _useOverlayPosition.overlayProps,
|
|
144
144
|
placement = _useOverlayPosition.placement,
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -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';
|