@papillonbits/components 0.46.0 → 0.48.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/build/index.js +0 -1
- package/build/primer/Alert/Alert.js +7 -29
- package/build/primer/Alert/Alert.prop.js +0 -2
- package/build/primer/Alert/index.js +0 -2
- package/build/primer/Blankslate/Blankslate.js +4 -13
- package/build/primer/Blankslate/Blankslate.prop.js +0 -2
- package/build/primer/Blankslate/index.js +0 -2
- package/build/primer/Breadcrumb/Breadcrumb.js +10 -23
- package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -2
- package/build/primer/Breadcrumb/index.js +0 -2
- package/build/primer/Button/Button.js +12 -29
- package/build/primer/Button/Button.prop.js +0 -3
- package/build/primer/Button/index.js +0 -2
- package/build/primer/Dropdown/Dropdown.js +13 -37
- package/build/primer/Dropdown/Dropdown.prop.js +0 -2
- package/build/primer/Dropdown/index.js +0 -2
- package/build/primer/ErrorBoundary/ErrorBoundary.js +0 -19
- package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -2
- package/build/primer/ErrorBoundary/index.js +0 -1
- package/build/primer/Form/Checkbox/Checkbox.js +8 -18
- package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -2
- package/build/primer/Form/Checkbox/index.js +0 -2
- package/build/primer/Form/Input/Input.js +12 -21
- package/build/primer/Form/Input/Input.prop.js +0 -2
- package/build/primer/Form/Input/index.js +0 -2
- package/build/primer/Form/Radio/Radio.js +8 -18
- package/build/primer/Form/Radio/Radio.prop.js +0 -2
- package/build/primer/Form/Radio/index.js +0 -2
- package/build/primer/Form/index.js +0 -4
- package/build/primer/Grid/DisplayTable/DisplayTable.js +3 -18
- package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -2
- package/build/primer/Grid/DisplayTable/index.js +0 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.js +11 -51
- package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -2
- package/build/primer/Grid/FlexGrid/index.js +0 -2
- package/build/primer/Grid/index.js +0 -3
- package/build/primer/Icon/Icon.js +8 -23
- package/build/primer/Icon/Icon.part.js +0 -523
- package/build/primer/Icon/Icon.prop.js +0 -2
- package/build/primer/Icon/index.js +0 -2
- package/build/primer/Label/Label.js +4 -15
- package/build/primer/Label/Label.prop.js +0 -2
- package/build/primer/Label/index.js +0 -1
- package/build/primer/Loader/Loader.js +2 -19
- package/build/primer/Loader/Loader.prop.js +0 -2
- package/build/primer/Loader/index.js +0 -2
- package/build/primer/Navigation/Menu/Menu.js +13 -31
- package/build/primer/Navigation/Menu/Menu.prop.js +0 -2
- package/build/primer/Navigation/Menu/index.js +0 -1
- package/build/primer/Navigation/TabNav/TabNav.js +19 -41
- package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -2
- package/build/primer/Navigation/TabNav/index.js +0 -2
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +16 -45
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -2
- package/build/primer/Navigation/UnderlineNav/index.js +0 -2
- package/build/primer/Navigation/index.js +0 -4
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +9 -25
- package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -2
- package/build/primer/Pagination/PreviousNext/index.js +0 -2
- package/build/primer/Pagination/index.js +0 -2
- package/build/primer/Popover/Popover.js +8 -24
- package/build/primer/Popover/Popover.prop.js +0 -2
- package/build/primer/Popover/index.js +0 -2
- package/build/primer/Progress/Progress.js +2 -12
- package/build/primer/Progress/Progress.prop.js +0 -2
- package/build/primer/Progress/index.js +0 -2
- package/build/primer/Select/Select.js +7 -21
- package/build/primer/Select/Select.prop.js +0 -2
- package/build/primer/Select/index.js +0 -2
- package/build/primer/SelectMenu/SelectMenu.js +10 -29
- package/build/primer/SelectMenu/SelectMenu.prop.js +0 -3
- package/build/primer/SelectMenu/index.js +0 -1
- package/build/primer/Subhead/Subhead.js +2 -10
- package/build/primer/Subhead/Subhead.prop.js +0 -2
- package/build/primer/Subhead/index.js +0 -1
- package/build/primer/Toast/Toast.js +4 -15
- package/build/primer/Toast/Toast.prop.js +0 -2
- package/build/primer/Toast/index.js +0 -2
- package/build/primer/index.js +0 -21
- package/package.json +4 -4
package/build/index.js
CHANGED
|
@@ -1,54 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Alert = Alert;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
var _hooks = require("@papillonbits/library/hooks");
|
|
17
|
-
|
|
18
12
|
var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
|
|
19
|
-
|
|
20
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
-
|
|
22
14
|
var _Alert = require("./Alert.prop");
|
|
23
|
-
|
|
24
15
|
var _Alert2 = _interopRequireDefault(require("./Alert.scss"));
|
|
25
|
-
|
|
26
16
|
var _Button = _interopRequireDefault(require("../Button/Button.scss"));
|
|
27
|
-
|
|
28
17
|
var _Input = require("../Form/Input");
|
|
29
|
-
|
|
30
18
|
var _Button2 = require("../Button");
|
|
31
|
-
|
|
32
19
|
var _Icon = require("../Icon/Icon.prop");
|
|
33
|
-
|
|
34
20
|
var _Icon2 = require("../Icon");
|
|
35
|
-
|
|
36
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
37
|
-
|
|
38
22
|
function Alert(_ref) {
|
|
39
23
|
var _cx, _consent$action3;
|
|
40
|
-
|
|
41
24
|
var dataTest = _ref.dataTest,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
25
|
+
className = _ref.className,
|
|
26
|
+
variant = _ref.variant,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
consent = _ref.consent;
|
|
47
29
|
var _useState = (0, _hooks.useState)(''),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
30
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
31
|
+
consentValue = _useState2[0],
|
|
32
|
+
setConsentValue = _useState2[1];
|
|
52
33
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
34
|
"data-test": dataTest === null || dataTest === void 0 ? void 0 : dataTest["default"],
|
|
54
35
|
className: className,
|
|
@@ -69,7 +50,6 @@ function Alert(_ref) {
|
|
|
69
50
|
inputType: _Button2.buttonInputType.submit,
|
|
70
51
|
onClick: function onClick() {
|
|
71
52
|
var _consent$action;
|
|
72
|
-
|
|
73
53
|
consent === null || consent === void 0 ? void 0 : (_consent$action = consent.action) === null || _consent$action === void 0 ? void 0 : _consent$action.cancel();
|
|
74
54
|
setConsentValue('');
|
|
75
55
|
}
|
|
@@ -88,7 +68,6 @@ function Alert(_ref) {
|
|
|
88
68
|
onClick: consent !== null && consent !== void 0 && consent.withInput ? function () {
|
|
89
69
|
if (consentValue !== '') {
|
|
90
70
|
var _consent$action2;
|
|
91
|
-
|
|
92
71
|
consent === null || consent === void 0 ? void 0 : (_consent$action2 = consent.action) === null || _consent$action2 === void 0 ? void 0 : _consent$action2.approve(consentValue);
|
|
93
72
|
setConsentValue('');
|
|
94
73
|
}
|
|
@@ -131,7 +110,6 @@ function Alert(_ref) {
|
|
|
131
110
|
setConsentValue(event.target.value);
|
|
132
111
|
},
|
|
133
112
|
autoFocus: true // eslint-disable-line
|
|
134
|
-
|
|
135
113
|
})]
|
|
136
114
|
})
|
|
137
115
|
})
|
|
@@ -1,30 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Blankslate = Blankslate;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _Blankslate = require("./Blankslate.prop");
|
|
15
|
-
|
|
16
11
|
var _Blankslate2 = _interopRequireDefault(require("./Blankslate.scss"));
|
|
17
|
-
|
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
13
|
function Blankslate(_ref) {
|
|
21
14
|
var _cx;
|
|
22
|
-
|
|
23
15
|
var className = _ref.className,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
heading = _ref.heading,
|
|
17
|
+
text = _ref.text,
|
|
18
|
+
variant = _ref.variant,
|
|
19
|
+
hasCleanBackground = _ref.hasCleanBackground;
|
|
28
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
29
21
|
className: (0, _classnames["default"])(className, _Blankslate2["default"].blankslate, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-narrow'], variant === _Blankslate.blankslateVariant.narrow), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-capped'], variant === _Blankslate.blankslateVariant.capped === true), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-spacious'], variant === _Blankslate.blankslateVariant.spacious), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-large'], variant === _Blankslate.blankslateVariant.large), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-clean-background'], hasCleanBackground === true), _cx)),
|
|
30
22
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
@@ -34,6 +26,5 @@ function Blankslate(_ref) {
|
|
|
34
26
|
})]
|
|
35
27
|
});
|
|
36
28
|
}
|
|
37
|
-
|
|
38
29
|
Blankslate.propTypes = _Blankslate.propTypes;
|
|
39
30
|
Blankslate.defaultProps = _Blankslate.defaultProps;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = exports.defaultProps = exports.blankslateVariant = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = require("prop-types");
|
|
9
|
-
|
|
10
8
|
var blankslateVariant = {
|
|
11
9
|
"default": 'default',
|
|
12
10
|
narrow: 'narrow',
|
|
@@ -1,49 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Breadcrumb = Breadcrumb;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _uuid = require("uuid");
|
|
15
|
-
|
|
16
11
|
var _typography = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/typography.scss"));
|
|
17
|
-
|
|
18
12
|
var _array = require("@papillonbits/library/array");
|
|
19
|
-
|
|
20
13
|
var _Breadcrumb = require("./Breadcrumb.prop");
|
|
21
|
-
|
|
22
14
|
var _Breadcrumb2 = _interopRequireDefault(require("./Breadcrumb.scss"));
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
|
|
30
18
|
function Breadcrumb(_ref) {
|
|
31
19
|
var className = _ref.className,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
20
|
+
ariaAttr = _ref.ariaAttr,
|
|
21
|
+
items = _ref.items,
|
|
22
|
+
_onClick = _ref.onClick,
|
|
23
|
+
state = _ref.state;
|
|
36
24
|
var indexItems = (0, _array.getIndexItems)(items);
|
|
37
25
|
var label = ariaAttr.label,
|
|
38
|
-
|
|
26
|
+
current = ariaAttr.current;
|
|
39
27
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
|
|
40
28
|
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb2["default"]['breadcrumb-inactive'], state === _Breadcrumb.breadcrumbState.inactive)),
|
|
41
29
|
"aria-label": label,
|
|
42
30
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
|
|
43
31
|
children: indexItems.map(function (indexItem) {
|
|
44
32
|
var href = indexItem.href,
|
|
45
|
-
|
|
46
|
-
|
|
33
|
+
text = indexItem.text,
|
|
34
|
+
isSelected = indexItem.isSelected;
|
|
47
35
|
var itemOtherProps = isSelected ? _objectSpread({}, {
|
|
48
36
|
'aria-current': current
|
|
49
37
|
}) : null;
|
|
@@ -51,15 +39,14 @@ function Breadcrumb(_ref) {
|
|
|
51
39
|
onClick: function onClick(e) {
|
|
52
40
|
e.preventDefault();
|
|
53
41
|
var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
|
|
54
|
-
|
|
55
42
|
_onClick({
|
|
56
43
|
active: text,
|
|
57
44
|
ariaAttr: ariaAttr,
|
|
58
45
|
items: newIndexItems.map(function (newIndexItem) {
|
|
59
46
|
return function (_ref2) {
|
|
60
47
|
var href = _ref2.href,
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
text = _ref2.text,
|
|
49
|
+
isSelected = _ref2.isSelected;
|
|
63
50
|
return {
|
|
64
51
|
href: href,
|
|
65
52
|
text: text,
|
|
@@ -70,6 +57,7 @@ function Breadcrumb(_ref) {
|
|
|
70
57
|
)
|
|
71
58
|
});
|
|
72
59
|
},
|
|
60
|
+
|
|
73
61
|
className: !isSelected ? (0, _classnames["default"])(_Breadcrumb2["default"]['breadcrumb-item']) : (0, _classnames["default"])(_Breadcrumb2["default"]['breadcrumb-item'], _Breadcrumb2["default"]['breadcrumb-item-selected'], _typography["default"]['text-gray']),
|
|
74
62
|
href: href
|
|
75
63
|
}, itemOtherProps), {}, {
|
|
@@ -82,6 +70,5 @@ function Breadcrumb(_ref) {
|
|
|
82
70
|
})
|
|
83
71
|
});
|
|
84
72
|
}
|
|
85
|
-
|
|
86
73
|
Breadcrumb.propTypes = _Breadcrumb.propTypes;
|
|
87
74
|
Breadcrumb.defaultProps = _Breadcrumb.defaultProps;
|
|
@@ -1,55 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Button = Button;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _hooks = require("@papillonbits/library/hooks");
|
|
15
|
-
|
|
16
11
|
var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
|
|
17
|
-
|
|
18
12
|
var _Button = require("./Button.prop");
|
|
19
|
-
|
|
20
13
|
var _Button2 = _interopRequireDefault(require("./Button.scss"));
|
|
21
|
-
|
|
22
14
|
var _Icon = require("../Icon");
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
|
|
30
18
|
function Button(_ref) {
|
|
31
19
|
var dataTest = _ref.dataTest,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
20
|
+
id = _ref.id,
|
|
21
|
+
className = _ref.className,
|
|
22
|
+
element = _ref.element,
|
|
23
|
+
href = _ref.href,
|
|
24
|
+
text = _ref.text,
|
|
25
|
+
variant = _ref.variant,
|
|
26
|
+
size = _ref.size,
|
|
27
|
+
state = _ref.state,
|
|
28
|
+
icon = _ref.icon,
|
|
29
|
+
_onClick = _ref.onClick,
|
|
30
|
+
inputType = _ref.inputType,
|
|
31
|
+
autoFocus = _ref.autoFocus;
|
|
44
32
|
var stateProps = state === _Button.buttonState.inactive ? _objectSpread({}, {
|
|
45
33
|
disabled: 'true',
|
|
46
34
|
'aria-disabled': 'true'
|
|
47
35
|
}) : null;
|
|
48
36
|
var fileInputRef = (0, _hooks.useRef)(null);
|
|
49
|
-
|
|
50
37
|
if (element === _Button.buttonElement.button) {
|
|
51
38
|
var _cx;
|
|
52
|
-
|
|
53
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
|
|
54
40
|
"data-test": dataTest,
|
|
55
41
|
id: id,
|
|
@@ -61,7 +47,6 @@ function Button(_ref) {
|
|
|
61
47
|
if (inputType === _Button.buttonInputType.file) {
|
|
62
48
|
fileInputRef.current.click();
|
|
63
49
|
}
|
|
64
|
-
|
|
65
50
|
if (!inputType) {
|
|
66
51
|
_onClick();
|
|
67
52
|
}
|
|
@@ -90,7 +75,6 @@ function Button(_ref) {
|
|
|
90
75
|
})]
|
|
91
76
|
}));
|
|
92
77
|
}
|
|
93
|
-
|
|
94
78
|
if (element === _Button.buttonElement.a) {
|
|
95
79
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
|
|
96
80
|
className: (0, _classnames["default"])(className, _Button2["default"].btn),
|
|
@@ -102,6 +86,5 @@ function Button(_ref) {
|
|
|
102
86
|
}));
|
|
103
87
|
}
|
|
104
88
|
}
|
|
105
|
-
|
|
106
89
|
Button.propTypes = _Button.propTypes;
|
|
107
90
|
Button.defaultProps = _Button.defaultProps;
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = exports.iconAlignment = exports.defaultProps = exports.buttonVariant = exports.buttonState = exports.buttonSize = exports.buttonInputType = exports.buttonElement = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = require("prop-types");
|
|
9
|
-
|
|
10
8
|
var _Icon = require("../Icon/Icon.prop");
|
|
11
|
-
|
|
12
9
|
var buttonElement = {
|
|
13
10
|
button: 'button',
|
|
14
11
|
a: 'a'
|
|
@@ -1,57 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Dropdown = Dropdown;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _uuid = require("uuid");
|
|
15
|
-
|
|
16
11
|
var _details = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/details.scss"));
|
|
17
|
-
|
|
18
12
|
var _visibilityDisplay = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/visibility-display.scss"));
|
|
19
|
-
|
|
20
13
|
var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
|
|
21
|
-
|
|
22
14
|
var _flexbox = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/flexbox.scss"));
|
|
23
|
-
|
|
24
15
|
var _array = require("@papillonbits/library/array");
|
|
25
|
-
|
|
26
16
|
var _hooks = require("@papillonbits/library/hooks");
|
|
27
|
-
|
|
28
17
|
var _Button = _interopRequireDefault(require("../Button/Button.scss"));
|
|
29
|
-
|
|
30
18
|
var _Dropdown = require("./Dropdown.prop");
|
|
31
|
-
|
|
32
19
|
var _Dropdown2 = _interopRequireDefault(require("./Dropdown.scss"));
|
|
33
|
-
|
|
34
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
35
|
-
|
|
36
21
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
|
-
|
|
38
22
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
|
-
|
|
40
23
|
function Dropdown(_ref) {
|
|
41
24
|
var _ariaAttr$haspopup;
|
|
42
|
-
|
|
43
25
|
var className = _ref.className,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
26
|
+
summary = _ref.summary,
|
|
27
|
+
ariaAttr = _ref.ariaAttr,
|
|
28
|
+
items = _ref.items,
|
|
29
|
+
_onClick = _ref.onClick,
|
|
30
|
+
state = _ref.state;
|
|
49
31
|
var details = (0, _hooks.useRef)(null);
|
|
50
|
-
|
|
51
32
|
if (!items) {
|
|
52
33
|
return null;
|
|
53
34
|
}
|
|
54
|
-
|
|
55
35
|
var indexItems = (0, _array.getIndexItems)(items);
|
|
56
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
57
37
|
className: className,
|
|
@@ -73,8 +53,8 @@ function Dropdown(_ref) {
|
|
|
73
53
|
className: (0, _classnames["default"])(_Dropdown2["default"]['dropdown-menu'], _Dropdown2["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
|
|
74
54
|
children: indexItems.map(function (indexItem) {
|
|
75
55
|
var href = indexItem.href,
|
|
76
|
-
|
|
77
|
-
|
|
56
|
+
text = indexItem.text,
|
|
57
|
+
isSelected = indexItem.isSelected;
|
|
78
58
|
var itemOtherProps = isSelected ? _objectSpread({}, {
|
|
79
59
|
'aria-current': ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.current
|
|
80
60
|
}) : null;
|
|
@@ -83,18 +63,17 @@ function Dropdown(_ref) {
|
|
|
83
63
|
onClick: function onClick(e) {
|
|
84
64
|
e.preventDefault();
|
|
85
65
|
var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
|
|
86
|
-
|
|
87
66
|
_onClick({
|
|
88
67
|
summary: text,
|
|
89
68
|
ariaAttr: ariaAttr,
|
|
90
69
|
items: newIndexItems.map(function (newIndexItem) {
|
|
91
70
|
return function (_ref2) {
|
|
92
71
|
var newIndexItemId = _ref2.id,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
72
|
+
newIndexItemHref = _ref2.href,
|
|
73
|
+
newIndexItemText = _ref2.text,
|
|
74
|
+
dateModified = _ref2['date-modified'],
|
|
75
|
+
dateCreated = _ref2['date-created'],
|
|
76
|
+
newIndexItemIsSelected = _ref2.isSelected;
|
|
98
77
|
return {
|
|
99
78
|
id: newIndexItemId,
|
|
100
79
|
href: newIndexItemHref,
|
|
@@ -104,10 +83,8 @@ function Dropdown(_ref) {
|
|
|
104
83
|
isSelected: newIndexItemIsSelected
|
|
105
84
|
};
|
|
106
85
|
}(newIndexItem);
|
|
107
|
-
}
|
|
108
|
-
)
|
|
86
|
+
})
|
|
109
87
|
});
|
|
110
|
-
|
|
111
88
|
details.current.removeAttribute('open');
|
|
112
89
|
},
|
|
113
90
|
className: _Dropdown2["default"]['dropdown-item'],
|
|
@@ -121,6 +98,5 @@ function Dropdown(_ref) {
|
|
|
121
98
|
})
|
|
122
99
|
});
|
|
123
100
|
}
|
|
124
|
-
|
|
125
101
|
Dropdown.propTypes = _Dropdown.propTypes;
|
|
126
102
|
Dropdown.defaultProps = _Dropdown.defaultProps;
|
|
@@ -1,40 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.ErrorBoundary = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _react = require("react");
|
|
21
|
-
|
|
22
14
|
var _ErrorBoundary = require("./ErrorBoundary.prop");
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
27
|
-
|
|
28
17
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
29
|
-
|
|
30
18
|
var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
31
19
|
(0, _inherits2["default"])(ErrorBoundary, _Component);
|
|
32
|
-
|
|
33
20
|
var _super = _createSuper(ErrorBoundary);
|
|
34
|
-
|
|
35
21
|
function ErrorBoundary(props) {
|
|
36
22
|
var _this;
|
|
37
|
-
|
|
38
23
|
(0, _classCallCheck2["default"])(this, ErrorBoundary);
|
|
39
24
|
_this = _super.call(this, props);
|
|
40
25
|
_this.state = {
|
|
@@ -42,7 +27,6 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
42
27
|
};
|
|
43
28
|
return _this;
|
|
44
29
|
}
|
|
45
|
-
|
|
46
30
|
(0, _createClass2["default"])(ErrorBoundary, [{
|
|
47
31
|
key: "componentDidCatch",
|
|
48
32
|
value: function componentDidCatch(error, errorInfo) {
|
|
@@ -55,14 +39,12 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
55
39
|
value: function render() {
|
|
56
40
|
var hasError = this.state.hasError;
|
|
57
41
|
var children = this.props.children;
|
|
58
|
-
|
|
59
42
|
if (hasError) {
|
|
60
43
|
// You can render any custom fallback UI
|
|
61
44
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
|
|
62
45
|
children: "Something went wrong."
|
|
63
46
|
});
|
|
64
47
|
}
|
|
65
|
-
|
|
66
48
|
return children;
|
|
67
49
|
}
|
|
68
50
|
}], [{
|
|
@@ -76,7 +58,6 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
76
58
|
}]);
|
|
77
59
|
return ErrorBoundary;
|
|
78
60
|
}(_react.Component);
|
|
79
|
-
|
|
80
61
|
exports.ErrorBoundary = ErrorBoundary;
|
|
81
62
|
ErrorBoundary.propTypes = _ErrorBoundary.propTypes;
|
|
82
63
|
ErrorBoundary.defaultProps = _ErrorBoundary.defaultProps;
|