@canonical/react-components 0.41.0 → 0.42.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 (125) hide show
  1. package/dist/__mocks__/nanoid.js +0 -2
  2. package/dist/components/Accordion/Accordion.js +13 -37
  3. package/dist/components/Accordion/AccordionSection/AccordionSection.js +8 -14
  4. package/dist/components/Accordion/AccordionSection/index.js +0 -2
  5. package/dist/components/Accordion/index.js +0 -2
  6. package/dist/components/ActionButton/ActionButton.js +32 -65
  7. package/dist/components/ActionButton/index.js +0 -2
  8. package/dist/components/ArticlePagination/ArticlePagination.js +5 -15
  9. package/dist/components/ArticlePagination/index.js +0 -2
  10. package/dist/components/Badge/Badge.js +10 -28
  11. package/dist/components/Badge/index.js +0 -2
  12. package/dist/components/Button/Button.js +12 -25
  13. package/dist/components/Button/index.js +0 -4
  14. package/dist/components/Card/Card.js +6 -17
  15. package/dist/components/Card/index.js +0 -2
  16. package/dist/components/CheckboxInput/CheckableInput/CheckableInput.js +6 -20
  17. package/dist/components/CheckboxInput/CheckableInput/index.js +0 -2
  18. package/dist/components/CheckboxInput/CheckboxInput.js +3 -13
  19. package/dist/components/CheckboxInput/index.js +0 -2
  20. package/dist/components/Chip/Chip.js +14 -30
  21. package/dist/components/Chip/index.js +0 -2
  22. package/dist/components/Code/Code.js +5 -23
  23. package/dist/components/Code/index.js +0 -2
  24. package/dist/components/CodeSnippet/CodeSnippet.js +2 -12
  25. package/dist/components/CodeSnippet/CodeSnippetBlock.js +10 -18
  26. package/dist/components/CodeSnippet/CodeSnippetDropdown.js +5 -14
  27. package/dist/components/CodeSnippet/index.js +0 -3
  28. package/dist/components/Col/Col.js +15 -25
  29. package/dist/components/Col/index.js +0 -4
  30. package/dist/components/ContextualMenu/ContextualMenu.js +66 -101
  31. package/dist/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.js +47 -84
  32. package/dist/components/ContextualMenu/ContextualMenuDropdown/index.js +0 -2
  33. package/dist/components/ContextualMenu/index.js +0 -2
  34. package/dist/components/Field/Field.js +35 -51
  35. package/dist/components/Field/index.js +0 -2
  36. package/dist/components/Form/Form.js +4 -14
  37. package/dist/components/Form/index.js +0 -2
  38. package/dist/components/Icon/Icon.js +3 -14
  39. package/dist/components/Icon/index.js +0 -4
  40. package/dist/components/Input/Input.js +21 -39
  41. package/dist/components/Input/index.js +0 -2
  42. package/dist/components/Label/Label.js +7 -13
  43. package/dist/components/Label/index.js +0 -2
  44. package/dist/components/Link/Link.js +10 -22
  45. package/dist/components/Link/index.js +0 -2
  46. package/dist/components/List/List.js +18 -31
  47. package/dist/components/List/index.js +0 -2
  48. package/dist/components/Loader/Loader.js +0 -7
  49. package/dist/components/Loader/index.js +0 -2
  50. package/dist/components/MainTable/MainTable.js +59 -111
  51. package/dist/components/MainTable/index.js +0 -2
  52. package/dist/components/Modal/Modal.js +7 -34
  53. package/dist/components/Modal/index.js +0 -2
  54. package/dist/components/ModularTable/ModularTable.d.ts +9 -1
  55. package/dist/components/ModularTable/ModularTable.js +39 -46
  56. package/dist/components/ModularTable/index.js +0 -2
  57. package/dist/components/Navigation/Navigation.js +46 -82
  58. package/dist/components/Navigation/NavigationLink/NavigationLink.js +15 -30
  59. package/dist/components/Navigation/NavigationLink/index.js +0 -2
  60. package/dist/components/Navigation/NavigationMenu/NavigationMenu.js +12 -35
  61. package/dist/components/Navigation/NavigationMenu/index.js +0 -2
  62. package/dist/components/Navigation/index.js +0 -2
  63. package/dist/components/Notification/Notification.js +25 -41
  64. package/dist/components/Notification/index.js +0 -4
  65. package/dist/components/Pagination/Pagination.js +14 -44
  66. package/dist/components/Pagination/PaginationButton/PaginationButton.js +3 -10
  67. package/dist/components/Pagination/PaginationButton/index.js +0 -2
  68. package/dist/components/Pagination/PaginationItem/PaginationItem.js +3 -8
  69. package/dist/components/Pagination/PaginationItem/index.js +0 -2
  70. package/dist/components/Pagination/index.js +0 -2
  71. package/dist/components/PasswordToggle/PasswordToggle.js +16 -45
  72. package/dist/components/PasswordToggle/index.js +0 -2
  73. package/dist/components/RadioInput/RadioInput.js +1 -11
  74. package/dist/components/RadioInput/index.js +0 -2
  75. package/dist/components/Row/Row.js +2 -12
  76. package/dist/components/Row/index.js +0 -2
  77. package/dist/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.js +27 -49
  78. package/dist/components/SearchAndFilter/FilterPanelSection/index.js +0 -2
  79. package/dist/components/SearchAndFilter/SearchAndFilter.d.ts +9 -1
  80. package/dist/components/SearchAndFilter/SearchAndFilter.js +68 -104
  81. package/dist/components/SearchAndFilter/index.js +0 -2
  82. package/dist/components/SearchAndFilter/utils.js +1 -7
  83. package/dist/components/SearchBox/SearchBox.js +14 -34
  84. package/dist/components/SearchBox/index.js +0 -2
  85. package/dist/components/Select/Select.js +20 -33
  86. package/dist/components/Select/index.js +0 -2
  87. package/dist/components/Slider/Slider.js +16 -32
  88. package/dist/components/Slider/index.js +0 -2
  89. package/dist/components/Spinner/Spinner.js +8 -19
  90. package/dist/components/Spinner/index.js +0 -2
  91. package/dist/components/StatusLabel/StatusLabel.js +4 -15
  92. package/dist/components/StatusLabel/index.js +0 -4
  93. package/dist/components/Strip/Strip.js +25 -36
  94. package/dist/components/Strip/index.js +0 -2
  95. package/dist/components/SummaryButton/SummaryButton.js +4 -10
  96. package/dist/components/SummaryButton/index.js +0 -2
  97. package/dist/components/Switch/Switch.js +3 -12
  98. package/dist/components/Switch/index.js +0 -2
  99. package/dist/components/Table/Table.js +6 -16
  100. package/dist/components/Table/index.js +0 -2
  101. package/dist/components/TableCell/TableCell.js +10 -20
  102. package/dist/components/TableCell/index.js +0 -2
  103. package/dist/components/TableHeader/TableHeader.js +2 -11
  104. package/dist/components/TableHeader/index.js +0 -2
  105. package/dist/components/TableRow/TableRow.js +1 -10
  106. package/dist/components/TableRow/index.js +0 -2
  107. package/dist/components/Tabs/Tabs.js +7 -17
  108. package/dist/components/Tabs/index.js +0 -2
  109. package/dist/components/Textarea/Textarea.js +23 -36
  110. package/dist/components/Textarea/index.js +0 -2
  111. package/dist/components/Tooltip/Tooltip.js +37 -87
  112. package/dist/components/Tooltip/index.js +0 -4
  113. package/dist/enums.js +0 -2
  114. package/dist/hooks/index.js +0 -8
  115. package/dist/hooks/useClickOutside.js +2 -7
  116. package/dist/hooks/useId.js +0 -4
  117. package/dist/hooks/useListener.js +0 -8
  118. package/dist/hooks/useOnEscapePressed.js +0 -3
  119. package/dist/hooks/usePagination.js +13 -25
  120. package/dist/hooks/usePrevious.js +0 -3
  121. package/dist/hooks/useThrottle.js +1 -15
  122. package/dist/hooks/useWindowFitment.js +6 -13
  123. package/dist/index.js +0 -52
  124. package/dist/utils.js +3 -10
  125. package/package.json +6 -5
