@canonical/react-components 0.21.0 → 0.30.0

package/dist/components/Notification/Notification.js

@@ -83,27 +83,27 @@ var Notification = function Notification(_ref) {
     className: "p-notification__content"
   }, title && /*#__PURE__*/_react.default.createElement("h5", {
     className: "p-notification__title",
-    "data-test": "notification-title"
+    "data-testid": "notification-title"
   }, title), inline && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u2002"), /*#__PURE__*/_react.default.createElement("p", {
     className: "p-notification__message"
   }, children), onDismiss && /*#__PURE__*/_react.default.createElement("button", {
     "aria-label": "Close notification",
     className: "p-notification__close",
-    "data-test": "notification-close-button",
+    "data-testid": "notification-close-button",
     onClick: onDismiss
   }, "Close")), showMeta && /*#__PURE__*/_react.default.createElement("div", {
     className: "p-notification__meta",
-    "data-test": "notification-meta"
+    "data-testid": "notification-meta"
   }, timestamp && /*#__PURE__*/_react.default.createElement("span", {
     className: "p-notification__timestamp",
-    "data-test": "notification-timestamp"
+    "data-testid": "notification-timestamp"
   }, timestamp), hasActions ? /*#__PURE__*/_react.default.createElement("div", {
     className: "p-notification__actions"
   }, actions.map(function (action, i) {
     return /*#__PURE__*/_react.default.createElement(_Button.default, {
       appearance: _Button.ButtonAppearance.LINK,
       className: "p-notification__action",
-      "data-test": "notification-action",
+      "data-testid": "notification-action",
       key: "".concat(action.label, "-").concat(i),
       onClick: action.onClick
     }, action.label);

package/dist/components/PaginationButton/PaginationButton.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -29,14 +27,9 @@ var PaginationButton = function PaginationButton(_ref) {
     disabled: disabled,
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "p-icon--contextual-menu"
+    className: "p-icon--chevron-down"
   }, label)));
 };
 
-PaginationButton.propTypes = {
-  direction: _propTypes.default.oneOf(["forward", "back"]).isRequired,
-  disabled: _propTypes.default.bool,
-  onClick: _propTypes.default.func.isRequired
-};
 var _default = PaginationButton;
 exports.default = _default;

package/dist/components/PaginationItem/PaginationItem.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -28,10 +26,5 @@ var PaginationItem = function PaginationItem(_ref) {
   }, number));
 };
 
-PaginationItem.propTypes = {
-  isActive: _propTypes.default.bool,
-  number: _propTypes.default.number.isRequired,
-  onClick: _propTypes.default.func.isRequired
-};
 var _default = PaginationItem;
 exports.default = _default;

package/dist/components/PasswordToggle/PasswordToggle.d.ts

