@carbon/ibm-products 2.23.0 → 2.25.0

package/lib/components/RemoveModal/RemoveModal.js

@@ -1,34 +1,30 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RemoveModal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _devtools = require("../../global/js/utils/devtools");
-var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
-var _settings = require("../../settings");
-var _hooks = require("../../global/js/hooks");
-var _usePortalTarget = require("../../global/js/hooks/usePortalTarget");
-var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"]; //
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-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; }
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
+var settings = require('../../settings.js');
+var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
 var componentName = 'RemoveModal';
 
 /**
@@ -36,7 +32,7 @@ The `RemoveModal` covers what is known as high impact and medium impact deleting
 Enabling `textConfirmation` enables what would be considered the high impact state of the modal.
 For additional information on differentiating between delete / remove and low / medium / high impact please refer to the usage guidelines.
  */
-var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var body = _ref.body,
     className = _ref.className,
     iconDescription = _ref.iconDescription,
@@ -55,16 +51,16 @@ var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(func
     secondaryButtonText = _ref.secondaryButtonText,
     textConfirmation = _ref.textConfirmation,
     title = _ref.title,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var previousState = (0, _hooks.usePreviousValue)({
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var previousState = usePreviousValue.usePreviousValue({
     open: open
   });
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = React.useState(''),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     userInput = _useState2[0],
     setUserInput = _useState2[1];
-  var idRef = (0, _react.useRef)((0, _uuidv.default)());
-  var renderPortalUse = (0, _usePortalTarget.usePortalTarget)(portalTargetIn);
+  var idRef = React.useRef(uuidv4["default"]());
+  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
   var onChangeHandler = function onChangeHandler(e) {
     setUserInput(e.target.value);
   };
@@ -78,32 +74,32 @@ var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(func
     return false;
   };
   var primaryButtonStatus = checkPrimaryButtonDisabled();
-  var blockClass = "".concat(_settings.pkg.prefix, "--remove-modal");
+  var blockClass = "".concat(settings.pkg.prefix, "--remove-modal");
 
   // Clear the user input this way so that if the onRequestSubmit handler fails for some reason
   // the value of the input will still remain: we only want to empty the input value
   // when open actually changes to false.
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     if (!open && previousState !== null && previousState !== void 0 && previousState.open) {
       setUserInput('');
     }
   }, [open, previousState === null || previousState === void 0 ? void 0 : previousState.open]);
-  return renderPortalUse( /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
+  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: index["default"](blockClass, className),
     size: "sm",
     "aria-label": title
-  }, _objectSpread({
+  }, _rollupPluginBabelHelpers.objectSpread2({
     open: open,
     ref: ref,
     preventCloseOnClickOutside: preventCloseOnClickOutside,
     onClose: onClose
-  }, (0, _devtools.getDevtoolsProps)(componentName))), /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, {
+  }, devtools.getDevtoolsProps(componentName))), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
     title: title,
     label: label,
     iconDescription: iconDescription
-  }), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, null, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, body), textConfirmation && /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
+  }, body), textConfirmation && /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
     id: "".concat(idRef.current, "-confirmation-input"),
     className: "".concat(blockClass, "__input"),
     invalidText: inputInvalidText,
@@ -112,12 +108,12 @@ var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(func
     onChange: onChangeHandler,
     value: userInput,
     "data-modal-primary-focus": true
-  })), /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  })), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, null, /*#__PURE__*/React__default["default"].createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: onClose,
     "data-modal-primary-focus": !textConfirmation
-  }, secondaryButtonText), /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     type: "submit",
     kind: "danger",
     onClick: onRequestSubmit,
