@papillonbits/components 1.6.1 → 1.7.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 (29) hide show
  1. package/build/primer/Alert/Alert.js +7 -5
  2. package/build/primer/Blankslate/Blankslate.js +7 -5
  3. package/build/primer/Breadcrumb/Breadcrumb.js +5 -4
  4. package/build/primer/Button/Button.js +23 -13
  5. package/build/primer/Button/Button.prop.js +0 -1
  6. package/build/primer/Dropdown/Dropdown.js +7 -5
  7. package/build/primer/ErrorBoundary/ErrorBoundary.js +1 -2
  8. package/build/primer/Form/Checkbox/Checkbox.js +15 -9
  9. package/build/primer/Form/Input/Input.js +19 -11
  10. package/build/primer/Form/Input/Input.prop.js +0 -2
  11. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +0 -2
  12. package/build/primer/Form/Radio/Radio.js +15 -9
  13. package/build/primer/Grid/DisplayTable/DisplayTable.js +7 -5
  14. package/build/primer/Grid/FlexGrid/FlexGrid.js +19 -11
  15. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +72 -72
  16. package/build/primer/Icon/Icon.js +15 -9
  17. package/build/primer/Label/Label.js +9 -6
  18. package/build/primer/Loader/Loader.js +3 -3
  19. package/build/primer/Navigation/Menu/Menu.js +5 -4
  20. package/build/primer/Navigation/TabNav/TabNav.js +9 -6
  21. package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +9 -6
  22. package/build/primer/Pagination/PreviousNext/PreviousNext.js +9 -6
  23. package/build/primer/Popover/Popover.js +7 -5
  24. package/build/primer/Progress/Progress.js +5 -4
  25. package/build/primer/Select/Select.js +7 -5
  26. package/build/primer/SelectMenu/SelectMenu.js +5 -4
  27. package/build/primer/Subhead/Subhead.js +5 -4
  28. package/build/primer/Toast/Toast.js +9 -6
  29. package/package.json +4 -4
@@ -13,16 +13,19 @@ var _labels = _interopRequireDefault(require("./labels.scss"));
13
13
  var _issueLabels = _interopRequireDefault(require("./issue-labels.scss"));
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  function Label(_ref) {
16
- var className = _ref.className,
16
+ var _ref$className = _ref.className,
17
+ className = _ref$className === void 0 ? _Label.defaultProps.className : _ref$className,
17
18
  text = _ref.text,
18
- variant = _ref.variant,
19
- backgroundColor = _ref.backgroundColor,
20
- textColor = _ref.textColor;
19
+ _ref$variant = _ref.variant,
20
+ variant = _ref$variant === void 0 ? _Label.defaultProps.variant : _ref$variant,
21
+ _ref$backgroundColor = _ref.backgroundColor,
22
+ backgroundColor = _ref$backgroundColor === void 0 ? _Label.defaultProps.backgroundColor : _ref$backgroundColor,
23
+ _ref$textColor = _ref.textColor,
24
+ textColor = _ref$textColor === void 0 ? _Label.defaultProps.textColor : _ref$textColor;
21
25
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
22
26
  title: "Label: ".concat(text),
23
27
  className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _labels["default"].Label, variant === _Label.labelVariant.regular), _issueLabels["default"].IssueLabel, variant === _Label.labelVariant.issue), _colors["default"]['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), _colors["default"]['text-white'], textColor === _Label.labelTextColor.white)),
24
28
  children: text
25
29
  });
26
30
  }
27
- Label.propTypes = _Label.propTypes;
28
- Label.defaultProps = _Label.defaultProps;
31
+ Label.propTypes = _Label.propTypes;
@@ -15,7 +15,8 @@ var _Button = _interopRequireDefault(require("../Button/Button.scss"));
15
15
  var _labels = _interopRequireDefault(require("../Label/labels.scss"));
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
17
  function Loader(_ref) {
18
- var className = _ref.className,
18
+ var _ref$className = _ref.className,
19
+ className = _ref$className === void 0 ? _Loader.defaultProps.className : _ref$className,
19
20
  variant = _ref.variant,
20
21
  text = _ref.text;
21
22
  switch (variant) {
@@ -61,5 +62,4 @@ function Loader(_ref) {
61
62
  return null;
62
63
  }
63
64
  }
64
- Loader.propTypes = _Loader.propTypes;
65
- Loader.defaultProps = _Loader.defaultProps;
65
+ Loader.propTypes = _Loader.propTypes;
@@ -18,8 +18,10 @@ var _jsxRuntime = require("react/jsx-runtime");
18
18
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
19
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
20
  function Menu(_ref) {
21
- var className = _ref.className,
22
- heading = _ref.heading,
21
+ var _ref$className = _ref.className,
22
+ className = _ref$className === void 0 ? _Menu.defaultProps.className : _ref$className,
23
+ _ref$heading = _ref.heading,
24
+ heading = _ref$heading === void 0 ? _Menu.defaultProps.heading : _ref$heading,
23
25
  ariaAttr = _ref.ariaAttr,
24
26
  items = _ref.items,
25
27
  _onClick = _ref.onClick;
@@ -65,5 +67,4 @@ function Menu(_ref) {
65
67
  })]
66
68
  });
67
69
  }
68
- Menu.propTypes = _Menu.propTypes;
69
- Menu.defaultProps = _Menu.defaultProps;
70
+ Menu.propTypes = _Menu.propTypes;
@@ -16,13 +16,17 @@ var _jsxRuntime = require("react/jsx-runtime");
16
16
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
17
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
18
  function TabNav(_ref) {
19
- var className = _ref.className,
19
+ var _ref$className = _ref.className,
20
+ className = _ref$className === void 0 ? _TabNav.defaultProps.className : _ref$className,
20
21
  ariaAttr = _ref.ariaAttr,
21
22
  items = _ref.items,
22
- actions = _ref.actions,
23
+ _ref$actions = _ref.actions,
24
+ actions = _ref$actions === void 0 ? _TabNav.defaultProps.actions : _ref$actions,
23
25
  _onClick = _ref.onClick,
24
- children = _ref.children,
25
- state = _ref.state;
26
+ _ref$children = _ref.children,
27
+ children = _ref$children === void 0 ? _TabNav.defaultProps.children : _ref$children,
28
+ _ref$state = _ref.state,
29
+ state = _ref$state === void 0 ? _TabNav.defaultProps.state : _ref$state;
26
30
  if (!items) {
27
31
  return null;
28
32
  }
@@ -118,5 +122,4 @@ function TabNav(_ref) {
118
122
  }), children]
119
123
  });
120
124
  }
121
- TabNav.propTypes = _TabNav.propTypes;
122
- TabNav.defaultProps = _TabNav.defaultProps;
125
+ TabNav.propTypes = _TabNav.propTypes;
@@ -20,13 +20,17 @@ var _jsxRuntime = require("react/jsx-runtime");
20
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
21
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
22
  function UnderlineNav(_ref) {
23
- var className = _ref.className,
23
+ var _ref$className = _ref.className,
24
+ className = _ref$className === void 0 ? _UnderlineNav.defaultProps.className : _ref$className,
24
25
  ariaAttr = _ref.ariaAttr,
25
26
  items = _ref.items,
26
27
  itemType = _ref.itemType,
27
- actions = _ref.actions,
28
- align = _ref.align,
29
- fullContainer = _ref.fullContainer,
28
+ _ref$actions = _ref.actions,
29
+ actions = _ref$actions === void 0 ? _UnderlineNav.defaultProps.actions : _ref$actions,
30
+ _ref$align = _ref.align,
31
+ align = _ref$align === void 0 ? _UnderlineNav.defaultProps.align : _ref$align,
32
+ _ref$fullContainer = _ref.fullContainer,
33
+ fullContainer = _ref$fullContainer === void 0 ? _UnderlineNav.defaultProps.fullContainer : _ref$fullContainer,
30
34
  _onClick = _ref.onClick;
31
35
  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
32
36
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -114,5 +118,4 @@ function UnderlineNav(_ref) {
114
118
  children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
115
119
  });
116
120
  }
