@thecb/components 10.8.0-beta.0 → 10.8.0-beta.2

package/dist/index.cjs.js

@@ -27106,6 +27106,7 @@ var FormInput = function FormInput(_ref15) {
     _ref15$isRequired = _ref15.isRequired,
     isRequired = _ref15$isRequired === void 0 ? false : _ref15$isRequired,
     props = _objectWithoutProperties(_ref15, _excluded2);
+  debugger;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showPassword = _useState2[0],
@@ -28589,23 +28590,23 @@ var fallbackValues$w = {
 };
 
 /**
- * Search accepts a redux-freeform field and actions to use
+ * Search requires a redux-freeform field and actions to use
  * for its `FormInput` state, as well as a dataset and the keys you wish
  * to include in your search.
  *
  * The `dataset` expected is a one-dimensional array of objects.
  * Properties within the objects are included in the traversal
- * when they are present in the ``valuesToSearchFor` prop.
+ * when they are present in the `valuesToSearchFor` prop.
  *
  * This component expects implementations of `onSearchCallback` and `onClearCallback`
  * in the consuming application. For example, if you want to filter a table based on
- * this search, this would trigger the adjustment of your table data's state in your
- * consuming application.
+ * this, your callbacks should trigger the adjustment of your table data's state in your
+ * application implementing Search.
  */
 
 var Search = function Search(_ref) {
-  var actions = _ref.actions,
-    fields = _ref.fields,
+  var field = _ref.field,
+    fieldActions = _ref.fieldActions,
     dataset = _ref.dataset,
     valuesToSearchFor = _ref.valuesToSearchFor,
     onSearchCallback = _ref.onSearchCallback,
@@ -28617,12 +28618,11 @@ var Search = function Search(_ref) {
     searchOnKeypress = _ref$searchOnKeypress === void 0 ? false : _ref$searchOnKeypress,
     _ref$searchContainerW = _ref.searchContainerWidth,
     searchContainerWidth = _ref$searchContainerW === void 0 ? null : _ref$searchContainerW,
-    _ref$searchFieldName = _ref.searchFieldName,
-    searchFieldName = _ref$searchFieldName === void 0 ? "searchTerm" : _ref$searchFieldName,
-    autocompleteValue = _ref.autocompleteValue,
     ariaControlsId = _ref.ariaControlsId,
     themeValues = _ref.themeValues;
-  var searchTerm = fields[searchFieldName].rawValue;
+  console.log("🚀 ~ field:", field);
+  console.log("🚀 ~ fieldActions:", fieldActions);
+  var searchTerm = field.rawValue;
   var getFilteredDataset = function getFilteredDataset() {
     if (!searchTerm) return dataset;
     return dataset.filter(function (item) {
@@ -28644,13 +28644,12 @@ var Search = function Search(_ref) {
     id: "searchInput",
     role: "search",
     "aria-controls": ariaControlsId,
-    autocompleteValue: autocompleteValue,
     extraStyles: "border-radius: 2px 0 0 2px;",
     onKeyDown: function onKeyDown(e) {
       return searchOnKeypress || e.key === "Enter" ? handleSubmit() : noop;
     },
-    field: fields[searchFieldName],
-    fieldActions: actions.fields[searchFieldName],
+    field: field,
+    fieldActions: fieldActions,
     placeholder: placeholder,
     errorMessages: {},
     disabled: disabled
@@ -28664,7 +28663,7 @@ var Search = function Search(_ref) {
     text: "Clear Search",
     "aria-label": "Clear Search",
     action: function action() {
-      actions.fields[searchFieldName].set("");
+      fieldActions.set("");
       onClearCallback();
     }
   }))), /*#__PURE__*/React__default.createElement(ButtonWithAction, {
@@ -46247,6 +46246,8 @@ var CloseButton = function CloseButton(_ref) {
     buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
     _ref$closeButtonText = _ref.closeButtonText,
     closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
+    _ref$closeButtonVaria = _ref.closeButtonVariant,
+    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
     _ref$hideModal = _ref.hideModal,
     hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
     _ref$isMobile = _ref.isMobile,
@@ -46263,7 +46264,7 @@ var CloseButton = function CloseButton(_ref) {
     role: "button",
     text: closeButtonText,
     textExtraStyles: "".concat(fontSize),
-    variant: "primary"
+    variant: closeButtonVariant
   });
 };
 
@@ -46359,6 +46360,8 @@ var Modal$2 = function Modal(_ref) {
     children = _ref$children === void 0 ? [] : _ref$children,
     _ref$closeButtonText = _ref.closeButtonText,
     closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
+    _ref$closeButtonVaria = _ref.closeButtonVariant,
+    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
     _ref$continueAction = _ref.continueAction,
     continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
     _ref$continueButtonTe = _ref.continueButtonText,
@@ -46513,6 +46516,7 @@ var Modal$2 = function Modal(_ref) {
   }), hasCloseButton && /*#__PURE__*/React__default.createElement(CloseButton, {
     buttonExtraStyles: buttonExtraStyles,
     closeButtonText: closeButtonText,
+    closeButtonVariant: closeButtonVariant,
     hideModal: hideModal,
     isMobile: isMobile,
     key: "close"