npm - @zohodesk/dot - Versions diffs - 1.6.1 → 1.6.2 - Mend

@zohodesk/dot 1.6.1 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (767) hide show

package/coverage/src/version2/errorstate/UrlNotFound/props/defaultProps.js.html CHANGED Viewed

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/UrlNotFound/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/UrlNotFound/props/propTypes.js.html CHANGED Viewed

@@ -121,7 +121,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/V2_ErrorStates.module.css.html CHANGED Viewed

@@ -208,7 +208,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/WillBeRightBack.js.html CHANGED Viewed

@@ -304,7 +304,7 @@ WillBeRightBack.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/index.html CHANGED Viewed

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/props/defaultProps.js.html CHANGED Viewed

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/WillBeRightBack/props/propTypes.js.html CHANGED Viewed

@@ -121,7 +121,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/errorstate/index.html CHANGED Viewed

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/AlertHeader.js.html CHANGED Viewed

@@ -301,7 +301,7 @@ AlertHeader.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css.html CHANGED Viewed

@@ -262,7 +262,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/cssJSLogic.js.html CHANGED Viewed

@@ -115,7 +115,7 @@ export default function cssJSLogic({ props, style }) {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/css/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/index.html CHANGED Viewed

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/defaultProps.js.html CHANGED Viewed

@@ -91,7 +91,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertHeader/props/propTypes.js.html CHANGED Viewed

@@ -151,7 +151,7 @@ export default {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/AlertLookup.js.html CHANGED Viewed

@@ -763,7 +763,7 @@ AlertLookup.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/AlertLookupNew.module.css.html CHANGED Viewed

@@ -187,7 +187,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/defaultProps.js.html CHANGED Viewed

@@ -109,7 +109,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/lookup/AlertLookup/props/propTypes.js.html CHANGED Viewed

@@ -199,7 +199,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.js.html CHANGED Viewed

@@ -688,7 +688,7 @@ DesktopNotification.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.module.css.html CHANGED Viewed

@@ -409,7 +409,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/defaultProps.js.html CHANGED Viewed

@@ -124,7 +124,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotification/props/propTypes.js.html CHANGED Viewed

@@ -202,7 +202,7 @@ export const DesktopNotificationUI_propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js.html CHANGED Viewed

@@ -346,7 +346,7 @@ DesktopNotificationHeader.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css.html CHANGED Viewed

@@ -355,7 +355,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/defaultProps.js.html CHANGED Viewed

@@ -94,7 +94,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/index.html CHANGED Viewed

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/src/version2/notification/DesktopNotificationHeader/props/propTypes.js.html CHANGED Viewed

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-12-12T13:19:46.063Z
+                at 2024-12-24T10:38:11.955Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/es/form/fields/CurrencyField/CurrencyField.js CHANGED Viewed

@@ -117,6 +117,7 @@ export default class CurrencyField extends PureComponent {
     }
     let uniqueId = htmlId ? htmlId : this.getNextId();
+    const isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
       "data-title": isDisabled ? title : null,
@@ -149,7 +150,7 @@ export default class CurrencyField extends PureComponent {
       onChange: this.handleChange,
       dataId: dataId,
       onBlur: this.onBlur,
-      onFocus: this.onFocus,
+      onFocus: isFocusable && this.onFocus,
       onKeyDown: onKeyDown,
       placeHolder: placeHolder,
       borderColor: borderColor,

package/es/list/status/StatusDropdown/StatusDropdown.js CHANGED Viewed

@@ -176,6 +176,8 @@ export class StatusDropdown extends React.Component {
       isRestrictScroll,
       positionsOffset,
       targetOffset,
+      renderTargetElement,
+      renderFooterElement,
       a11y = {}
     } = this.props;
     const {
@@ -193,7 +195,11 @@ export class StatusDropdown extends React.Component {
       className: style.posRel,
       onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined,
       onMouseLeave: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined
-    }, /*#__PURE__*/React.createElement(Container, {
+    }, renderTargetElement ? renderTargetElement({
+      handleTogglePopup: this.handleTogglePopup,
+      isPopupOpen,
+      getTargetRef
+    }) : /*#__PURE__*/React.createElement(Container, {
       tagName: "button",
       alignBox: "row",
       className: `${style.container} ${containerClass} ${btnStyle.buttonReset}`,
@@ -333,7 +339,7 @@ export class StatusDropdown extends React.Component {
         getEmptyState: this.emptySearchSVG
       }) : /*#__PURE__*/React.createElement("div", {
         className: style.loader
-      }, /*#__PURE__*/React.createElement(Loader, null)))));
+      }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null));
     }) : null);
   }

package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js CHANGED Viewed

