@zohodesk/components 1.0.0-temp-220.9 → 1.0.0-temp-227

package/lib/Select/Select.js

@@ -776,7 +776,9 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
           positionsOffset = _this$props11.positionsOffset,
           targetOffset = _this$props11.targetOffset,
           isRestrictScroll = _this$props11.isRestrictScroll,
-          dropBoxPortalId = _this$props11.dropBoxPortalId;
+          dropBoxPortalId = _this$props11.dropBoxPortalId,
+          renderCustomToggleIndicator = _this$props11.renderCustomToggleIndicator,
+          renderCustomSearchClearComponent = _this$props11.renderCustomSearchClearComponent;
       var _i18nKeys = i18nKeys,
           TextBoxIcon_i18n = _i18nKeys.TextBoxIcon_i18n,
           _i18nKeys$TextBox_all = _i18nKeys.TextBox_ally_label,
@@ -854,14 +856,20 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
           TextBoxProps: _objectSpread({
             'data-title': title || selected
           }, TextBoxProps)
-        }
-      }, TextBoxIconProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        },
+        renderRightPlaceholderNode: typeof renderCustomToggleIndicator == 'function' ? renderCustomToggleIndicator({
+          togglePopup: this.togglePopup,
+          isPopupOpened: isPopupReady,
+          isReadOnly: isReadOnly,
+          isDisabled: isDisabled
+        }) : renderCustomToggleIndicator
+      }, TextBoxIconProps), !renderCustomToggleIndicator || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isInline: true,
         isCover: false,
         alignBox: "row",
         align: "both",
         className: _SelectModule["default"].rightPlaceholder
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      }, !renderCustomToggleIndicator ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         dataId: "".concat(dataId, "_downIcon"),
         "aria-hidden": true,
@@ -869,10 +877,10 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7"
-      })), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      })) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: isPopupOpen ? _SelectModule["default"].rotate : '',
         dataId: "".concat(dataId, "_children")
-      }, children) : null)) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
+      }, children) : null) : null) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
         a11y: {
           role: 'Menuitem',
           ariaLabel: TextBox_ally_label,
@@ -960,7 +968,8 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
           autoComplete: autoComplete,
           customProps: {
             TextBoxProps: DropdownSearchTextBoxProps
-          }
+          },
+          renderCustomClearComponent: renderCustomSearchClearComponent
         }))) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
           shrink: true,
           customClass: !tabletMode && dropBoxSize ? _SelectModule["default"][dropBoxSize] : '',

package/lib/Select/props/propTypes.js

@@ -110,7 +110,9 @@ var Select_propTypes = {
   targetOffset: _propTypes["default"].object,
   isRestrictScroll: _propTypes["default"].bool,
   dropBoxPortalId: _propTypes["default"].string,
-  allowValueFallback: _propTypes["default"].bool
+  allowValueFallback: _propTypes["default"].bool,
+  renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
+  renderCustomSearchClearComponent: _propTypes["default"].func
 };
 exports.Select_propTypes = Select_propTypes;
 var GroupSelect_propTypes = {

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -158,7 +158,8 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
           isScrollPrevent = _this$props2.isScrollPrevent,
           customProps = _this$props2.customProps,
           needInputFocusOnWrapperClick = _this$props2.needInputFocusOnWrapperClick,
-          renderRightPlaceholderNode = _this$props2.renderRightPlaceholderNode;
+          renderRightPlaceholderNode = _this$props2.renderRightPlaceholderNode,
+          renderCustomClearComponent = _this$props2.renderCustomClearComponent;
       var isActive = this.state.isActive;
       var _customClass$customTB = customClass.customTBoxWrap,
           customTBoxWrap = _customClass$customTB === void 0 ? '' : _customClass$customTB,
@@ -213,7 +214,10 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_TextBoxIconModule["default"].iconContainer, " ").concat(customTBoxIcon)
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row"
-      }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }, value && onClear && value.length > 1 && !isDisabled && !isReadOnly || showClearIcon ? typeof renderCustomClearComponent == 'function' ? renderCustomClearComponent({
+        clearText: clearText,
+        handleClear: this.handleClear
+      }) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_TextBoxIconModule["default"].icon),
         onClick: this.handleClear,
         dataId: "".concat(dataId, "_ClearIcon"),