117
- UnderlineNav.propTypes = _UnderlineNav.propTypes;
118
- UnderlineNav.defaultProps = _UnderlineNav.defaultProps;
121
+ UnderlineNav.propTypes = _UnderlineNav.propTypes;
@@ -15,13 +15,17 @@ var _jsxRuntime = require("react/jsx-runtime");
15
15
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
16
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
17
  function PreviousNext(_ref) {
18
- var className = _ref.className,
18
+ var _ref$className = _ref.className,
19
+ className = _ref$className === void 0 ? _PreviousNext.defaultProps.className : _ref$className,
19
20
  ariaAttr = _ref.ariaAttr,
20
21
  currentPage = _ref.currentPage,
21
- previous = _ref.previous,
22
- next = _ref.next,
22
+ _ref$previous = _ref.previous,
23
+ previous = _ref$previous === void 0 ? _PreviousNext.defaultProps.previous : _ref$previous,
24
+ _ref$next = _ref.next,
25
+ next = _ref$next === void 0 ? _PreviousNext.defaultProps.next : _ref$next,
23
26
  _onClick = _ref.onClick,
24
- state = _ref.state;
27
+ _ref$state = _ref.state,
28
+ state = _ref$state === void 0 ? _PreviousNext.defaultProps.state : _ref$state;
25
29
  var label = ariaAttr.label;
26
30
  var indexItems = currentPage.indexItems,
27
31
  currentIndex = currentPage.currentIndex,
@@ -69,5 +73,4 @@ function PreviousNext(_ref) {
69
73
  })
70
74
  });
71
75
  }
72
- PreviousNext.propTypes = _PreviousNext.propTypes;
73
- PreviousNext.defaultProps = _PreviousNext.defaultProps;
76
+ PreviousNext.propTypes = _PreviousNext.propTypes;
@@ -19,9 +19,12 @@ var _Button = require("../Button");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  function Popover(_ref) {
21
21
  var _cx2;
22
- var className = _ref.className,
23
- variant = _ref.variant,
24
- size = _ref.size,
22
+ var _ref$className = _ref.className,
23
+ className = _ref$className === void 0 ? _Popover.defaultProps.className : _ref$className,
24
+ _ref$variant = _ref.variant,
25
+ variant = _ref$variant === void 0 ? _Popover.defaultProps.variant : _ref$variant,
26
+ _ref$size = _ref.size,
27
+ size = _ref$size === void 0 ? _Popover.defaultProps.size : _ref$size,
25
28
  intro = _ref.intro,
26
29
  heading = _ref.heading,
27
30
  message = _ref.message,
@@ -57,5 +60,4 @@ function Popover(_ref) {
57
60
  })]
58
61
  });
59
62
  }
60
- Popover.propTypes = _Popover.propTypes;
61
- Popover.defaultProps = _Popover.defaultProps;
63
+ Popover.propTypes = _Popover.propTypes;
@@ -12,8 +12,10 @@ var _Progress = require("./Progress.prop");
12
12
  var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
14
  function Progress(_ref) {
15
- var className = _ref.className,
16
- variant = _ref.variant,
15
+ var _ref$className = _ref.className,
16
+ className = _ref$className === void 0 ? _Progress.defaultProps.className : _ref$className,
17
+ _ref$variant = _ref.variant,
18
+ variant = _ref$variant === void 0 ? _Progress.defaultProps.variant : _ref$variant,
17
19
  percentage = _ref.percentage;
18
20
  var percentageStyle = {
19
21
  width: "".concat(percentage, "%")
@@ -26,5 +28,4 @@ function Progress(_ref) {
26
28
  })
27
29
  });
28
30
  }
29
- Progress.propTypes = _Progress.propTypes;
30
- Progress.defaultProps = _Progress.defaultProps;
31
+ Progress.propTypes = _Progress.propTypes;
@@ -14,12 +14,15 @@ var _Select = require("./Select.prop");
14
14
  var _Select2 = _interopRequireDefault(require("./Select.scss"));
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
16
  function Select(_ref) {
17
- var id = _ref.id,
18
- className = _ref.className,
17
+ var _ref$id = _ref.id,
18
+ id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
19
+ _ref$className = _ref.className,
20
+ className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
19
21
  selectedText = _ref.selectedText,
20
22
  items = _ref.items,
21
23
  onChange = _ref.onChange,
22
- state = _ref.state;
24
+ _ref$state = _ref.state,
25
+ state = _ref$state === void 0 ? _Select.defaultProps.state : _ref$state;
23
26
  var indexItems = (0, _array.getIndexItems)(items);
24
27
  var handleOnChange = function handleOnChange(event) {
25
28
  var indexItem = indexItems.find(function (item) {
@@ -60,5 +63,4 @@ function Select(_ref) {
60
63
  })
61
64
  });
62
65
  }