@@ -7,5 +7,21 @@ describe('StatusDropdown', () => {
       asFragment
     } = render( /*#__PURE__*/React.createElement(StatusDropdown, null));
     expect(asFragment()).toMatchSnapshot();
+  }), test('rendering target element', () => {
+    const renderTargetElement = _ref => {
+      let {
+        isPopupOpen
+      } = _ref;
+      return /*#__PURE__*/React.createElement("div", {
+        className: isPopupOpen ? 'popupOpened' : 'popupClosed'
+      }, "Target Element");
+    };
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(StatusDropdown, {
+      renderTargetElement: renderTargetElement
+    }));
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap CHANGED Viewed

@@ -1,5 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`StatusDropdown rendering target element 1`] = `
+<DocumentFragment>
+  <div
+    class="posRel"
+  >
+    <div
+      class="popupClosed"
+    >
+      Target Element
+    </div>
+  </div>
+</DocumentFragment>
+`;
 exports[`StatusDropdown rendering the defult props 1`] = `
 <DocumentFragment>
   <div

package/es/list/status/StatusDropdown/props/propTypes.js CHANGED Viewed

@@ -54,5 +54,7 @@ export const propTypes = {
   isAbsolutePositioningNeeded: PropTypes.bool,
   isRestrictScroll: PropTypes.bool,
   positionsOffset: PropTypes.object,
+  renderTargetElement: PropTypes.func,
+  renderFooterElement: PropTypes.node,
   targetOffset: PropTypes.object
 };

package/es/v1/form/fields/CurrencyField/CurrencyField.js CHANGED Viewed

@@ -72,6 +72,7 @@ function CurrencyField(props) {
   }
   let uniqueId = htmlId ? htmlId : getNextId();
+  const isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
   function handleChange(value) {
     onChange && onChange(id, value);
@@ -124,7 +125,7 @@ function CurrencyField(props) {
     onChange: handleChange,
     dataId: dataId,
     onBlur: handleonBlur,
-    onFocus: handleonFocus,
+    onFocus: isFocusable && handleonFocus,
     onKeyDown: onKeyDown,
     placeHolder: placeHolder,
     borderColor: borderColor,

package/es/v1/list/status/StatusDropdown/StatusDropdown.js CHANGED Viewed

@@ -73,6 +73,8 @@ function StatusDropdown(props) {
     isRestrictScroll,
     positionsOffset,
     targetOffset,
+    renderTargetElement,
+    renderFooterElement,
     a11y = {}
   } = props;
   const [optionsList, setOptionsList] = useState(options);
@@ -149,7 +151,11 @@ function StatusDropdown(props) {
     className: style.posRel,
     onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? handleTogglePopup : undefined,
     onMouseLeave: showOnHover && !isDisabled && !isReadOnly && isEditable ? handleTogglePopup : undefined
-  }, /*#__PURE__*/React.createElement(Container, {
+  }, renderTargetElement ? renderTargetElement({
+    handleTogglePopup,
+    isPopupOpen,
+    getTargetRef
+  }) : /*#__PURE__*/React.createElement(Container, {
     tagName: "button",
     alignBox: "row",
     className: `${style.container} ${containerClass} ${btnStyle.buttonReset}`,
@@ -289,7 +295,7 @@ function StatusDropdown(props) {
       getEmptyState: emptySearchSVG
     }) : /*#__PURE__*/React.createElement("div", {
       className: style.loader
-    }, /*#__PURE__*/React.createElement(Loader, null)))));
+    }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null));
   }) : null);
 }

package/es/v1/list/status/StatusDropdown/props/propTypes.js CHANGED Viewed

@@ -54,5 +54,7 @@ export const propTypes = {
   isRestrictScroll: PropTypes.bool,
   positionsOffset: PropTypes.object,
   targetOffset: PropTypes.object,
+  renderTargetElement: PropTypes.func,
+  renderFooterElement: PropTypes.node,
   a11y: PropTypes.object
 };

package/lib/form/fields/CurrencyField/CurrencyField.js CHANGED Viewed

@@ -166,6 +166,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       }
       var uniqueId = htmlId ? htmlId : this.getNextId();
+      var isFocusable = !needReadOnlyStyle || !isReadOnly && needReadOnlyStyle;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
         "data-title": isDisabled ? title : null,
@@ -197,7 +198,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         onChange: this.handleChange,
         dataId: dataId,
         onBlur: this.onBlur,
-        onFocus: this.onFocus,
+        onFocus: isFocusable && this.onFocus,
         onKeyDown: onKeyDown,
         placeHolder: placeHolder,
         borderColor: borderColor,

package/lib/list/status/StatusDropdown/StatusDropdown.js CHANGED Viewed

@@ -244,6 +244,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           isRestrictScroll = _this$props4.isRestrictScroll,
           positionsOffset = _this$props4.positionsOffset,
           targetOffset = _this$props4.targetOffset,
+          renderTargetElement = _this$props4.renderTargetElement,
+          renderFooterElement = _this$props4.renderFooterElement,
           _this$props4$a11y = _this$props4.a11y,
           a11y = _this$props4$a11y === void 0 ? {} : _this$props4$a11y;
       var _a11y$tabIndex = a11y.tabIndex,
@@ -258,7 +260,11 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
         className: _StatusDropdownModule["default"].posRel,
         onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined,
         onMouseLeave: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      }, renderTargetElement ? renderTargetElement({
+        handleTogglePopup: this.handleTogglePopup,
+        isPopupOpen: isPopupOpen,
+        getTargetRef: getTargetRef
+      }) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         tagName: "button",
         alignBox: "row",
         className: "".concat(_StatusDropdownModule["default"].container, " ").concat(containerClass, " ").concat(_semanticButtonModule["default"].buttonReset),
@@ -396,7 +402,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           getEmptyState: _this2.emptySearchSVG
         }) : /*#__PURE__*/_react["default"].createElement("div", {
           className: _StatusDropdownModule["default"].loader
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)))));
+        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), renderFooterElement ? renderFooterElement : null));
       }) : null);
     }
   }]);

package/lib/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js CHANGED Viewed

@@ -13,6 +13,20 @@ describe('StatusDropdown', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], null)),
         asFragment = _render.asFragment;
+    expect(asFragment()).toMatchSnapshot();
+  }), test('rendering target element', function () {
+    var renderTargetElement = function renderTargetElement(_ref) {
+      var isPopupOpen = _ref.isPopupOpen;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: isPopupOpen ? 'popupOpened' : 'popupClosed'
+      }, "Target Element");
+    };
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_StatusDropdown["default"], {
+      renderTargetElement: renderTargetElement
+    })),
+        asFragment = _render2.asFragment;
     expect(asFragment()).toMatchSnapshot();
   });
 });