@zohodesk/dot 1.0.0-temp-201 → 1.0.0-temp-187.5

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -6,43 +6,58 @@
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
+
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
+
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
+
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
+
 .large {
   height: var(--zd_size48) ;
 }
+
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
+
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-.value,.multiLineValue {
+
+.value,
+.multiLineValue {
   line-height: 1.5385;
 }
+
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue{
+
+.multiLineValue {
   word-break: break-word;
+  -webkit-line-clamp: 3;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
+
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -50,44 +65,56 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
+
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
+
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top:50% ;
+  top: 50% ;
   transform: translateY(-50%);
 }
+
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-.tickIcon > i {
+
+.tickIcon>i {
   display: block;
 }
+
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
+
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
+
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -100,12 +127,15 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
+
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
+
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
+
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -164,7 +164,8 @@ export default class TagsMultiSelect extends React.Component {
     const {
       TextBoxIconProps = {},
       TagWrapperProps = {},
-      TagProps = {}
+      TagProps = {},
+      listProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
@@ -298,7 +299,8 @@ export default class TagsMultiSelect extends React.Component {
           getRef: this.getSelectedItemRef,
           isDisabled: listDisabled,
           customProps: listItemProps,
-          customClass: listItemClass
+          customClass: listItemClass,
+          ...listProps
         }, isNew ? /*#__PURE__*/React.createElement(Container, {
           alignBox: "row",
           align: "vertical"

package/es/v1/form/fields/TagsMultiSelect/props/propTypes.js

@@ -52,6 +52,7 @@ export const propTypes = {
   customProps: PropTypes.shape({
     TextBoxIconProps: PropTypes.object,
     TagWrapperProps: PropTypes.object,
-    TagProps: PropTypes.object
+    TagProps: PropTypes.object,
+    listProps: PropTypes.object
   })
 };

package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -21,8 +21,12 @@ function DepartmentDropDown(props) {
     searchStr,
     i18nKeys,
     onMoveDepartment,
-    getDepartment
+    getDepartment,
+    customProps
   } = props;
+  const {
+    toggleDropDownProps = {}
+  } = customProps;
   let {
     title = 'Move Department',
     searchEmptyText = 'No results found',
@@ -71,7 +75,8 @@ function DepartmentDropDown(props) {
     getNextOptions: getNextOptions,
     isNextOptions: isNextOptions,
     onSearch: onSearch,
-    needSearchFetching: needSearchFetching
+    needSearchFetching: needSearchFetching,
+    ...toggleDropDownProps
   });
 }
 

package/es/v1/list/DepartmentDropDown/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };

package/es/v1/list/DepartmentDropDown/props/propTypes.js

@@ -20,5 +20,8 @@ export const propTypes = {
     searchEmptyText: PropTypes.string,
     searchErrorText: PropTypes.string,
     placeholder: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    toggleDropDownProps: PropTypes.object
   })
 };

package/lib/form/fields/RadioField/__tests__/RadioField.spec.js

@@ -8,6 +8,22 @@ var _RadioField = _interopRequireDefault(require("../RadioField"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var options = [{
+  text: 'Chennai',
+  value: '1'
+}, {
+  text: 'Mumbai',
+  value: '2',
+  tooltip: 'Disabled Option',
+  disabled: true
+}, {
+  text: 'Delhi',
+  value: '3',
+  infoTooltip: 'Capital of India'
+}, {
+  text: 'Kolkata',
+  value: '4'
+}];
 describe('RadioField', function () {
   test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
@@ -17,4 +33,21 @@ describe('RadioField', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering with options', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
+      options: options
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering options with isBoxStyle', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RadioField["default"], {
+      options: options,
+      isBoxStyle: true
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });