@papillonbits/components 0.45.0 → 0.47.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 (80) hide show
  1. package/build/index.js +0 -1
  2. package/build/primer/Alert/Alert.js +7 -29
  3. package/build/primer/Alert/Alert.prop.js +0 -2
  4. package/build/primer/Alert/index.js +0 -2
  5. package/build/primer/Blankslate/Blankslate.js +4 -13
  6. package/build/primer/Blankslate/Blankslate.prop.js +0 -2
  7. package/build/primer/Blankslate/index.js +0 -2
  8. package/build/primer/Breadcrumb/Breadcrumb.js +10 -23
  9. package/build/primer/Breadcrumb/Breadcrumb.prop.js +0 -2
  10. package/build/primer/Breadcrumb/index.js +0 -2
  11. package/build/primer/Button/Button.js +12 -29
  12. package/build/primer/Button/Button.prop.js +0 -3
  13. package/build/primer/Button/index.js +0 -2
  14. package/build/primer/Dropdown/Dropdown.js +13 -37
  15. package/build/primer/Dropdown/Dropdown.prop.js +0 -2
  16. package/build/primer/Dropdown/index.js +0 -2
  17. package/build/primer/ErrorBoundary/ErrorBoundary.js +0 -19
  18. package/build/primer/ErrorBoundary/ErrorBoundary.prop.js +0 -2
  19. package/build/primer/ErrorBoundary/index.js +0 -1
  20. package/build/primer/Form/Checkbox/Checkbox.js +8 -18
  21. package/build/primer/Form/Checkbox/Checkbox.prop.js +0 -2
  22. package/build/primer/Form/Checkbox/index.js +0 -2
  23. package/build/primer/Form/Input/Input.js +12 -21
  24. package/build/primer/Form/Input/Input.prop.js +0 -2
  25. package/build/primer/Form/Input/index.js +0 -2
  26. package/build/primer/Form/Radio/Radio.js +8 -18
  27. package/build/primer/Form/Radio/Radio.prop.js +0 -2
  28. package/build/primer/Form/Radio/index.js +0 -2
  29. package/build/primer/Form/index.js +0 -4
  30. package/build/primer/Grid/DisplayTable/DisplayTable.js +3 -18
  31. package/build/primer/Grid/DisplayTable/DisplayTable.prop.js +0 -2
  32. package/build/primer/Grid/DisplayTable/index.js +0 -1
  33. package/build/primer/Grid/FlexGrid/FlexGrid.js +11 -51
  34. package/build/primer/Grid/FlexGrid/FlexGrid.prop.js +0 -2
  35. package/build/primer/Grid/FlexGrid/index.js +0 -2
  36. package/build/primer/Grid/index.js +0 -3
  37. package/build/primer/Icon/Icon.js +8 -23
  38. package/build/primer/Icon/Icon.part.js +0 -523
  39. package/build/primer/Icon/Icon.prop.js +0 -2
  40. package/build/primer/Icon/index.js +0 -2
  41. package/build/primer/Label/Label.js +4 -15
  42. package/build/primer/Label/Label.prop.js +0 -2
  43. package/build/primer/Label/index.js +0 -1
  44. package/build/primer/Loader/Loader.js +2 -19
  45. package/build/primer/Loader/Loader.prop.js +0 -2
  46. package/build/primer/Loader/index.js +0 -2
  47. package/build/primer/Navigation/Menu/Menu.js +13 -31
  48. package/build/primer/Navigation/Menu/Menu.prop.js +0 -2
  49. package/build/primer/Navigation/Menu/index.js +0 -1
  50. package/build/primer/Navigation/TabNav/TabNav.js +19 -41
  51. package/build/primer/Navigation/TabNav/TabNav.prop.js +0 -2
  52. package/build/primer/Navigation/TabNav/index.js +0 -2
  53. package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +16 -45
  54. package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js +0 -2
  55. package/build/primer/Navigation/UnderlineNav/index.js +0 -2
  56. package/build/primer/Navigation/index.js +0 -4
  57. package/build/primer/Pagination/PreviousNext/PreviousNext.js +9 -25
  58. package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js +0 -2
  59. package/build/primer/Pagination/PreviousNext/index.js +0 -2
  60. package/build/primer/Pagination/index.js +0 -2
  61. package/build/primer/Popover/Popover.js +8 -24
  62. package/build/primer/Popover/Popover.prop.js +0 -2
  63. package/build/primer/Popover/index.js +0 -2
  64. package/build/primer/Progress/Progress.js +2 -12
  65. package/build/primer/Progress/Progress.prop.js +0 -2
  66. package/build/primer/Progress/index.js +0 -2
  67. package/build/primer/Select/Select.js +7 -21
  68. package/build/primer/Select/Select.prop.js +0 -2
  69. package/build/primer/Select/index.js +0 -2
  70. package/build/primer/SelectMenu/SelectMenu.js +10 -29
  71. package/build/primer/SelectMenu/SelectMenu.prop.js +0 -3
  72. package/build/primer/SelectMenu/index.js +0 -1
  73. package/build/primer/Subhead/Subhead.js +2 -10
  74. package/build/primer/Subhead/Subhead.prop.js +0 -2
  75. package/build/primer/Subhead/index.js +0 -1
  76. package/build/primer/Toast/Toast.js +4 -15
  77. package/build/primer/Toast/Toast.prop.js +0 -2
  78. package/build/primer/Toast/index.js +0 -2
  79. package/build/primer/index.js +0 -21
  80. package/package.json +4 -4