@@ -0,0 +1,99 @@
+import React from "react";
+import type { InputHTMLAttributes, ReactNode } from "react";
+import type { ClassName, PropsWithSpread } from "../../types";
+/**
+ * The props for the Password Toggle component.
+ */
+export declare type Props = PropsWithSpread<{
+    /**
+     * The content for caution validation.
+     */
+    caution?: ReactNode;
+    /**
+     * Optional class(es) to pass to the input element.
+     */
+    className?: ClassName;
+    /**
+     * The content for error validation.
+     */
+    error?: ReactNode;
+    /**
+     * Help text to show below the field.
+     */
+    help?: ReactNode;
+    /**
+     * The id of the input.
+     */
+    id: string;
+    /**
+     * The label for the field.
+     */
+    label?: ReactNode;
+    /**
+     * Whether the field is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the field is required.
+     */
+    required?: boolean;
+    /**
+     * The content for success validation.
+     */
+    success?: ReactNode;
+    /**
+     * The content for success validation.
+     */
+    type?: "submit" | "reset" | "button";
+    /**
+     * Optional class(es) to pass to the wrapping Field component
+     */
+    wrapperClassName?: string;
+}, InputHTMLAttributes<HTMLInputElement>>;
+declare const PasswordToggle: React.ForwardRefExoticComponent<{
+    /**
+     * The content for caution validation.
+     */
+    caution?: ReactNode;
+    /**
+     * Optional class(es) to pass to the input element.
+     */
+    className?: ClassName;
+    /**
+     * The content for error validation.
+     */
+    error?: ReactNode;
+    /**
+     * Help text to show below the field.
+     */
+    help?: ReactNode;
+    /**
+     * The id of the input.
+     */
+    id: string;
+    /**
+     * The label for the field.
+     */
+    label?: ReactNode;
+    /**
+     * Whether the field is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the field is required.
+     */
+    required?: boolean;
+    /**
+     * The content for success validation.
+     */
+    success?: ReactNode;
+    /**
+     * The content for success validation.
+     */
+    type?: "submit" | "reset" | "button";
+    /**
+     * Optional class(es) to pass to the wrapping Field component
+     */
+    wrapperClassName?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "label" | "className" | "error" | "id" | "type" | "readOnly" | "required" | "help" | "success" | "caution" | "wrapperClassName"> & React.RefAttributes<HTMLInputElement>>;
+export default PasswordToggle;

package/dist/components/PasswordToggle/PasswordToggle.js

@@ -0,0 +1,107 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _Field = _interopRequireDefault(require("../Field"));
+
+var _Label = _interopRequireDefault(require("../Label"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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; }
+
+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; }
+
+var PasswordToggle = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var caution = _ref.caution,
+      className = _ref.className,
+      error = _ref.error,
+      help = _ref.help,
+      id = _ref.id,
+      label = _ref.label,
+      readOnly = _ref.readOnly,
+      required = _ref.required,
+      success = _ref.success,
+      type = _ref.type,
+      wrapperClassName = _ref.wrapperClassName,
+      inputProps = _objectWithoutProperties(_ref, ["caution", "className", "error", "help", "id", "label", "readOnly", "required", "success", "type", "wrapperClassName"]);
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isPassword = _useState2[0],
+      setIsPassword = _useState2[1];
+
+  var togglePassword = function togglePassword() {
+    if (isPassword) {
+      setIsPassword(false);
+    } else {
+      setIsPassword(true);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Field.default, {
+    caution: caution,
+    className: wrapperClassName,
+    error: error,
+    help: help,
+    required: required,
+    success: success
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "p-form-password-toggle"
+  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
+    forId: id,
+    required: required
+  }, label), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    appearance: "base",
+    type: type ? type : "button",
+    className: "u-no-margin--bottom",
+    hasIcon: true,
+    "aria-controls": id,
+    "aria-live": "polite",
+    onClick: function onClick() {
+      return togglePassword();
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "p-form-password-toggle__label"
+  }, isPassword ? "Show" : "Hide"), /*#__PURE__*/_react.default.createElement("i", {
+    className: isPassword ? "p-icon--show" : "p-icon--hide"
+  }))), /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: (0, _classnames.default)("p-form-validation__input", className),
+    id: id,
+    ref: ref,
+    type: isPassword ? "password" : "text",
+    readOnly: readOnly
+  }, inputProps)));
+});
+
+var _default = PasswordToggle;
+exports.default = _default;

package/dist/components/PasswordToggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./PasswordToggle";
+export type { Props as PasswordToggleProps } from "./PasswordToggle";

