@zohodesk/dot 1.9.14 → 1.9.15

package/README.md

@@ -2,6 +2,12 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.9.15
+
+- **version2/lookup/AlertLookup/AlertLookup**
+  - Added `renderFooterNode` prop support using `renderNode`.
+  - Footer now renders custom content when `renderFooterNode` is provided; otherwise, existing submit/cancel footer behavior is preserved.
+
 # 1.9.14
 
 - Updated `@zohodesk-private/color-variable-preprocessor@1.3.3` package version - CTA category overridden variables are now generated only for the necessary CTA variables using the `buildOverriddenCTACategories` function.

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -4,15 +4,20 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { Component } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
+/**** Library Components ****/
+
+import Button from '@zohodesk/components/es/Button/Button';
+import { Container, Box } from '@zohodesk/components/es/Layout';
+/**** Utils ****/
+
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
+import renderNode from '@zohodesk/utils/es/renderNode';
 /**** Components ****/
 
 import Lookup from "../../../lookup/Lookup/Lookup";
 import AlertHeader from "../AlertHeader/AlertHeader";
-import Button from '@zohodesk/components/es/Button/Button';
 import Section from "../../../lookup/Section/Section";
 import FormAction from "../../../FormAction/FormAction";
-import { Container, Box } from '@zohodesk/components/es/Layout';
-import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 /**** CSS ****/
 
 import style from "./AlertLookupNew.module.css";
@@ -94,6 +99,7 @@ export default class AlertLookup extends Component {
       needIcon,
       a11y,
       customProps,
+      renderFooterNode,
       align,
       childAnimationName,
       isHtmlContent,
@@ -164,9 +170,9 @@ export default class AlertLookup extends Component {
     }, message), confirmationMessage && /*#__PURE__*/React.createElement("div", {
       id: ariaConfirmMsgId,
       className: `${message ? style.confirmMsgText : ''}`
-    }, confirmationMessage)))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
+    }, confirmationMessage)))), renderFooterNode || submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
       className: style.footer
-    }, /*#__PURE__*/React.createElement(FormAction, {
+    }, renderNode(renderFooterNode) || /*#__PURE__*/React.createElement(FormAction, {
       size: "small",
       paddingLeftSize: "xmedium"
     }, /*#__PURE__*/React.createElement(Button, _extends({

package/es/version2/lookup/AlertLookup/props/defaultProps.js

@@ -5,6 +5,7 @@ export const defaultProps = {
   dataId: 'alertPopup',
   isDefaultFocus: true,
   customProps: {},
+  renderFooterNode: null,
   align: 'top',
   childAnimationName: 'flyDown',
   isHtmlContent: false,

package/es/version2/lookup/AlertLookup/props/propTypes.js

@@ -27,6 +27,7 @@ export const propTypes = {
     PrimaryButtonProps: PropTypes.object,
     SecondaryButtonProps: PropTypes.object
   }),
+  renderFooterNode: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   align: PropTypes.oneOf(['top', 'vertical']),
   childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
   isHtmlContent: PropTypes.bool,

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -13,20 +13,22 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
+
+var _renderNode = _interopRequireDefault(require("@zohodesk/utils/es/renderNode"));
+
 var _Lookup = _interopRequireDefault(require("../../../lookup/Lookup/Lookup"));
 
 var _AlertHeader = _interopRequireDefault(require("../AlertHeader/AlertHeader"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
-
 var _Section = _interopRequireDefault(require("../../../lookup/Section/Section"));
 
 var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction"));
 
-var _Layout = require("@zohodesk/components/es/Layout");
-
-var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
-
 var _AlertLookupNewModule = _interopRequireDefault(require("./AlertLookupNew.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -150,6 +152,7 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
           needIcon = _this$props.needIcon,
           a11y = _this$props.a11y,
           customProps = _this$props.customProps,
+          renderFooterNode = _this$props.renderFooterNode,
           align = _this$props.align,
           childAnimationName = _this$props.childAnimationName,
           isHtmlContent = _this$props.isHtmlContent,
@@ -223,9 +226,9 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       }, message), confirmationMessage && /*#__PURE__*/_react["default"].createElement("div", {
         id: ariaConfirmMsgId,
         className: "".concat(message ? _AlertLookupNewModule["default"].confirmMsgText : '')
-      }, confirmationMessage)))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
+      }, confirmationMessage)))), renderFooterNode || submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: _AlertLookupNewModule["default"].footer
-      }, /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
+      }, (0, _renderNode["default"])(renderFooterNode) || /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
         size: "small",
         paddingLeftSize: "xmedium"
       }, /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({

package/lib/version2/lookup/AlertLookup/props/defaultProps.js

@@ -11,6 +11,7 @@ var defaultProps = {
   dataId: 'alertPopup',
   isDefaultFocus: true,
   customProps: {},
+  renderFooterNode: null,
   align: 'top',
   childAnimationName: 'flyDown',
   isHtmlContent: false,

package/lib/version2/lookup/AlertLookup/props/propTypes.js

@@ -37,6 +37,7 @@ var propTypes = {
     PrimaryButtonProps: _propTypes["default"].object,
     SecondaryButtonProps: _propTypes["default"].object
   }),
+  renderFooterNode: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
   align: _propTypes["default"].oneOf(['top', 'vertical']),
   childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
   isHtmlContent: _propTypes["default"].bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.14",
+  "version": "1.9.15",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -67,17 +67,17 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.3.3",
     "@zohodesk-private/css-variable-migrator": "1.0.11",
-    "@zohodesk-private/node-plugins": "1.1.14",
+    "@zohodesk-private/node-plugins": "1.1.15",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.9",
     "@zohodesk/client_build_tool": "0.0.23",
-    "@zohodesk/components": "1.6.16",
+    "@zohodesk/components": "1.6.18",
     "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
-    "@zohodesk/icons": "1.3.3",
+    "@zohodesk/icons": "1.3.6",
     "@zohodesk/layout": "3.2.0",
     "@zohodesk/react-cli": "1.1.27",
-    "@zohodesk/svg": "1.3.6",
+    "@zohodesk/svg": "1.3.8",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
@@ -90,9 +90,9 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.3.2",
-    "@zohodesk/components": "1.6.16",
-    "@zohodesk/icons": "1.3.3",
-    "@zohodesk/svg": "1.3.6",
+    "@zohodesk/components": "1.6.18",
+    "@zohodesk/icons": "1.3.6",
+    "@zohodesk/svg": "1.3.8",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.8",