@zohodesk/components 1.2.33 → 1.2.35

package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -0,0 +1,476 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Textarea component Should be render autofocus true  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render customClass  1`] = `
+<DocumentFragment>
+  <textarea
+    class="textAreaCustomClass  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render htmlId  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    id="textAreahtmlId"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in number 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="11"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in string 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="Ten"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needAppearance is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  basic borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needBorder is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default noBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render placeholder 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    placeholder="TextAreaPlaceHolder"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render text 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  >
+    TextAreaText
+  </textarea>
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render with the basic set of default props 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - primary 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small primary needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - transparent 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_transparent"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - both 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeboth     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - horizontal 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeX     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - none 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - vertical 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeY     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component rendering ally clearLabel 1`] = `
+<DocumentFragment>
+  <textarea
+    aria-label="TextAreaAriaLabel"
+    aria-labelledby="TexareaAriaLabelledby"
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;

package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('VelocityAnimation', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimation["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VelocityAnimation rendering the defult props 1`] = `
+<DocumentFragment>
+  <div>
+     Test 
+  </div>
+</DocumentFragment>
+`;

package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimationGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('VelocityAnimationGroup', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isActive is true', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
+      isActive: true
+    }, /*#__PURE__*/_react["default"].createElement("div", null, " Test "))),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VelocityAnimationGroup rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div>
+     Test 
+  </div>
+</DocumentFragment>
+`;
+
+exports[`VelocityAnimationGroup rendering the defult props 1`] = `<DocumentFragment />`;

package/lib/semantic/Button/__tests__/Button.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Button', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    class="buttonReset "
+    data-id="semanticButton"
+    data-test-id="semanticButton"
+    type="button"
+    value="text"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;

package/lib/utils/dropDownUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
+exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionIdFromJson = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
 
 var _reselect = require("reselect");
 
@@ -17,6 +17,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -217,6 +221,12 @@ var extractOptionId = function extractOptionId(id) {
 
 exports.extractOptionId = extractOptionId;
 
+var extractOptionIdFromJson = function extractOptionIdFromJson(id, localData) {
+  return localData[id] || {};
+};
+
+exports.extractOptionIdFromJson = extractOptionIdFromJson;
+
 var makeFormatOptions = function makeFormatOptions() {
   return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
     var revampOptions = [];
@@ -268,7 +278,9 @@ var makeFormatOptions = function makeFormatOptions() {
           }
 
           normalizedFormatOptions[id] = optionDetails;
-          normalizedAllOptions[id] = option;
+          normalizedAllOptions[id] = _objectSpread(_objectSpread({}, option), {}, {
+            groupId: prefixText
+          });
           revampOptions.push(optionDetails);
         }
       }

package/lib/v1/DateTime/DateWidget.js

@@ -1093,7 +1093,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         customProps: TextBoxProps
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
-        onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
+        onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick,
+        dataId: "".concat(dataId, "_datePicker")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-datepicker",
         size: "12"

package/lib/v1/MultiSelect/MultiSelect.js

@@ -1117,7 +1117,8 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         },
         size: boxSize,
         alignBox: "row",
-        isResponsivePadding: getFooter ? false : true
+        isResponsivePadding: getFooter ? false : true,
+        dataId: "".concat(dataId, "_dropbox")
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {