@zohodesk/dot 1.0.0-temp-203 → 1.0.0-temp-203.2

package/README.md

@@ -2,7 +2,7 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
-# 1.7.3 (Yet To Publish)
+# 1.7.3
 
 - **RadioField**
   - `getRef`, `isBoxStyle` props supported
@@ -14,6 +14,9 @@ In this Library, we Provide Some Basic Components to Build Your Application
 - **version2/DesktopNotification**
   - description `lineheight` changes.
 
+- **TagsMultiSelect**
+  - isFocus prop added
+
 # 1.7.2
 
 - **Lookup - Search** - renderChildren, isActive, hasSeparator & customStyle props supported & Some customization also opened for this compoenent.

package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap

@@ -17,7 +17,7 @@ exports[`FlipCard rendering the defult props 1`] = `
         <div
           aria-checked="false"
           class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
           data-selector-id="container"
           data-test-id="listViewCheckBox_undefined"
@@ -25,7 +25,7 @@ exports[`FlipCard rendering the defult props 1`] = `
           tabindex="0"
         >
           <div
-            class="boxContainer medium  filled shrinkOff"
+            class="boxContainer medium  filled  shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"

package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap

@@ -24,7 +24,7 @@ exports[`CheckBoxField rendering the custom children 1`] = `
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -32,7 +32,7 @@ exports[`CheckBoxField rendering the custom children 1`] = `
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -115,7 +115,7 @@ exports[`CheckBoxField rendering the custom label children via renderLabelProps
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -123,7 +123,7 @@ exports[`CheckBoxField rendering the custom label children via renderLabelProps
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -206,7 +206,7 @@ exports[`CheckBoxField rendering the defult props 1`] = `
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -214,7 +214,7 @@ exports[`CheckBoxField rendering the defult props 1`] = `
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"

package/es/form/fields/PhoneField/PhoneField.js

@@ -80,7 +80,6 @@ export default class PhoneField extends PureComponent {
       errorType,
       isDisabled,
       title,
-      onBlur,
       dataId,
       dataSelectorId,
       onKeyDown,

package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap

@@ -24,7 +24,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -51,7 +51,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -59,7 +59,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -86,7 +86,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-             medium filled centerPathprimary  shrinkOff"
+             medium filled centerPathprimary  disabled shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -113,7 +113,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text disabled grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -121,7 +121,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel disabled  "
+              primaryLabel     "
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -147,7 +147,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -174,7 +174,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -182,7 +182,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Delhi_label"
               data-selector-id="label"
               data-test-id="Delhi_label"
@@ -217,7 +217,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -244,7 +244,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -252,7 +252,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"
@@ -305,7 +305,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -332,7 +332,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -340,7 +340,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -367,7 +367,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-             medium filled centerPathprimary  shrinkOff"
+             medium filled centerPathprimary  disabled shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -394,7 +394,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text disabled grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -402,7 +402,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel disabled  "
+              primaryLabel     "
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -428,7 +428,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -455,7 +455,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -463,7 +463,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Delhi_label"
               data-selector-id="label"
               data-test-id="Delhi_label"
@@ -498,7 +498,7 @@ exports[`RadioField rendering with options 1`] = `
         >
           <div
             class="radio  
-            hoverprimary medium filled centerPathprimary  shrinkOff"
+            hoverprimary medium filled centerPathprimary   shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -525,7 +525,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="text grow basis shrinkOff"
+            class="text  grow basis shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -533,7 +533,7 @@ exports[`RadioField rendering with options 1`] = `
             <label
               class="label title medium default font_primary
           dotted cursor  
-              primaryLabel pointer  "
+              primaryLabel pointer    "
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"

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

@@ -150,7 +150,8 @@ export default class TagsMultiSelect extends React.Component {
       positionsOffset,
       targetOffset,
       customClass,
-      customProps
+      customProps,
+      isFocus
     } = this.props;
     let {
       showAll
@@ -166,9 +167,10 @@ export default class TagsMultiSelect extends React.Component {
       TagWrapperProps = {},
       TagProps = {}
     } = customProps;
+    const isEditable = !isReadOnly;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
-              ${needBorder ? style[`borderColor_${borderColor}`] : style.borderColor_transparent} ${isPopupReady && needBorder ? style.active : ''}` : ''} ${className}`,
+              ${needBorder ? style[`borderColor_${borderColor}`] : style.borderColor_transparent} ${isPopupReady && needBorder || isEditable && isFocus ? style.active : ''}` : ''} ${className}`,
       onClick: stopBubbling,
       "data-id": `${dataId}_tagsContainer`,
       "data-test-id": `${dataId}_tagsContainer`,

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

@@ -53,5 +53,6 @@ export const propTypes = {
     TextBoxIconProps: PropTypes.object,
     TagWrapperProps: PropTypes.object,
     TagProps: PropTypes.object
-  })
+  }),
+  isFocus: PropTypes.bool
 };

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -98,7 +98,6 @@ export default class TextEditorField extends PureComponent {
       needInlineAttachment,
       i18nKeys,
       className,
-      children,
       ePhiData,
       customProps
     } = this.props;

