@uncinc/uncinc-react-kitchen-sink 2.21.1 → 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.d.ts

@@ -1,25 +1,3 @@
-export default WysiwygField;
-declare function WysiwygField({ html, customElementHandler, className, ...props }: {
-    [x: string]: any;
-    html: any;
-    customElementHandler?: (() => void) | undefined;
-    className?: string | undefined;
-}): React.JSX.Element;
-declare namespace WysiwygField {
-    namespace propTypes {
-        let html: PropTypes.Validator<string>;
-        let customElementHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let className: PropTypes.Requireable<string>;
-        let id: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        export function customElementHandler_1(): void;
-        export { customElementHandler_1 as customElementHandler };
-        let className_1: string;
-        export { className_1 as className };
-        let id_1: null;
-        export { id_1 as id };
-    }
-}
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;
 import React from 'react';
-import PropTypes from 'prop-types';

package/dist/components/WysiwygField/index.js

@@ -6,6 +6,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactHtmlParser from 'react-html-parser';
 import c from 'classnames';
+import withMapping from '../../Context/withMapping';
 import Button from '../Button';
 var WysiwygField = function WysiwygField(_ref) {
   var html = _ref.html,
@@ -60,4 +61,4 @@ WysiwygField.defaultProps = {
   className: '',
   id: null
 };
-export default WysiwygField;
+export default withMapping(WysiwygField, 'WysiwygField');

package/package.json

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