package/dist/components/PasswordToggle/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _PasswordToggle.default;
+  }
+});
+
+var _PasswordToggle = _interopRequireDefault(require("./PasswordToggle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.js

@@ -123,9 +123,8 @@ var FilterPanelSection = function FilterPanelSection(_ref) {
     // should display
     var searchTermInChip = (0, _utils2.highlightSubString)(chip.value, searchTerm).match;
     var chipVisible = searchTermInChip || searchTerm === "" || (0, _utils2.highlightSubString)(heading, searchTerm).match;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      key: "".concat(chip.lead, "+").concat(chip.value)
-    }, chipVisible && !sectionHidden && /*#__PURE__*/_react.default.createElement(_Chip.default, {
+    return chipVisible && !sectionHidden && /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      key: "".concat(chip.lead, "+").concat(chip.value),
       lead: chip.lead,
       value: chip.value,
       selected: (0, _utils.isChipInArray)(chip, searchData),
@@ -133,7 +132,7 @@ var FilterPanelSection = function FilterPanelSection(_ref) {
       onClick: function onClick() {
         return handleChipClick(chip);
       }
-    }));
+    });
   }), overflowCounter > 0 && !expanded && /*#__PURE__*/_react.default.createElement("span", {
     className: "p-filter-panel-section__counter",
     onClick: showAllChips,

package/dist/components/SearchBox/SearchBox.d.ts

@@ -1,7 +1,5 @@
-import React from "react";
-import type { HTMLProps, FormEvent } from "react";
-import type { ClassName, PropsWithSpread } from "../../types";
-export declare type Props = PropsWithSpread<{
+import type { ClassName } from "../../types";
+export declare type Props = {
     /**
      * Whether autocomplete should be enabled for the search input.
      */
@@ -23,9 +21,9 @@ export declare type Props = PropsWithSpread<{
      */
     onChange?: (inputValue: string) => void;
     /**
-     * A function that will be called when the form is submitted.
+     * A function that is called when the user clicks the search icon
      */
-    onSubmit?: (evt: FormEvent) => void;
+    onSearch?: () => void;
     /**
      * A search input placeholder message.
      */
@@ -34,6 +32,9 @@ export declare type Props = PropsWithSpread<{
      * The value of the search input when the state is externally controlled.
      */
     value?: string;
-}, HTMLProps<HTMLFormElement>>;
-declare const SearchBox: React.ForwardRefExoticComponent<Pick<Props, "content" | "title" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "children" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "externallyControlled" | "autocomplete"> & React.RefAttributes<HTMLFormElement>>;
+};
+declare const SearchBox: {
+    ({ autocomplete, className, disabled, externallyControlled, onChange, onSearch, placeholder, value, }: Props): JSX.Element;
+    displayName: string;
+};
 export default SearchBox;

package/dist/components/SearchBox/SearchBox.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -13,26 +15,19 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
-
-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; }
-
-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; }
-
-var SearchBox = _react.default.forwardRef(function (_ref, ref) {
+var SearchBox = function SearchBox(_ref) {
   var _ref$autocomplete = _ref.autocomplete,
       autocomplete = _ref$autocomplete === void 0 ? "on" : _ref$autocomplete,
       className = _ref.className,
       disabled = _ref.disabled,
       externallyControlled = _ref.externallyControlled,
       _onChange = _ref.onChange,
-      onSubmit = _ref.onSubmit,
+      onSearch = _ref.onSearch,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? "Search" : _ref$placeholder,
-      value = _ref.value,
-      props = _objectWithoutProperties(_ref, ["autocomplete", "className", "disabled", "externallyControlled", "onChange", "onSubmit", "placeholder", "value"]);
+      value = _ref.value;
 
-  var input = _react.default.createRef();
+  var input = /*#__PURE__*/_react.default.createRef();
 
   var resetInput = function resetInput() {
     _onChange && _onChange("");
@@ -42,17 +37,13 @@ var SearchBox = _react.default.forwardRef(function (_ref, ref) {
     }
   };
 
-  var submit = function submit(e) {
-    e.preventDefault();
-    onSubmit && onSubmit(e);
+  var triggerSearch = function triggerSearch() {
+    onSearch && onSearch();
   };
 
-  return /*#__PURE__*/_react.default.createElement("form", _extends({
-    className: (0, _classnames.default)("p-search-box", className),
-    onSubmit: submit
-  }, props, {
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("p-search-box", className)
+  }, /*#__PURE__*/_react.default.createElement("label", {
     className: "u-off-screen",
     htmlFor: "search"
   }, placeholder || "Search"), /*#__PURE__*/_react.default.createElement("input", {
@@ -79,12 +70,21 @@ var SearchBox = _react.default.forwardRef(function (_ref, ref) {
   }, "Clear search field")), /*#__PURE__*/_react.default.createElement("button", {
     className: "p-search-box__button",
     disabled: disabled,
-    type: "submit"
+    onClick: triggerSearch
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: "search"
   }, "Search")));
-});
+};
 
+SearchBox.propTypes = {
+  autocomplete: _propTypes.default.oneOf(["on", "off"]),
+  disabled: _propTypes.default.bool,
+  externallyControlled: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  onSearch: _propTypes.default.func,
+  placeholder: _propTypes.default.string,
+  value: _propTypes.default.string
+};
 SearchBox.displayName = "SearchBox";
 var _default = SearchBox;
 exports.default = _default;

package/dist/components/SummaryButton/SummaryButton.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 
-var _Button = require("../Button/Button");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var SummaryButton = function SummaryButton(_ref) {
@@ -28,7 +24,6 @@ var SummaryButton = function SummaryButton(_ref) {
   }, summary && /*#__PURE__*/_react.default.createElement("span", {
     className: "u-text--muted"
   }, summary), onClick && /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-    appearance: _Button.ButtonAppearance.NEUTRAL,
     className: (0, _classnames.default)("is-small", "is-dense", {
       "is-inline": summary
     }),
@@ -38,11 +33,5 @@ var SummaryButton = function SummaryButton(_ref) {
   }, label));
 };
 
-SummaryButton.propTypes = {
-  isLoading: _propTypes.default.bool,
-  label: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  summary: _propTypes.default.string
-};
 var _default = SummaryButton;
 exports.default = _default;

package/dist/components/Tabs/Tabs.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -42,14 +40,10 @@ var Tabs = function Tabs(_ref) {
     }, /*#__PURE__*/_react.default.createElement(Component, _extends({
       "aria-selected": active,
       className: (0, _classnames.default)("p-tabs__link", className),
-      "data-test": "tab-link-".concat(label)
+      "data-testid": "tab-link-".concat(label)
     }, rest), label));
   })));
 };
 