63
- Select.propTypes = _Select.propTypes;
64
- Select.defaultProps = _Select.defaultProps;
66
+ Select.propTypes = _Select.propTypes;
@@ -18,10 +18,12 @@ var _Button = _interopRequireDefault(require("../Button/Button.scss"));
18
18
  var _Icon = require("../Icon");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  function SelectMenu(_ref) {
21
- var className = _ref.className,
21
+ var _ref$className = _ref.className,
22
+ className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
22
23
  summary = _ref.summary,
23
24
  icon = _ref.icon,
24
- title = _ref.title,
25
+ _ref$title = _ref.title,
26
+ title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
25
27
  ariaAttr = _ref.ariaAttr,
26
28
  items = _ref.items,
27
29
  _onClick = _ref.onClick;
@@ -90,5 +92,4 @@ function SelectMenu(_ref) {
90
92
  })]
91
93
  });
92
94
  }
93
- SelectMenu.propTypes = _SelectMenu.propTypes;
94
- SelectMenu.defaultProps = _SelectMenu.defaultProps;
95
+ SelectMenu.propTypes = _SelectMenu.propTypes;
@@ -11,9 +11,11 @@ var _Subhead = require("./Subhead.prop");
11
11
  var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
13
  function Subhead(_ref) {
14
- var className = _ref.className,
14
+ var _ref$className = _ref.className,
15
+ className = _ref$className === void 0 ? _Subhead.defaultProps.className : _ref$className,
15
16
  heading = _ref.heading,
16
- isSpacious = _ref.isSpacious;
17
+ _ref$isSpacious = _ref.isSpacious,
18
+ isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.isSpacious : _ref$isSpacious;
17
19
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
18
20
  className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
19
21
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -22,5 +24,4 @@ function Subhead(_ref) {
22
24
  })
23
25
  });
24
26
  }
25
- Subhead.propTypes = _Subhead.propTypes;
26
- Subhead.defaultProps = _Subhead.defaultProps;
27
+ Subhead.propTypes = _Subhead.propTypes;
@@ -13,11 +13,15 @@ var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
13
13
  var _Icon = require("../Icon");
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  function Toast(_ref) {
16
- var className = _ref.className,
17
- variant = _ref.variant,
16
+ var _ref$className = _ref.className,
17
+ className = _ref$className === void 0 ? _Toast.defaultProps.className : _ref$className,
18
+ _ref$variant = _ref.variant,
19
+ variant = _ref$variant === void 0 ? _Toast.defaultProps.variant : _ref$variant,
18
20
  text = _ref.text,
19
- isDismissable = _ref.isDismissable,
20
- onClick = _ref.onClick;
21
+ _ref$isDismissable = _ref.isDismissable,
22
+ isDismissable = _ref$isDismissable === void 0 ? _Toast.defaultProps.isDismissable : _ref$isDismissable,
23
+ _ref$onClick = _ref.onClick,
24
+ onClick = _ref$onClick === void 0 ? _Toast.defaultProps.onClick : _ref$onClick;
21
25
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
22
26
  className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
23
27
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -48,5 +52,4 @@ function Toast(_ref) {
48
52
  })
49
53
  });
50
54
  }
51
- Toast.propTypes = _Toast.propTypes;
52
- Toast.defaultProps = _Toast.defaultProps;
55
+ Toast.propTypes = _Toast.propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@papillonbits/components",
3
- "version": "1.6.1",
3
+ "version": "1.7.0",
4
4
  "description": "Papillon Bits Components",
5
5
  "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/components",
6
6
  "repository": {
@@ -29,8 +29,8 @@
29
29
  "build-release": "npm run build"
30
30
  },
31
31
  "dependencies": {
32
- "@papillonbits/css": "^1.6.0",
33
- "@papillonbits/library": "^1.6.0"
32
+ "@papillonbits/css": "^1.7.0",
33
+ "@papillonbits/library": "^1.7.0"
34
34
  },
35
- "gitHead": "ab878dffc63b5adfc68a075e369dd635347bc844"
35
+ "gitHead": "1996b9fbaa168884c830ad1acdbb93abb3f1ff11"
36
36
  }