@@ -4,32 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _classnames = _interopRequireDefault(require("classnames"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _hooks = require("../../hooks");
13
-
14
10
  var _excluded = ["children", "className", "highlighted", "overlay", "thumbnail", "title"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
13
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
-
22
14
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
24
15
  var Card = function Card(_ref) {
25
16
  var children = _ref.children,
26
- className = _ref.className,
27
- highlighted = _ref.highlighted,
28
- overlay = _ref.overlay,
29
- thumbnail = _ref.thumbnail,
30
- title = _ref.title,
31
- props = _objectWithoutProperties(_ref, _excluded);
32
-
17
+ className = _ref.className,
18
+ highlighted = _ref.highlighted,
19
+ overlay = _ref.overlay,
20
+ thumbnail = _ref.thumbnail,
21
+ title = _ref.title,
22
+ props = _objectWithoutProperties(_ref, _excluded);
33
23
  var titleId = (0, _hooks.useId)();
34
24
  return /*#__PURE__*/_react.default.createElement("div", _extends({
35
25
  "aria-labelledby": titleId,
@@ -52,6 +42,5 @@ var Card = function Card(_ref) {
52
42
  className: "p-card__content"
53
43
  }, children));
54
44
  };
55
-
56
45
  var _default = Card;
57
46
  exports.default = _default;
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
9
9
  return _Card.default;
10
10
  }
11
11
  });
12
-
13
12
  var _Card = _interopRequireDefault(require("./Card"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,41 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _useId = require("../../../hooks/useId");
15
-
16
11
  var _excluded = ["inputType", "label", "labelClassName", "indeterminate", "inline"];
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
16
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
-
28
17
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
-
30
18
  var CheckableInput = function CheckableInput(_ref) {
31
19
  var inputType = _ref.inputType,
32
- label = _ref.label,
33
- labelClassName = _ref.labelClassName,
34
- _ref$indeterminate = _ref.indeterminate,
35
- indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
36
- inline = _ref.inline,
37
- checkboxProps = _objectWithoutProperties(_ref, _excluded);
38
-
20
+ label = _ref.label,
21
+ labelClassName = _ref.labelClassName,
22
+ _ref$indeterminate = _ref.indeterminate,
23
+ indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
24
+ inline = _ref.inline,
25
+ checkboxProps = _objectWithoutProperties(_ref, _excluded);
39
26
  var inputId = (0, _useId.useId)();
40
27
  var inputRef = (0, _react.useRef)(null);
41
28
  (0, _react.useEffect)(function () {
@@ -55,6 +42,5 @@ var CheckableInput = function CheckableInput(_ref) {
55
42
  id: inputId
56
43
  }, label));
57
44
  };
58
-
59
45
  var _default = CheckableInput;
60
46
  exports.default = _default;
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
9
9
  return _CheckableInput.default;
10
10
  }
11
11
  });