package/lib/TextBoxIcon/props/propTypes.js

@@ -67,7 +67,8 @@ var propTypes = _objectSpread(_objectSpread({}, _propTypes2.propTypes), {}, {
   customProps: _propTypes["default"].shape({
     TextBoxProps: _propTypes["default"].object
   }),
-  renderRightPlaceholderNode: _propTypes["default"].node
+  renderRightPlaceholderNode: _propTypes["default"].node,
+  renderCustomClearComponent: _propTypes["default"].func
 });
 
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-220.9",
+  "version": "1.0.0-temp-227",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -38,7 +38,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
-    "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
+    "prepublishOnly": "node prePublish.js && npm run test-clean && npm run download && npm run css:review && npm run review:props ",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",

package/es/Modal/Portal/Portal.js

@@ -1,31 +0,0 @@
-import React from "react";
-import ReactDOM from 'react-dom';
-import { getLibraryConfig } from "../../Provider/Config";
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-export default function Portal(_ref) {
-  let {
-    children,
-    portalId
-  } = _ref;
-  const portalPrefix = getLibraryConfig("portalPrefix");
-
-  const getPortalContainerElement = () => {
-    const getPortalContainer = getLibraryConfig('getPortalContainer');
-
-    if (getPortalContainer && typeof getPortalContainer === 'function') {
-      const portal = getPortalContainer();
-
-      if (portal) {
-        return portal;
-      }
-    }
-
-    return null;
-  };
-
-  const portalDiv = document.querySelector(`[data-portal="${portalPrefix ? `${portalPrefix}` : ''}${portalId}"]`) || getPortalContainerElement() || document.body;
-  return /*#__PURE__*/ReactDOM.createPortal(children, portalDiv);
-}
-Portal.propTypes = propTypes;
-Portal.defaultProps = defaultProps;

package/es/Modal/Portal/props/defaultProps.js

@@ -1,3 +0,0 @@
-export const defaultProps = {
-  portalId: 'portal1'
-};

package/es/Modal/Portal/props/propTypes.js

@@ -1,5 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  portalId: PropTypes.string
-};

package/lib/Modal/Portal/Portal.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Portal;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _Config = require("../../Provider/Config");
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function Portal(_ref) {
-  var children = _ref.children,
-      portalId = _ref.portalId;
-  var portalPrefix = (0, _Config.getLibraryConfig)("portalPrefix");
-
-  var getPortalContainerElement = function getPortalContainerElement() {
-    var getPortalContainer = (0, _Config.getLibraryConfig)('getPortalContainer');
-
-    if (getPortalContainer && typeof getPortalContainer === 'function') {
-      var portal = getPortalContainer();
-
-      if (portal) {
-        return portal;
-      }
-    }
-
-    return null;
-  };
-
-  var portalDiv = document.querySelector("[data-portal=\"".concat(portalPrefix ? "".concat(portalPrefix) : '').concat(portalId, "\"]")) || getPortalContainerElement() || document.body;
-  return /*#__PURE__*/_reactDom["default"].createPortal(children, portalDiv);
-}
-
-Portal.propTypes = _propTypes.propTypes;
-Portal.defaultProps = _defaultProps.defaultProps;

package/lib/Modal/Portal/props/defaultProps.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  portalId: 'portal1'
-};
-exports.defaultProps = defaultProps;

package/lib/Modal/Portal/props/propTypes.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  children: _propTypes["default"].node,
-  portalId: _propTypes["default"].string
-};
-exports.propTypes = propTypes;