package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap

@@ -14,7 +14,7 @@ exports[`TextEditorField rendering the defult props 1`] = `
         data-selector-id="textEditorWrapper"
       >
         <textarea
-          class="textBox  container xsmall primary needBorder noresize     effect borderColor_default"
+          class="textBox  container xsmall primary needBorder noresize     effect  borderColor_default"
           data-id="TextareaComp"
           data-selector-id="textarea"
           data-test-id="TextareaComp"

package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap

@@ -7,7 +7,7 @@ exports[`TextEditorWrapper rendering the defult props 1`] = `
     data-selector-id="textEditorWrapper"
   >
     <textarea
-      class="textBox  container small primary needBorder noresize  smallanimated   effect borderColor_default"
+      class="textBox  container small primary needBorder noresize  smallanimated   effect  borderColor_default"
       data-id="TextareaComp"
       data-selector-id="textarea"
       data-test-id="TextareaComp"

package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap

@@ -10,7 +10,7 @@ exports[`TextareaField rendering the defult props 1`] = `
       class="fieldContainer "
     >
       <textarea
-        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect borderColor_default"
+        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect  borderColor_default"
         data-id="property(undefined)"
         data-selector-id="textarea"
         data-test-id="property(undefined)"

package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap

@@ -21,7 +21,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
         <div
           aria-checked="false"
           class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
           data-selector-id="container"
           data-test-id="listViewCheckBox_undefined"
@@ -29,7 +29,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
           tabindex="0"
         >
           <div
-            class="boxContainer medium  filled shrinkOff"
+            class="boxContainer medium  filled  shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -5,7 +5,7 @@ import { Container, Box } from '@zohodesk/components/lib/Layout';
 import AlertClose from '../../AlertClose/AlertClose';
 import AlertIcons from '../../alertIcons/AlertIcons';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import Typography from '@zohodesk/components/es/Typography/Typography';
+import Typography from '@zohodesk/components/es/v1/Typography/Typography';
 import style from './DesktopNotificationHeader.module.css';
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {

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

@@ -17,7 +17,7 @@ exports[`FlipCard rendering the defult props 1`] = `
         <div
           aria-checked="false"
           class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
           data-id="listViewCheckBox_undefined"
           data-selector-id="container"
           data-test-id="listViewCheckBox_undefined"
@@ -25,7 +25,7 @@ exports[`FlipCard rendering the defult props 1`] = `
           tabindex="0"
         >
           <div
-            class="boxContainer medium  filled shrinkOff"
+            class="boxContainer medium  filled  shrinkOff"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"

package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap

@@ -24,7 +24,7 @@ exports[`CheckBoxField rendering the custom children 1`] = `
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -32,7 +32,7 @@ exports[`CheckBoxField rendering the custom children 1`] = `
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -115,7 +115,7 @@ exports[`CheckBoxField rendering the custom label children via renderLabelProps
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -123,7 +123,7 @@ exports[`CheckBoxField rendering the custom label children via renderLabelProps
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -206,7 +206,7 @@ exports[`CheckBoxField rendering the defult props 1`] = `
           <div
             aria-checked="false"
             class="container pointer primary 
-          inflex rowdir vCenter"
+           inflex rowdir vCenter"
             data-id="checkBox"
             data-selector-id="container"
             data-test-id="checkBox"
@@ -214,7 +214,7 @@ exports[`CheckBoxField rendering the defult props 1`] = `
             tabindex="0"
           >
             <div
-              class="boxContainer medium  filled shrinkOff"
+              class="boxContainer medium  filled  shrinkOff"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"

package/lib/form/fields/PhoneField/PhoneField.js

@@ -130,7 +130,6 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
           errorType = _this$props2.errorType,
           isDisabled = _this$props2.isDisabled,
           title = _this$props2.title,
-          onBlur = _this$props2.onBlur,
           dataId = _this$props2.dataId,
           dataSelectorId = _this$props2.dataSelectorId,
           onKeyDown = _this$props2.onKeyDown,