-Tabs.propTypes = {
-  links: _propTypes.default.array.isRequired,
-  listClassName: _propTypes.default.string
-};
 var _default = Tabs;
 exports.default = _default;

package/dist/components/Tooltip/Tooltip.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.adjustForWindow = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -226,7 +224,7 @@ var Tooltip = function Tooltip(_ref) {
     }
   }, children), isOpen && /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("p-tooltip--".concat(adjustedPosition), "is-detached", tooltipClassName),
-    "data-test": "tooltip-portal",
+    "data-testid": "tooltip-portal",
     style: positionStyle
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "p-tooltip__message",
@@ -236,14 +234,5 @@ var Tooltip = function Tooltip(_ref) {
   }, children));
 };
 
-Tooltip.propTypes = {
-  autoAdjust: _propTypes.default.bool,
-  children: _propTypes.default.node.isRequired,
-  followMouse: _propTypes.default.bool,
-  message: _propTypes.default.node,
-  position: _propTypes.default.oneOf(["btm-center", "btm-left", "btm-right", "left", "right", "top-center", "top-left", "top-right"]),
-  positionElementClassName: _propTypes.default.string,
-  tooltipClassName: _propTypes.default.string
-};
 var _default = Tooltip;
 exports.default = _default;

package/dist/hooks/useListener.js

@@ -1,22 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useListener = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _useThrottle = require("./useThrottle");
 
 var _usePrevious = require("./usePrevious");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
 /**
  * A hook that handles attaching/removing listeners and smartly reattaching if
  * any of the attributes change.

package/dist/hooks/usePrevious.js

@@ -1,17 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePrevious = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+var _react = require("react");
 
 /**
  * A hook to handle storing the previous value of anything.

package/dist/hooks/useThrottle.js

@@ -1,17 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useThrottle = exports.THROTTLE_DELAY = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+var _react = require("react");
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }