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

package/dist/index.d.ts

@@ -993,30 +993,21 @@ interface ParagraphProps {
 declare const Paragraph: React.FC<Expand<ParagraphProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-/*
-Keys within this array will be referenced based on the 
-valuesToSearchFor` array,.
-*/
+// Keys within this array will be referenced based on the
+// `valuesToSearchFor` array.
 type FlexibleObjectArray = Array<{ [key: string]: any }>;
 
 interface SearchProps {
-  actions: FieldActions;
-  fields: {
-    [key: string]: Field;
-  };
+  field: Field;
+  fieldActions: FieldActions;
   dataset: FlexibleObjectArray;
   valuesToSearchFor: string[];
-  /*
-  The callbacks are on the consuming app to implement, 
-  so they need to be flexible.
-  */
   onSearchCallback: () => void;
   onClearCallback: () => void;
   disabled?: boolean;
   placeholder?: string;
   searchOnKeypress?: boolean;
   formWidth?: string;
-  searchFieldName?: string;
   autocompleteValue?: string;
   themeValues?: object;
 }

package/dist/index.esm.js

@@ -27098,6 +27098,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showPassword = _useState2[0],
@@ -28581,23 +28582,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,
@@ -28609,12 +28610,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) {
@@ -28636,13 +28636,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
@@ -28656,7 +28655,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.createElement(ButtonWithAction, {
@@ -46239,6 +46238,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,
@@ -46255,7 +46256,7 @@ var CloseButton = function CloseButton(_ref) {
     role: "button",
     text: closeButtonText,
     textExtraStyles: "".concat(fontSize),
-    variant: "primary"
+    variant: closeButtonVariant
   });
 };
 
@@ -46351,6 +46352,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,
@@ -46505,6 +46508,7 @@ var Modal$2 = function Modal(_ref) {
   }), hasCloseButton && /*#__PURE__*/React.createElement(CloseButton, {
     buttonExtraStyles: buttonExtraStyles,
     closeButtonText: closeButtonText,
+    closeButtonVariant: closeButtonVariant,
     hideModal: hideModal,
     isMobile: isMobile,
     key: "close"