@pingux/astro 2.48.0-alpha.1 → 2.48.0-alpha.3
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/CopyText/CopyText.js +8 -5
- package/lib/cjs/components/RequirementsList/RequirementsList.d.ts +4 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.js +3 -22
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.d.ts +6 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/cjs/components/RequirementsList/RequirementsList.test.d.ts +1 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.test.js +1 -1
- package/lib/cjs/components/RequirementsList/index.d.ts +1 -0
- package/lib/cjs/types/index.d.ts +1 -0
- package/lib/cjs/types/index.js +19 -8
- package/lib/cjs/types/requirementsList.d.ts +11 -0
- package/lib/cjs/types/requirementsList.js +6 -0
- package/lib/components/CopyText/CopyText.js +8 -5
- package/lib/components/RequirementsList/RequirementsList.js +1 -22
- package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/components/RequirementsList/RequirementsList.test.js +1 -1
- package/lib/types/index.js +1 -0
- package/lib/types/requirementsList.js +1 -0
- package/package.json +1 -1
@@ -23,7 +23,7 @@ var _index = require("../../index");
|
|
23
23
|
var _CopyButton = _interopRequireDefault(require("./CopyButton"));
|
24
24
|
var _react2 = require("@emotion/react");
|
25
25
|
var _excluded = ["children", "tooltip"],
|
26
|
-
_excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"];
|
26
|
+
_excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps", "iconButtonProps"];
|
27
27
|
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); }
|
28
28
|
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; }
|
29
29
|
var TooltipWrapper = function TooltipWrapper(_ref) {
|
@@ -47,6 +47,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
47
47
|
mode = props.mode,
|
48
48
|
tooltipProps = props.tooltipProps,
|
49
49
|
wrapperProps = props.wrapperProps,
|
50
|
+
iconButtonProps = props.iconButtonProps,
|
50
51
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded2);
|
51
52
|
var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
|
52
53
|
var _useState = (0, _react.useState)(false),
|
@@ -118,7 +119,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
118
119
|
tabIndex: 0
|
119
120
|
}, (0, _reactAria.mergeProps)(hoverProps, others), wrapperProps), content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
|
120
121
|
onPress: copyToClipboard
|
121
|
-
}, focusProps))));
|
122
|
+
}, focusProps, iconButtonProps))));
|
122
123
|
}
|
123
124
|
if (mode === 'link') {
|
124
125
|
return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
|
@@ -130,7 +131,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
130
131
|
tooltip: tooltip
|
131
132
|
}, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
|
132
133
|
onPress: copyToClipboard
|
133
|
-
}, (0, _reactAria.mergeProps)(hoverProps, focusProps)))));
|
134
|
+
}, (0, _reactAria.mergeProps)(hoverProps, focusProps, iconButtonProps)))));
|
134
135
|
}
|
135
136
|
return (0, _react2.jsx)(TooltipWrapper, {
|
136
137
|
isOpen: isTooltipOpen,
|
@@ -148,7 +149,7 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
148
149
|
variant: "copyText.copy"
|
149
150
|
}, others), content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
|
150
151
|
onPress: copyToClipboard
|
151
|
-
}, focusProps)))));
|
152
|
+
}, focusProps, iconButtonProps)))));
|
152
153
|
});
|
153
154
|
CopyText.propTypes = {
|
154
155
|
/** The behavioral pattern to apply to the component. */
|
@@ -160,7 +161,9 @@ CopyText.propTypes = {
|
|
160
161
|
/** Props to apply to the tooltip in nonClickableContent mode. */
|
161
162
|
tooltipProps: _propTypes["default"].shape({}),
|
162
163
|
/** Props to apply to the wrapper in nonClickableContent mode. */
|
163
|
-
wrapperProps: _propTypes["default"].shape({})
|
164
|
+
wrapperProps: _propTypes["default"].shape({}),
|
165
|
+
/** Props to apply to the icon button */
|
166
|
+
iconButtonProps: _propTypes["default"].shape({})
|
164
167
|
};
|
165
168
|
CopyText.defaultProps = {
|
166
169
|
mode: 'text',
|
@@ -1,22 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
4
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
5
|
-
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
6
|
-
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
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$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
10
|
-
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
11
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
12
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
13
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
14
8
|
_Object$defineProperty(exports, "__esModule", {
|
15
9
|
value: true
|
16
10
|
});
|
17
11
|
exports["default"] = void 0;
|
18
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
19
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
20
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
21
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
22
15
|
var _react = _interopRequireWildcard(require("react"));
|
@@ -25,8 +18,6 @@ var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/
|
|
25
18
|
var _CheckboxBlankCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckboxBlankCircleOutlineIcon"));
|
26
19
|
var _CheckCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleIcon"));
|
27
20
|
var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
|
28
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
29
|
-
var _statusProp = require("../../utils/docUtils/statusProp");
|
30
21
|
var _Box = _interopRequireDefault(require("../Box"));
|
31
22
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
32
23
|
var _Text = _interopRequireDefault(require("../Text"));
|
@@ -34,8 +25,6 @@ var _react2 = require("@emotion/react");
|
|
34
25
|
var _excluded = ["requirements"];
|
35
26
|
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); }
|
36
27
|
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; }
|
37
|
-
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; }
|
38
|
-
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) { (0, _defineProperty2["default"])(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; }
|
39
28
|
var RequirementsList = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
40
29
|
var requirements = props.requirements,
|
41
30
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
@@ -109,18 +98,10 @@ var RequirementsList = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
|
|
109
98
|
gap: "md",
|
110
99
|
as: "ul",
|
111
100
|
ref: ref
|
112
|
-
}, others), (0, _map["default"])(requirements).call(requirements, function (req) {
|
101
|
+
}, others), requirements === null || requirements === void 0 ? void 0 : (0, _map["default"])(requirements).call(requirements, function (req) {
|
113
102
|
return buildRequirementsLine(req);
|
114
103
|
}));
|
115
104
|
});
|
116
|
-
RequirementsList.propTypes = {
|
117
|
-
/**
|
118
|
-
* Requirements and their status.
|
119
|
-
*/
|
120
|
-
requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape(_objectSpread({
|
121
|
-
name: _propTypes["default"].string.isRequired
|
122
|
-
}, _statusProp.statusPropTypes)))
|
123
|
-
};
|
124
105
|
RequirementsList.defaultProps = {
|
125
106
|
requirements: []
|
126
107
|
};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { StoryFn } from '@storybook/react';
|
2
|
+
import { RequirementsListProps } from '../../types';
|
3
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
4
|
+
export default _default;
|
5
|
+
export declare const Default: StoryFn<RequirementsListProps>;
|
6
|
+
export declare const Password: StoryFn;
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _storybookAddonDesigns = require("storybook-addon-designs");
|
11
11
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
12
12
|
var _index = require("../../index");
|
13
|
-
var _figmaLinks = require("../../utils/designUtils/figmaLinks
|
13
|
+
var _figmaLinks = require("../../utils/designUtils/figmaLinks");
|
14
14
|
var _RequirementsList = _interopRequireDefault(require("./RequirementsList.mdx"));
|
15
15
|
var _react2 = require("@emotion/react");
|
16
16
|
var _default = {
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -61,7 +61,7 @@ test('base case requirements list', function () {
|
|
61
61
|
});
|
62
62
|
test('empty variables requirements list', function () {
|
63
63
|
getComponent({
|
64
|
-
|
64
|
+
requirements: []
|
65
65
|
});
|
66
66
|
var requirementsList = _react3.screen.getByTestId(testId);
|
67
67
|
expect(requirementsList).toBeInstanceOf(HTMLUListElement);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './RequirementsList';
|
package/lib/cjs/types/index.d.ts
CHANGED
@@ -17,6 +17,7 @@ export * from './loader';
|
|
17
17
|
export * from './overlayPanel';
|
18
18
|
export * from './popoverContainer';
|
19
19
|
export * from './popoverMenu';
|
20
|
+
export * from './requirementsList';
|
20
21
|
export * from './rockerButtonGroup';
|
21
22
|
export * from './scrollBox';
|
22
23
|
export * from './separator';
|
package/lib/cjs/types/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26;
|
3
|
+
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27;
|
4
4
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
5
5
|
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
6
6
|
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
@@ -216,8 +216,19 @@ _forEachInstanceProperty(_context19 = _Object$keys(_popoverMenu)).call(_context1
|
|
216
216
|
}
|
217
217
|
});
|
218
218
|
});
|
219
|
+
var _requirementsList = require("./requirementsList");
|
220
|
+
_forEachInstanceProperty(_context20 = _Object$keys(_requirementsList)).call(_context20, function (key) {
|
221
|
+
if (key === "default" || key === "__esModule") return;
|
222
|
+
if (key in exports && exports[key] === _requirementsList[key]) return;
|
223
|
+
_Object$defineProperty(exports, key, {
|
224
|
+
enumerable: true,
|
225
|
+
get: function get() {
|
226
|
+
return _requirementsList[key];
|
227
|
+
}
|
228
|
+
});
|
229
|
+
});
|
219
230
|
var _rockerButtonGroup = require("./rockerButtonGroup");
|
220
|
-
_forEachInstanceProperty(
|
231
|
+
_forEachInstanceProperty(_context21 = _Object$keys(_rockerButtonGroup)).call(_context21, function (key) {
|
221
232
|
if (key === "default" || key === "__esModule") return;
|
222
233
|
if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
|
223
234
|
_Object$defineProperty(exports, key, {
|
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_rockerButtonGroup)).call(_co
|
|
228
239
|
});
|
229
240
|
});
|
230
241
|
var _scrollBox = require("./scrollBox");
|
231
|
-
_forEachInstanceProperty(
|
242
|
+
_forEachInstanceProperty(_context22 = _Object$keys(_scrollBox)).call(_context22, function (key) {
|
232
243
|
if (key === "default" || key === "__esModule") return;
|
233
244
|
if (key in exports && exports[key] === _scrollBox[key]) return;
|
234
245
|
_Object$defineProperty(exports, key, {
|
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_scrollBox)).call(_context21,
|
|
239
250
|
});
|
240
251
|
});
|
241
252
|
var _separator = require("./separator");
|
242
|
-
_forEachInstanceProperty(
|
253
|
+
_forEachInstanceProperty(_context23 = _Object$keys(_separator)).call(_context23, function (key) {
|
243
254
|
if (key === "default" || key === "__esModule") return;
|
244
255
|
if (key in exports && exports[key] === _separator[key]) return;
|
245
256
|
_Object$defineProperty(exports, key, {
|
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_separator)).call(_context22,
|
|
250
261
|
});
|
251
262
|
});
|
252
263
|
var _shared = require("./shared");
|
253
|
-
_forEachInstanceProperty(
|
264
|
+
_forEachInstanceProperty(_context24 = _Object$keys(_shared)).call(_context24, function (key) {
|
254
265
|
if (key === "default" || key === "__esModule") return;
|
255
266
|
if (key in exports && exports[key] === _shared[key]) return;
|
256
267
|
_Object$defineProperty(exports, key, {
|
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_shared)).call(_context23, fu
|
|
261
272
|
});
|
262
273
|
});
|
263
274
|
var _table = require("./table");
|
264
|
-
_forEachInstanceProperty(
|
275
|
+
_forEachInstanceProperty(_context25 = _Object$keys(_table)).call(_context25, function (key) {
|
265
276
|
if (key === "default" || key === "__esModule") return;
|
266
277
|
if (key in exports && exports[key] === _table[key]) return;
|
267
278
|
_Object$defineProperty(exports, key, {
|
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_table)).call(_context24, fun
|
|
272
283
|
});
|
273
284
|
});
|
274
285
|
var _text = require("./text");
|
275
|
-
_forEachInstanceProperty(
|
286
|
+
_forEachInstanceProperty(_context26 = _Object$keys(_text)).call(_context26, function (key) {
|
276
287
|
if (key === "default" || key === "__esModule") return;
|
277
288
|
if (key in exports && exports[key] === _text[key]) return;
|
278
289
|
_Object$defineProperty(exports, key, {
|
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_text)).call(_context25, func
|
|
283
294
|
});
|
284
295
|
});
|
285
296
|
var _tooltipTrigger = require("./tooltipTrigger");
|
286
|
-
_forEachInstanceProperty(
|
297
|
+
_forEachInstanceProperty(_context27 = _Object$keys(_tooltipTrigger)).call(_context27, function (key) {
|
287
298
|
if (key === "default" || key === "__esModule") return;
|
288
299
|
if (key in exports && exports[key] === _tooltipTrigger[key]) return;
|
289
300
|
_Object$defineProperty(exports, key, {
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { BoxProps } from './box';
|
2
|
+
import { Status } from './item';
|
3
|
+
export interface Requirement extends Status {
|
4
|
+
name: string;
|
5
|
+
}
|
6
|
+
export type Requirements = Array<Requirement>;
|
7
|
+
export interface RequirementsListProps extends BoxProps {
|
8
|
+
/** Requirements and their status. */
|
9
|
+
requirements?: Requirements;
|
10
|
+
label?: string;
|
11
|
+
}
|
@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
|
2
2
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
4
|
var _excluded = ["children", "tooltip"],
|
5
|
-
_excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"];
|
5
|
+
_excluded2 = ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps", "iconButtonProps"];
|
6
6
|
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
7
7
|
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
8
8
|
import { mergeProps, useFocusRing } from 'react-aria';
|
@@ -34,6 +34,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
34
34
|
mode = props.mode,
|
35
35
|
tooltipProps = props.tooltipProps,
|
36
36
|
wrapperProps = props.wrapperProps,
|
37
|
+
iconButtonProps = props.iconButtonProps,
|
37
38
|
others = _objectWithoutProperties(props, _excluded2);
|
38
39
|
var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
|
39
40
|
var _useState = useState(false),
|
@@ -105,7 +106,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
105
106
|
tabIndex: 0
|
106
107
|
}, mergeProps(hoverProps, others), wrapperProps), content, ___EmotionJSX(CopyButton, _extends({
|
107
108
|
onPress: copyToClipboard
|
108
|
-
}, focusProps))));
|
109
|
+
}, focusProps, iconButtonProps))));
|
109
110
|
}
|
110
111
|
if (mode === 'link') {
|
111
112
|
return ___EmotionJSX(Box, _extends({
|
@@ -117,7 +118,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
117
118
|
tooltip: tooltip
|
118
119
|
}, ___EmotionJSX(CopyButton, _extends({
|
119
120
|
onPress: copyToClipboard
|
120
|
-
}, mergeProps(hoverProps, focusProps)))));
|
121
|
+
}, mergeProps(hoverProps, focusProps, iconButtonProps)))));
|
121
122
|
}
|
122
123
|
return ___EmotionJSX(TooltipWrapper, {
|
123
124
|
isOpen: isTooltipOpen,
|
@@ -135,7 +136,7 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
135
136
|
variant: "copyText.copy"
|
136
137
|
}, others), content, ___EmotionJSX(CopyButton, _extends({
|
137
138
|
onPress: copyToClipboard
|
138
|
-
}, focusProps)))));
|
139
|
+
}, focusProps, iconButtonProps)))));
|
139
140
|
});
|
140
141
|
CopyText.propTypes = {
|
141
142
|
/** The behavioral pattern to apply to the component. */
|
@@ -147,7 +148,9 @@ CopyText.propTypes = {
|
|
147
148
|
/** Props to apply to the tooltip in nonClickableContent mode. */
|
148
149
|
tooltipProps: PropTypes.shape({}),
|
149
150
|
/** Props to apply to the wrapper in nonClickableContent mode. */
|
150
|
-
wrapperProps: PropTypes.shape({})
|
151
|
+
wrapperProps: PropTypes.shape({}),
|
152
|
+
/** Props to apply to the icon button */
|
153
|
+
iconButtonProps: PropTypes.shape({})
|
151
154
|
};
|
152
155
|
CopyText.defaultProps = {
|
153
156
|
mode: 'text',
|
@@ -1,26 +1,13 @@
|
|
1
|
-
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
2
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
2
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
3
|
var _excluded = ["requirements"];
|
5
|
-
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; }
|
6
|
-
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; }
|
7
4
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
8
|
-
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
9
|
-
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
10
|
-
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
11
|
-
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
12
|
-
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
13
|
-
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
14
|
-
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
15
|
-
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
16
5
|
import React, { forwardRef } from 'react';
|
17
6
|
import ErrorCircle from '@pingux/mdi-react/AlertCircleIcon';
|
18
7
|
import WarningCircle from '@pingux/mdi-react/AlertCircleOutlineIcon';
|
19
8
|
import DefaultCircle from '@pingux/mdi-react/CheckboxBlankCircleOutlineIcon';
|
20
9
|
import SuccessCircle from '@pingux/mdi-react/CheckCircleIcon';
|
21
10
|
import kebabCase from 'lodash/kebabCase';
|
22
|
-
import PropTypes from 'prop-types';
|
23
|
-
import { statusPropTypes } from '../../utils/docUtils/statusProp';
|
24
11
|
import Box from '../Box';
|
25
12
|
import Icon from '../Icon';
|
26
13
|
import Text from '../Text';
|
@@ -98,18 +85,10 @@ var RequirementsList = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
98
85
|
gap: "md",
|
99
86
|
as: "ul",
|
100
87
|
ref: ref
|
101
|
-
}, others), _mapInstanceProperty(requirements).call(requirements, function (req) {
|
88
|
+
}, others), requirements === null || requirements === void 0 ? void 0 : _mapInstanceProperty(requirements).call(requirements, function (req) {
|
102
89
|
return buildRequirementsLine(req);
|
103
90
|
}));
|
104
91
|
});
|
105
|
-
RequirementsList.propTypes = {
|
106
|
-
/**
|
107
|
-
* Requirements and their status.
|
108
|
-
*/
|
109
|
-
requirements: PropTypes.arrayOf(PropTypes.shape(_objectSpread({
|
110
|
-
name: PropTypes.string.isRequired
|
111
|
-
}, statusPropTypes)))
|
112
|
-
};
|
113
92
|
RequirementsList.defaultProps = {
|
114
93
|
requirements: []
|
115
94
|
};
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import { withDesign } from 'storybook-addon-designs';
|
3
3
|
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
4
4
|
import { RequirementsList } from '../../index';
|
5
|
-
import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks
|
5
|
+
import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
|
6
6
|
import RequirementsListReadme from './RequirementsList.mdx';
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
export default {
|
@@ -60,7 +60,7 @@ test('base case requirements list', function () {
|
|
60
60
|
});
|
61
61
|
test('empty variables requirements list', function () {
|
62
62
|
getComponent({
|
63
|
-
|
63
|
+
requirements: []
|
64
64
|
});
|
65
65
|
var requirementsList = screen.getByTestId(testId);
|
66
66
|
expect(requirementsList).toBeInstanceOf(HTMLUListElement);
|
package/lib/types/index.js
CHANGED
@@ -17,6 +17,7 @@ export * from './loader';
|
|
17
17
|
export * from './overlayPanel';
|
18
18
|
export * from './popoverContainer';
|
19
19
|
export * from './popoverMenu';
|
20
|
+
export * from './requirementsList';
|
20
21
|
export * from './rockerButtonGroup';
|
21
22
|
export * from './scrollBox';
|
22
23
|
export * from './separator';
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|