@@ -126,79 +122,79 @@ var RemoveModal = exports.RemoveModal = /*#__PURE__*/(0, _react.forwardRef)(func
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.RemoveModal = RemoveModal = _settings.pkg.checkComponentEnabled(RemoveModal, componentName);
-RemoveModal.propTypes = {
+exports.RemoveModal = settings.pkg.checkComponentEnabled(exports.RemoveModal, componentName);
+exports.RemoveModal.propTypes = {
   /**
    * The content to be displayed in the body of the modal
    */
-  body: _propTypes.default.string.isRequired,
+  body: index$1["default"].string.isRequired,
   /**
    * Optional classname
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * Provide a description for "close" icon that can be read by screen readers
    */
-  iconDescription: _propTypes.default.string.isRequired,
+  iconDescription: index$1["default"].string.isRequired,
   /**
    * Message showed when user input fails validation
    */
-  inputInvalidText: _propTypes.default.string,
+  inputInvalidText: index$1["default"].string,
   /**
    * Label for text box
    */
-  inputLabelText: _propTypes.default.node,
+  inputLabelText: index$1["default"].node,
   /**
    * Placeholder for text box
    */
-  inputPlaceholderText: _propTypes.default.string,
+  inputPlaceholderText: index$1["default"].string,
   /**
    * Specify the modal label texts
    */
-  label: _propTypes.default.string,
+  label: index$1["default"].string,
   /**
    * Callback function that runs when user closes the modal
    */
-  onClose: _propTypes.default.func,
+  onClose: index$1["default"].func,
   /**
    * Callback function that runs when user submits the modal
    */
-  onRequestSubmit: _propTypes.default.func,
+  onRequestSubmit: index$1["default"].func,
   /**
    * Specify whether the Modal is currently open
    */
-  open: _propTypes.default.bool.isRequired,
+  open: index$1["default"].bool.isRequired,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _propTypes.default.node,
+  portalTarget: index$1["default"].node,
   /**
    * Prevent closing on click outside of modal
    */
-  preventCloseOnClickOutside: _propTypes.default.bool,
+  preventCloseOnClickOutside: index$1["default"].bool,
   /**
    * Specify whether the primary button should be disabled. This value will override textConfirmation
    */
-  primaryButtonDisabled: _propTypes.default.bool,
+  primaryButtonDisabled: index$1["default"].bool,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: _propTypes.default.string,
+  primaryButtonText: index$1["default"].string,
   /**
    * The name of the resource being acted upon
    */
-  resourceName: _propTypes.default.string.isRequired,
+  resourceName: index$1["default"].string.isRequired,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: _propTypes.default.string,
+  secondaryButtonText: index$1["default"].string,
   /**
    * Specify whether or not to show the text confirmation input
    */
-  textConfirmation: _propTypes.default.bool,
+  textConfirmation: index$1["default"].bool,
   /**
    * The text displayed at the top of the modal
    */
-  title: _propTypes.default.string.isRequired
+  title: index$1["default"].string.isRequired
 };
-RemoveModal.displayName = componentName;
+exports.RemoveModal.displayName = componentName;

package/lib/components/RemoveModal/index.d.ts

@@ -0,0 +1 @@
+export { RemoveModal } from "./RemoveModal";

package/lib/components/Saving/Saving.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Copyright IBM Corp. 2021, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+type Type = 'manual' | 'auto';
+type Status = 'default' | 'in-progress' | 'success' | 'fail';
+interface SavingProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Description for default state icon (manual).
+     */
+    defaultIconDescription?: string;
+    /**
+     * Default text for the save button (manual). Per design guidelines you probably don't want to display this in the auto mode.
+     */
+    defaultText?: string;
+    /**
+     * Description for fail state icon (manual).
+     */
+    failIconDescription?: string;
+    /**
+     * Text for failure state.
+     */
+    failText?: string;
+    /**
+     * Description for in progress state icon (manual).
+     */
+    inProgressIconDescription?: string;
+    /**
+     * Text for in progress state.
+     */
+    inProgressText?: string;
+    /**
+     * Function handler for cancel button (manual).
+     */
+    onRequestCancel?(event: React.MouseEvent<HTMLButtonElement>): void;
+    /**
+     * Function handler for save button (manual).
+     */
+    onRequestSave?(event: React.MouseEvent<HTMLButtonElement>): void;
+    /**
+     * Text for the secondary or cancel button (manual).
+     */
+    secondaryButtonText?: string;
+    /**
+     * The status of the save. default being the untouched default state -> in-progress being a save has been initiated -> fail or success being the outcome.
+     */
+    status: Status;
+    /**
+     * Description for success state icon (manual).
+     */
+    successIconDescription?: string;
+    /**
+     * Text for success state
+     */
+    successText?: string;
+    /**
+     * Designates the style of the save component. Manual uses a set of buttons and auto just displays a string. See usage guidelines for additional information.
+     */
+    type: Type;
+}
+export declare let Saving: React.ForwardRefExoticComponent<SavingProps & React.RefAttributes<unknown>>;
+export {};

package/lib/components/Saving/Saving.js

@@ -1,32 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Saving = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@carbon/react");
-var _icons = require("@carbon/react/icons");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _devtools = require("../../global/js/utils/devtools");
-var _settings = require("../../settings");
-var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "defaultText", "failIconDescription", "failText", "inProgressIconDescription", "inProgressText", "onRequestCancel", "onRequestSave", "status", "successIconDescription", "successText", "type"];
 /**
- * Copyright IBM Corp. 2021, 2021
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var icons = require('@carbon/react/icons');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _ErrorFilled;
+var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "defaultText", "failIconDescription", "failText", "inProgressIconDescription", "inProgressText", "onRequestCancel", "onRequestSave", "status", "successIconDescription", "successText", "type"];
 var componentName = 'Saving';
-var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _statusObj$status, _statusObj$status2, _statusObj$status3, _statusObj$status4;
   var secondaryButtonText = _ref.secondaryButtonText,
     className = _ref.className,
@@ -42,13 +41,13 @@ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     successIconDescription = _ref.successIconDescription,
     successText = _ref.successText,
     type = _ref.type,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var statusObj = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var statusObj = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({
     default: {
       text: defaultText,
       iconDescription: defaultIconDescription,
       icon: function icon(props) {
-        return /*#__PURE__*/_react.default.createElement(_icons.Save, (0, _extends2.default)({
+        return /*#__PURE__*/React__default["default"].createElement(icons.Save, _rollupPluginBabelHelpers["extends"]({
           size: 16
         }, props));
       }
@@ -57,7 +56,7 @@ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     text: inProgressText,
     iconDescription: inProgressIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/_react.default.createElement(_react2.InlineLoading, (0, _extends2.default)({
+      return /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, _rollupPluginBabelHelpers["extends"]({
         size: 16
       }, props));
     }
@@ -65,7 +64,7 @@ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     text: successText,
     iconDescription: successIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.CheckmarkOutline, (0, _extends2.default)({
+      return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
         size: 16
       }, props));
     }
@@ -73,31 +72,31 @@ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     text: failText,
     iconDescription: failIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.ErrorOutline, (0, _extends2.default)({
+      return /*#__PURE__*/React__default["default"].createElement(icons.ErrorOutline, _rollupPluginBabelHelpers["extends"]({
         size: 16
       }, props));
     }
   });