12
-
13
12
  var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _CheckableInput = _interopRequireDefault(require("./CheckableInput"));
11
-
12
9
  var _excluded = ["label", "indeterminate"];
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
12
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
-
20
13
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
21
-
22
14
  var CheckboxInput = function CheckboxInput(_ref) {
23
15
  var label = _ref.label,
24
- _ref$indeterminate = _ref.indeterminate,
25
- indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
26
- checkboxProps = _objectWithoutProperties(_ref, _excluded);
27
-
16
+ _ref$indeterminate = _ref.indeterminate,
17
+ indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
18
+ checkboxProps = _objectWithoutProperties(_ref, _excluded);
28
19
  return /*#__PURE__*/_react.default.createElement(_CheckableInput.default, _extends({
29
20
  label: label,
30
21
  inputType: "checkbox",
31
22
  indeterminate: indeterminate
32
23
  }, checkboxProps));
33
24
  };
34
-
35
25
  var _default = CheckboxInput;
36
26
  exports.default = _default;
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
9
9
  return _CheckboxInput.default;
10
10
  }
11
11
  });
12
-
13
12
  var _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,33 +1,25 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = exports.Label = exports.ChipType = void 0;
7
-
8
8
  var _react = _interopRequireDefault(require("react"));
9
-
10
9
  var _utils = require("../../utils");
11
-
12
10
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
11
  var _excluded = ["appearance", "lead", "onClick", "onDismiss", "quoteValue", "selected", "subString", "value"];
15
-
16
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
-
14
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
16
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
22
17
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
23
-
24
18
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
25
-
26
19
  var Label = /*#__PURE__*/function (Label) {
27
20
  Label["Dismiss"] = "Dismiss";
28
21
  return Label;
29
22
  }({});
30
-
31
23
  exports.Label = Label;
32
24
  var ChipType = {
33
25
  CAUTION: "caution",
@@ -36,22 +28,19 @@ var ChipType = {
36
28
  POSITIVE: "positive"
37
29
  };
38
30
  exports.ChipType = ChipType;
39
-
40
31
  var Chip = function Chip(_ref) {
41
32
  var _classNames;
42
-
43
33
  var appearance = _ref.appearance,
44
- _ref$lead = _ref.lead,
45
- lead = _ref$lead === void 0 ? "" : _ref$lead,
46
- onClick = _ref.onClick,
47
- onDismiss = _ref.onDismiss,
48
- quoteValue = _ref.quoteValue,
49
- selected = _ref.selected,
50
- _ref$subString = _ref.subString,
51
- subString = _ref$subString === void 0 ? "" : _ref$subString,
52
- value = _ref.value,
53
- props = _objectWithoutProperties(_ref, _excluded);
54
-
34
+ _ref$lead = _ref.lead,
35
+ lead = _ref$lead === void 0 ? "" : _ref$lead,
36
+ onClick = _ref.onClick,
37
+ onDismiss = _ref.onDismiss,
38
+ quoteValue = _ref.quoteValue,
39
+ selected = _ref.selected,
40
+ _ref$subString = _ref.subString,
41
+ subString = _ref$subString === void 0 ? "" : _ref$subString,
42
+ value = _ref.value,
43
+ props = _objectWithoutProperties(_ref, _excluded);
55
44
  // When user tabs over chip and presses Enter or Space key, chip will trigger
56
45
  // click functionality
57
46
  var _onKeyDown = function onKeyDown(e) {
@@ -65,9 +54,7 @@ var Chip = function Chip(_ref) {
65
54
  }
66
55
  }
67
56
  };
68
-
69
57
  var chipValue = (0, _utils.highlightSubString)(value, subString).text;
70
-
71
58
  var chipContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, lead && /*#__PURE__*/_react.default.createElement("span", {
72
59
  className: "p-chip__lead"
73
60
  }, lead.toUpperCase()), /*#__PURE__*/_react.default.createElement("span", {
@@ -76,9 +63,7 @@ var Chip = function Chip(_ref) {
76
63
  __html: quoteValue ? "'".concat(chipValue, "'") : chipValue
77
64
  }
78
65
  }));
79
-
80
66
  var chipClassName = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "p-chip--".concat(appearance), !!appearance), _defineProperty(_classNames, "p-chip", !appearance), _classNames), props.className);
81
-
82
67
  if (onDismiss) {
83
68
  return /*#__PURE__*/_react.default.createElement("span", _extends({}, props, {
84
69
  className: chipClassName
@@ -101,6 +86,5 @@ var Chip = function Chip(_ref) {
101
86
  }), chipContent);
102
87
  }
103
88
  };
104
-
105
89
  var _default = Chip;
106
90
  exports.default = _default;
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
9
9
  return _Chip.default;
10
10
  }
11
11
  });
12
-
13
12
  var _Chip = _interopRequireDefault(require("./Chip"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,62 +1,45 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _react = _interopRequireDefault(require("react"));
13
-
14
10
  var _CodeSnippet = _interopRequireWildcard(require("../CodeSnippet"));
15
-
16
11
  var _utils = require("../../utils");
17
-
18
12
  var _excluded = ["children", "className", "inline", "copyable", "numbered"];
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
16
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
-
28
17
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
-
30
18
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
31
-
32
19
  /**
33
20
  * @deprecated Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.
34
21
  */
35
22
  var Code = function Code(_ref) {
36
23
  var children = _ref.children,
37
- className = _ref.className,
38
- inline = _ref.inline,
39
- copyable = _ref.copyable,
40
- numbered = _ref.numbered,
41
- props = _objectWithoutProperties(_ref, _excluded);
42
-
24
+ className = _ref.className,
25
+ inline = _ref.inline,
26
+ copyable = _ref.copyable,
27
+ numbered = _ref.numbered,
28
+ props = _objectWithoutProperties(_ref, _excluded);
43
29
  if (_utils.IS_DEV) {
44
30
  console.warn("Code component is deprecated. Use CodeSnippet component or inline `<code>` instead.");
45
31
  }
46
-
47
32
  if (inline) {
48
33
  return /*#__PURE__*/_react.default.createElement("code", _extends({
49
34
  className: className
50
35
  }, props), children);
51
36
  } else {
52
37
  var appearance = null;
53
-
54
38
  if (numbered) {
55
39
  appearance = _CodeSnippet.CodeSnippetBlockAppearance.NUMBERED;
56
40
  } else if (copyable) {
57
41
  appearance = _CodeSnippet.CodeSnippetBlockAppearance.LINUX_PROMPT;
58
42
  }
59
-
60
43
  return /*#__PURE__*/_react.default.createElement(_CodeSnippet.default, {
61
44
  blocks: [{
62
45
  appearance: appearance,
@@ -65,7 +48,6 @@ var Code = function Code(_ref) {
65
48
  });
66
49
  }
67
50
  };
68
-
69
51
  Code.propTypes = {
70
52
  children: _propTypes.default.string.isRequired,
71
53
  inline: _propTypes.default.bool,
@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
9
9
  return _Code.default;
10
10
  }
11
11
  });
12
-
13
12
  var _Code = _interopRequireDefault(require("./Code"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = CodeSnippet;
7
-
8
7
  var _classnames = _interopRequireDefault(require("classnames"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _CodeSnippetBlock = _interopRequireDefault(require("./CodeSnippetBlock"));
13
-
14
10
  var _excluded = ["className", "blocks"];
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
13
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
-
22
14
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
24
15
  function CodeSnippet(_ref) {
25
16
  var className = _ref.className,
26
- blocks = _ref.blocks,
27
- props = _objectWithoutProperties(_ref, _excluded);
28
-
17
+ blocks = _ref.blocks,
18
+ props = _objectWithoutProperties(_ref, _excluded);
29
19
  return /*#__PURE__*/_react.default.createElement("div", _extends({
30
20
  className: (0, _classnames.default)("p-code-snippet", {
31
21
  "is-bordered": blocks.some(function (block) {
@@ -5,17 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.CodeSnippetBlockAppearance = void 0;
7
7
  exports.default = CodeSnippetBlock;
8
-
9
8
  var _classnames = _interopRequireDefault(require("classnames"));
10
-
11
9
  var _react = _interopRequireDefault(require("react"));
12
-
13
10
  var _CodeSnippetDropdown = _interopRequireDefault(require("./CodeSnippetDropdown"));
14
-
15
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
-
17
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
-
19
13
  var CodeSnippetBlockAppearance = {
20
14
  LINUX_PROMPT: "linuxPrompt",
21
15
  NUMBERED: "numbered",
@@ -23,25 +17,24 @@ var CodeSnippetBlockAppearance = {
23
17
  WINDOWS_PROMPT: "windowsPrompt"
24
18
  };
25
19
  exports.CodeSnippetBlockAppearance = CodeSnippetBlockAppearance;
26
-
27
20
  function CodeSnippetBlock(_ref) {
28
21
  var appearance = _ref.appearance,
29
- code = _ref.code,
30
- content = _ref.content,
31
- dropdowns = _ref.dropdowns,
32
- _ref$stacked = _ref.stacked,
33
- stacked = _ref$stacked === void 0 ? false : _ref$stacked,
34
- title = _ref.title,
35
- _ref$wrapLines = _ref.wrapLines,
36
- wrapLines = _ref$wrapLines === void 0 ? false : _ref$wrapLines;
22
+ code = _ref.code,
23
+ content = _ref.content,
24
+ dropdowns = _ref.dropdowns,
25
+ _ref$stacked = _ref.stacked,
26
+ stacked = _ref$stacked === void 0 ? false : _ref$stacked,
27
+ title = _ref.title,
28
+ _ref$wrapLines = _ref.wrapLines,
29
+ wrapLines = _ref$wrapLines === void 0 ? false : _ref$wrapLines;
37
30
  var className = "p-code-snippet__block";
38
31
  var isNumbered = appearance === CodeSnippetBlockAppearance.NUMBERED;
39
32
  var hasIcon = appearance === CodeSnippetBlockAppearance.LINUX_PROMPT || appearance === CodeSnippetBlockAppearance.WINDOWS_PROMPT || appearance === CodeSnippetBlockAppearance.URL;
40
33
  var numberedCode;
41
-
42
34
  if (isNumbered) {
43
- className += "--numbered"; // wrap code lines in spans (and preserve the whitespace)
35
+ className += "--numbered";
44
36
 
37
+ // wrap code lines in spans (and preserve the whitespace)
45
38
  var lines = code.split(/\r?\n/);
46
39
  numberedCode = lines.map(function (line, i) {
47
40
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -53,7 +46,6 @@ function CodeSnippetBlock(_ref) {
53
46
  } else if (hasIcon) {
54
47
  className += "--icon";
55
48
  }
56
-
57
49
  className = (0, _classnames.default)(className, {
58
50
  "is-windows-prompt": appearance === CodeSnippetBlockAppearance.WINDOWS_PROMPT,
59
51
  "is-url": appearance === CodeSnippetBlockAppearance.URL,
@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = CodeSnippetDropdown;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _excluded = ["options", "onChange"],
11
- _excluded2 = ["label", "value"];
12
-
9
+ _excluded2 = ["label", "value"];
13
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
-
15
11
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
-
17
12
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
18
-
19
13
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
-
21
14
  function CodeSnippetDropdown(_ref) {
22
15
  var options = _ref.options,
23
- onChange = _ref.onChange,
24
- props = _objectWithoutProperties(_ref, _excluded);
25
-
16
+ onChange = _ref.onChange,
17
+ props = _objectWithoutProperties(_ref, _excluded);
26
18
  return /*#__PURE__*/_react.default.createElement("select", _extends({
27
19
  className: "p-code-snippet__dropdown",
28
20
  onChange: onChange
29
21
  }, props), options.map(function (_ref2) {
30
22
  var label = _ref2.label,
31
- value = _ref2.value,
32
- props = _objectWithoutProperties(_ref2, _excluded2);
33
-
23
+ value = _ref2.value,
24
+ props = _objectWithoutProperties(_ref2, _excluded2);
34
25
  return /*#__PURE__*/_react.default.createElement("option", _extends({
35
26
  value: value,
36
27
  key: value + "" || label
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "default", {
15
15
  return _CodeSnippet.default;
16
16
  }
17
17
  });
18
-
19
18
  var _CodeSnippet = _interopRequireDefault(require("./CodeSnippet"));
20
-
21
19
  var _CodeSnippetBlock = require("./CodeSnippetBlock");
22
-
23
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,49 +1,39 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = exports.colSizes = void 0;
7
-
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
-
10
9
  var _react = _interopRequireDefault(require("react"));
11
-
12
10
  var _excluded = ["children", "className", "element", "emptyLarge", "emptyMedium", "emptySmall", "large", "medium", "size", "small"];
13
-
14
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
-
13
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
15
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
20
16
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
-
22
17
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
24
18
  var colSizes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
25
19
  exports.colSizes = colSizes;
26
-
27
20
  var Col = function Col(_ref) {
28
21
  var _classNames;
29
-
30
22
  var children = _ref.children,
31
- className = _ref.className,
32
- _ref$element = _ref.element,
33
- Component = _ref$element === void 0 ? "div" : _ref$element,
34
- emptyLarge = _ref.emptyLarge,
35
- emptyMedium = _ref.emptyMedium,
36
- emptySmall = _ref.emptySmall,
37
- large = _ref.large,
38
- medium = _ref.medium,
39
- size = _ref.size,
40
- small = _ref.small,
41
- props = _objectWithoutProperties(_ref, _excluded);
42
-
23
+ className = _ref.className,
24
+ _ref$element = _ref.element,
25
+ Component = _ref$element === void 0 ? "div" : _ref$element,
26
+ emptyLarge = _ref.emptyLarge,
27
+ emptyMedium = _ref.emptyMedium,
28
+ emptySmall = _ref.emptySmall,
29
+ large = _ref.large,
30
+ medium = _ref.medium,
31
+ size = _ref.size,
32
+ small = _ref.small,
33
+ props = _objectWithoutProperties(_ref, _excluded);
43
34
  return /*#__PURE__*/_react.default.createElement(Component, _extends({
44
35
  className: (0, _classnames.default)(className, "col-".concat(size), (_classNames = {}, _defineProperty(_classNames, "col-small-".concat(small), !!small), _defineProperty(_classNames, "col-medium-".concat(medium), !!medium), _defineProperty(_classNames, "col-large-".concat(large), !!large), _defineProperty(_classNames, "col-start-small-".concat(emptySmall), !!emptySmall), _defineProperty(_classNames, "col-start-medium-".concat(emptyMedium), !!emptyMedium), _defineProperty(_classNames, "col-start-large-".concat(emptyLarge), !!emptyLarge), _classNames))
45
36
  }, props), children);
46
37
  };
47
-
48
38
  var _default = Col;
49
39
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -17,9 +16,6 @@ Object.defineProperty(exports, "default", {
17
16
  return _Col.default;
18
17
  }
19
18
  });
20
-
21
19
  var _Col = _interopRequireWildcard(require("./Col"));
22
-
23
20
  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); }
24
-
25
21
  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; }