package/build/index.js CHANGED
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "primer", {
9
9
  return _primer.primer;
10
10
  }
11
11
  });
12
-
13
12
  var _primer = require("./primer");
@@ -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
- className = _ref.className,
43
- variant = _ref.variant,
44
- children = _ref.children,
45
- consent = _ref.consent;
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
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
49
- consentValue = _useState2[0],
50
- setConsentValue = _useState2[1];
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
  })
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = exports.defaultProps = exports.alertVariant = void 0;
7
-
8
7
  var _propTypes = require("prop-types");
9
-
10
8
  var alertVariant = {
11
9
  "default": 'default',
12
10
  info: 'info',
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "alertVariant", {
15
15
  return _Alert2.alertVariant;
16
16
  }
17
17
  });
18
-
19
18
  var _Alert = require("./Alert");
20
-
21
19
  var _Alert2 = require("./Alert.prop");
@@ -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
- heading = _ref.heading,
25
- text = _ref.text,
26
- variant = _ref.variant,
27
- hasCleanBackground = _ref.hasCleanBackground;
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',
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "blankslateVariant", {
15
15
  return _Blankslate2.blankslateVariant;
16
16
  }
17
17
  });
18
-
19
18
  var _Blankslate = require("./Blankslate");
20
-
21
19
  var _Blankslate2 = require("./Blankslate.prop");
@@ -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
- ariaAttr = _ref.ariaAttr,
33
- items = _ref.items,
34
- _onClick = _ref.onClick,
35
- state = _ref.state;
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
- current = ariaAttr.current;
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
- text = indexItem.text,
46
- isSelected = indexItem.isSelected;
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
- text = _ref2.text,
62
- isSelected = _ref2.isSelected;
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;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = exports.defaultProps = exports.breadcrumbState = void 0;
7
-
8
7
  var _propTypes = require("prop-types");
9
-
10
8
  var breadcrumbState = {
11
9
  active: 'active',
12
10
  inactive: 'inactive'
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "breadcrumbState", {
15
15
  return _Breadcrumb2.breadcrumbState;
16
16
  }
17
17
  });
18
-
19
18
  var _Breadcrumb = require("./Breadcrumb");
20
-
21
19
  var _Breadcrumb2 = require("./Breadcrumb.prop");
@@ -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
- id = _ref.id,
33
- className = _ref.className,
34
- element = _ref.element,
35
- href = _ref.href,
36
- text = _ref.text,
37
- variant = _ref.variant,
38
- size = _ref.size,
39
- state = _ref.state,
40
- icon = _ref.icon,
41
- _onClick = _ref.onClick,
42
- inputType = _ref.inputType,
43
- autoFocus = _ref.autoFocus;
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'
@@ -45,7 +45,5 @@ Object.defineProperty(exports, "iconAlignment", {
45
45
  return _Button2.iconAlignment;
46
46
  }
47
47
  });
48
-
49
48
  var _Button = require("./Button");
50
-
51
49
  var _Button2 = require("./Button.prop");
@@ -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
- summary = _ref.summary,
45
- ariaAttr = _ref.ariaAttr,
46
- items = _ref.items,
47
- _onClick = _ref.onClick,
48
- state = _ref.state;
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
- text = indexItem.text,
77
- isSelected = indexItem.isSelected;
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
- newIndexItemHref = _ref2.href,
94
- newIndexItemText = _ref2.text,
95
- dateModified = _ref2['date-modified'],
96
- dateCreated = _ref2['date-created'],
97
- newIndexItemIsSelected = _ref2.isSelected;
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
- } // eslint-disable-line
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;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = exports.dropdownState = exports.defaultProps = void 0;
7
-
8
7
  var _propTypes = require("prop-types");
9
-
10
8
  var dropdownState = {
11
9
  active: 'active',
12
10
  inactive: 'inactive'
@@ -15,7 +15,5 @@ Object.defineProperty(exports, "dropdownState", {
15
15
  return _Dropdown2.dropdownState;
16
16
  }
17
17
  });
18
-
19
18
  var _Dropdown = require("./Dropdown");
20
-
21
19
  var _Dropdown2 = require("./Dropdown.prop");
@@ -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;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = exports.defaultProps = void 0;
7
-
8
7
  var _propTypes = require("prop-types");
9
-
10
8
  var propTypes = {
11
9
  children: _propTypes.node.isRequired
12
10
  };
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ErrorBoundary", {
9
9
  return _ErrorBoundary.ErrorBoundary;
10
10
  }
11
11
  });
12
-
13
12
  var _ErrorBoundary = require("./ErrorBoundary");