@uncinc/uncinc-react-kitchen-sink 2.21.2 → 2.21.3

package/dist/Context/withMapping.d.ts

@@ -1,3 +1,3 @@
 export default withMapping;
-declare function withMapping(BaseComponent: any): (props: any) => React.JSX.Element;
+declare function withMapping(BaseComponent: any, mappingKey: any): (props: any) => React.JSX.Element;
 import React from 'react';

package/dist/Context/withMapping.js

@@ -1,12 +1,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); }
 import React, { useContext } from 'react';
 import KitchenSinkComponentMapperContext from './KitchenSinkComponentMapperContext';
-var withMapping = function withMapping(BaseComponent) {
+var withMapping = function withMapping(BaseComponent, mappingKey) {
   return function (props) {
     var componentIsWrapped = props.componentIsWrapped;
     var context = useContext(KitchenSinkComponentMapperContext);
-    if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
-      var WrapperComponent = context[BaseComponent.name];
+    var key = mappingKey || BaseComponent.displayName || BaseComponent.name;
+    if (context && BaseComponent && !componentIsWrapped && context[key]) {
+      var WrapperComponent = context[key];
       return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
         componentIsWrapped: true
       }), props.children);

package/dist/components/Button/index.js

@@ -107,4 +107,4 @@ Button.propTypes = {
     current: PropTypes.element
   })])
 };
-export default withMapping(Button);
+export default withMapping(Button, 'Button');

package/dist/components/Form/Checkbox/index.js

@@ -106,4 +106,4 @@ Checkbox.propTypes = {
   wrapperClassName: PropTypes.string,
   disabled: PropTypes.bool
 };
-export default withMapping(Checkbox);
+export default withMapping(Checkbox, 'Checkbox');

package/dist/components/Form/GenericFormElement/index.js

@@ -55,4 +55,4 @@ var GenericFormElement = function GenericFormElement(props) {
     className: "FormElement__error ".concat(className, "__error")
   }, error) : null));
 };
-export default withMapping(GenericFormElement);
+export default withMapping(GenericFormElement, 'GenericFormElement');

package/dist/components/Form/SearchField/index.js

@@ -42,4 +42,4 @@ var SearchField = function SearchField(props) {
     className: "SearchField__error WebformComponent--error"
   }, error) : null);
 };
-export default withMapping(SearchField);
+export default withMapping(SearchField, 'SearchField');

package/dist/components/Form/TextField/index.js

@@ -127,4 +127,4 @@ var RevealPasswordButton = function RevealPasswordButton(_ref) {
     flair: "outlined"
   }));
 };
-export default withMapping(TextField);
+export default withMapping(TextField, 'TextField');

package/dist/components/Pagination/index.js

@@ -129,4 +129,4 @@ Pagination.defaultProps = {
   scrollToTopOffset: 0,
   scrollToTopBehavior: 'smooth'
 };
-export default withMapping(Pagination);
+export default withMapping(Pagination, 'Pagination');

package/dist/components/WysiwygField/index.js

@@ -61,4 +61,4 @@ WysiwygField.defaultProps = {
   className: '',
   id: null
 };
-export default withMapping(WysiwygField);
+export default withMapping(WysiwygField, 'WysiwygField');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.21.2",
+  "version": "2.21.3",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",