-  var blockClass = "".concat(_settings.pkg.prefix, "--saving");
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+  var blockClass = "".concat(settings.pkg.prefix, "--saving");
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: ref,
-    className: (0, _classnames.default)(blockClass, className)
-  }, (0, _devtools.getDevtoolsProps)(componentName)), type === 'auto' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: index["default"](blockClass, className)
+  }, devtools.getDevtoolsProps(componentName)), type === 'auto' ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__message")
-  }, status === 'fail' && /*#__PURE__*/_react.default.createElement("div", {
+  }, status === 'fail' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__error-icon")
-  }, /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, {
+  }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
     size: 16
-  })), /*#__PURE__*/_react.default.createElement("p", {
+  }))), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(blockClass, "__text")
-  }, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/_react.default.createElement("div", {
+  }, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__buttons")
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
     onClick: onRequestCancel,
     kind: "secondary",
     disabled: status !== 'in-progress',
     type: "button"
-  }, secondaryButtonText), /*#__PURE__*/_react.default.createElement(_react2.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     onClick: onRequestSave,
     kind: "primary",
     renderIcon: (_statusObj$status2 = statusObj[status]) === null || _statusObj$status2 === void 0 ? void 0 : _statusObj$status2.icon,
@@ -106,63 +105,63 @@ var Saving = exports.Saving = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     type: "button"
   }, (_statusObj$status4 = statusObj[status]) === null || _statusObj$status4 === void 0 ? void 0 : _statusObj$status4.text)));
 });
-exports.Saving = Saving = _settings.pkg.checkComponentEnabled(Saving, componentName);
-Saving.propTypes = {
+exports.Saving = settings.pkg.checkComponentEnabled(exports.Saving, componentName);
+exports.Saving.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * Description for default state icon (manual).
    */
-  defaultIconDescription: _propTypes.default.string,
+  defaultIconDescription: index$1["default"].string,
   /**
    * Default text for the save button (manual). Per design guidelines you probably don't want to display this in the auto mode.
    */
-  defaultText: _propTypes.default.string,
+  defaultText: index$1["default"].string,
   /**
    * Description for fail state icon (manual).
    */
-  failIconDescription: _propTypes.default.string,
+  failIconDescription: index$1["default"].string,
   /**
    * Text for failure state.
    */
-  failText: _propTypes.default.string,
+  failText: index$1["default"].string,
   /**
    * Description for in progress state icon (manual).
    */
-  inProgressIconDescription: _propTypes.default.string,
+  inProgressIconDescription: index$1["default"].string,
   /**
    * Text for in progress state.
    */
-  inProgressText: _propTypes.default.string,
+  inProgressText: index$1["default"].string,
   /**
    * Function handler for cancel button (manual).
    */
-  onRequestCancel: _propTypes.default.func,
+  onRequestCancel: index$1["default"].func,
   /**
    * Function handler for save button (manual).
    */
-  onRequestSave: _propTypes.default.func,
+  onRequestSave: index$1["default"].func,
   /**
    * Text for the secondary or cancel button (manual).
    */
-  secondaryButtonText: _propTypes.default.string,
+  secondaryButtonText: index$1["default"].string,
   /**
    * The status of the save. default being the untouched default state -> in-progress being a save has been initiated -> fail or success being the outcome.
    */
-  status: _propTypes.default.oneOf(['default', 'in-progress', 'success', 'fail']).isRequired,
+  status: index$1["default"].oneOf(['default', 'in-progress', 'success', 'fail']).isRequired,
   /**
    * Description for success state icon (manual).
    */
-  successIconDescription: _propTypes.default.string,
+  successIconDescription: index$1["default"].string,
   /**
    * Text for success state
    */
-  successText: _propTypes.default.string,
+  successText: index$1["default"].string,
   /**
    * Designates the style of the save component. Manual uses a set of buttons and auto just displays a string. See usage guidelines for additional information.
    */
-  type: _propTypes.default.oneOf(['manual', 'auto']).isRequired
+  type: index$1["default"].oneOf(['manual', 'auto']).isRequired
 };
-Saving.displayName = componentName;
+exports.Saving.displayName = componentName;

package/lib/components/Saving/index.d.ts

@@ -0,0 +1 @@
+export { Saving } from "./Saving";

package/lib/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Search bar with input field and search button
+ */
+export let SearchBar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';