@zohodesk/dot 1.4.9 → 1.4.11

package/README.md

@@ -2,6 +2,16 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.4.11
+
+- **TagsMultiSelectField** - infoText, isLocked, lockedInfoText, alignField props added, position relative added for parent.
+- **v1/TagsMultiSelect** - handleSelectAll, needSelectAll, selectAllText, customClass, customProps props supported
+
+# 1.4.10
+
+- **TextEditor** - FireFox Focus Issue Fixed (Removed Visibility : Hidden)
+
+
 # 1.4.9
 
 - **GlobalNotification** 
@@ -13,7 +23,6 @@ In this Library, we Provide Some Basic Components to Build Your Application
 - globalnotification_default_box_shadow css variable removed
 
 - **GlobalNotification.module.css** 
-
 - width 100% to 420px changed
 - shadow class added
 

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.js.html

@@ -451,7 +451,7 @@ IconButton.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.module.css.html

@@ -139,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/props/defaultProps.js.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/propTypes.js.html

@@ -172,7 +172,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -118,7 +118,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-02-13T15:14:32.720Z
+                at 2024-03-26T11:40:17.392Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/NewStar/NewStar.module.css

@@ -2,6 +2,7 @@
   position: absolute;
   height: var(--zd_size20) ;
   width: var(--zd_size21) ;
+  pointer-events: none;
 }
 .topLeft {
   top: 0 ;
@@ -90,73 +91,133 @@
   animation-delay: 1s;
 }
 
-.topLeft .starOne{top:0 }
-
-[dir=ltr] .topLeft .starOne{
-  left:0 }
-
-[dir=rtl] .topLeft .starOne{right:0 }
-.topLeft .starTwo{top:0 
-  /*  Variable:Ignore  */}
-[dir=ltr] .topLeft .starTwo{
-  left:var(--zd_size10) }
-[dir=rtl] .topLeft .starTwo{right:var(--zd_size10) }
-.topLeft .starThree{
-  /*  Variable:Ignore  */top:10px}
-[dir=ltr] .topLeft .starThree{
-  left:0 }
-[dir=rtl] .topLeft .starThree{right:0 }
-
-.topRight .starOne{top:0 }
-
-[dir=ltr] .topRight .starOne{
-  right:0 }
-
-[dir=rtl] .topRight .starOne{left:0 }
-.topRight .starTwo{top:0 
-  /*  Variable:Ignore  */}
-[dir=ltr] .topRight .starTwo{
-  right:var(--zd_size10) }
-[dir=rtl] .topRight .starTwo{left:var(--zd_size10) }
-.topRight .starThree{
-  /*  Variable:Ignore  */top:10px}
-[dir=ltr] .topRight .starThree{
-  right:0 }
-[dir=rtl] .topRight .starThree{left:0 }
-
-.bottomLeft .starOne{bottom:0 }
-
-[dir=ltr] .bottomLeft .starOne{
-  left:0 }
-
-[dir=rtl] .bottomLeft .starOne{right:0 }
-.bottomLeft .starTwo{bottom:0 
-  /*  Variable:Ignore  */}
-[dir=ltr] .bottomLeft .starTwo{
-  left:var(--zd_size10) }
-[dir=rtl] .bottomLeft .starTwo{right:var(--zd_size10) }
-.bottomLeft .starThree{
-  /*  Variable:Ignore  */bottom:10px}
-[dir=ltr] .bottomLeft .starThree{
-  left:0 }
-[dir=rtl] .bottomLeft .starThree{right:0 }
-
-.bottomRight .starOne{bottom:0 }
-
-[dir=ltr] .bottomRight .starOne{
-  right:0 }
-
-[dir=rtl] .bottomRight .starOne{left:0 }
-.bottomRight .starTwo{bottom:0 
-  /*  Variable:Ignore  */}
-[dir=ltr] .bottomRight .starTwo{
-  right:var(--zd_size10) }
-[dir=rtl] .bottomRight .starTwo{left:var(--zd_size10) }
-.bottomRight .starThree{
-  /*  Variable:Ignore  */bottom:10px}
-[dir=ltr] .bottomRight .starThree{
-  right:0 }
-[dir=rtl] .bottomRight .starThree{left:0 }
+.topLeft .starOne {
+  top: 0 ;
+}
+
+[dir=ltr] .topLeft .starOne {
+  left: 0 ;
+}
+
+[dir=rtl] .topLeft .starOne {
+  right: 0 ;
+}
+.topLeft .starTwo {
+  top: 0 ;
+  /*  Variable:Ignore  */
+}
+[dir=ltr] .topLeft .starTwo {
+  left: var(--zd_size10) ;
+}
+[dir=rtl] .topLeft .starTwo {
+  right: var(--zd_size10) ;
+}
+.topLeft .starThree {
+  /*  Variable:Ignore  */
+  top: 10px;
+}
+[dir=ltr] .topLeft .starThree {
+  left: 0 ;
+}
+[dir=rtl] .topLeft .starThree {
+  right: 0 ;
+}
+
+.topRight .starOne {
+  top: 0 ;
+}
+
+[dir=ltr] .topRight .starOne {
+  right: 0 ;
+}
+
+[dir=rtl] .topRight .starOne {
+  left: 0 ;
+}
+.topRight .starTwo {
+  top: 0 ;
+  /*  Variable:Ignore  */
+}
+[dir=ltr] .topRight .starTwo {
+  right: var(--zd_size10) ;
+}
+[dir=rtl] .topRight .starTwo {
+  left: var(--zd_size10) ;
+}
+.topRight .starThree {
+  /*  Variable:Ignore  */
+  top: 10px;
+}
+[dir=ltr] .topRight .starThree {
+  right: 0 ;
+}
+[dir=rtl] .topRight .starThree {
+  left: 0 ;
+}
+
+.bottomLeft .starOne {
+  bottom: 0 ;
+}
+
+[dir=ltr] .bottomLeft .starOne {
+  left: 0 ;
+}
+
+[dir=rtl] .bottomLeft .starOne {
+  right: 0 ;
+}
+.bottomLeft .starTwo {
+  bottom: 0 ;
+  /*  Variable:Ignore  */
+}
+[dir=ltr] .bottomLeft .starTwo {
+  left: var(--zd_size10) ;
+}
+[dir=rtl] .bottomLeft .starTwo {
+  right: var(--zd_size10) ;
+}
+.bottomLeft .starThree {
+  /*  Variable:Ignore  */
+  bottom: 10px;
+}
+[dir=ltr] .bottomLeft .starThree {
+  left: 0 ;
+}
+[dir=rtl] .bottomLeft .starThree {
+  right: 0 ;
+}
+
+.bottomRight .starOne {
+  bottom: 0 ;
+}
+
+[dir=ltr] .bottomRight .starOne {
+  right: 0 ;
+}
+
+[dir=rtl] .bottomRight .starOne {
+  left: 0 ;
+}
+.bottomRight .starTwo {
+  bottom: 0 ;
+  /*  Variable:Ignore  */
+}
+[dir=ltr] .bottomRight .starTwo {
+  right: var(--zd_size10) ;
+}
+[dir=rtl] .bottomRight .starTwo {
+  left: var(--zd_size10) ;
+}
+.bottomRight .starThree {
+  /*  Variable:Ignore  */
+  bottom: 10px;
+}
+[dir=ltr] .bottomRight .starThree {
+  right: 0 ;
+}
+[dir=rtl] .bottomRight .starThree {
+  left: 0 ;
+}
 
 @keyframes twinkle {
   0% {

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

@@ -13,9 +13,9 @@ import DropDownSeparator from '@zohodesk/components/lib/DropDown/DropDownSeparat
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
 import { stopBubbling } from '../../../utils/General';
 import { scrollTo, findScrollEnd } from '@zohodesk/components/lib/utils/Common.js';
-import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
 import style from './TagsMultiSelect.module.css';
 export default class TagsMultiSelect extends React.Component {
   constructor(props) {
@@ -165,7 +165,7 @@ export default class TagsMultiSelect extends React.Component {
       TagProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
-      className: ` ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
+      className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
               ${needBorder ? style[`borderColor_${borderColor}`] : style.borderColor_transparent} ${isPopupReady && needBorder ? style.active : ''}` : ''} ${className}`,
       onClick: stopBubbling,
       "data-id": `${dataId}_tagsContainer`,
@@ -190,7 +190,7 @@ export default class TagsMultiSelect extends React.Component {
       return index < chipLimit ? /*#__PURE__*/React.createElement(Box, _extends({
         className: style.tag,
         key: index
-      }, boxCustomProps, TagWrapperProps), /*#__PURE__*/React.createElement(Tag, _extends({
+      }, TagWrapperProps, boxCustomProps), /*#__PURE__*/React.createElement(Tag, _extends({
         id: id,
         text: name,
         onRemove: isReadOnly ? null : deleteTag.bind(this, name),
@@ -199,7 +199,7 @@ export default class TagsMultiSelect extends React.Component {
         isReadOnly: isReadOnly,
         onSelectTag: onSelectTag ? onSelectTag : undefined,
         customClass: tagCustomClass
-      }, tagCustomProps, TagProps))) : null;
+      }, TagProps, tagCustomProps))) : null;
     }), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/React.createElement(Box, {
       className: style.moreLess,
       dataId: `${dataId}_tagsMore`,

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css

@@ -1,3 +1,6 @@
+.container {
+  position: relative;
+}
 .tag {
   max-width: 100% ;
 }
@@ -91,6 +94,12 @@
   max-width: 100% ;
   visibility: hidden;
 }
+[dir=ltr] .custmSpan {
+  padding-right: var(--zd_size28) ;
+}
+[dir=rtl] .custmSpan {
+  padding-left: var(--zd_size28) ;
+}
 .custmInp {
   position: absolute;
   top: 0 ;

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -75,7 +75,11 @@ const TagsMultiSelectField = props => {
     value,
     selectedValueCount,
     validationMessage,
-    options
+    options,
+    infoText,
+    isLocked,
+    lockedInfoText,
+    alignField
   } = fieldProperties;
   options = options || [];
 
@@ -191,7 +195,10 @@ const TagsMultiSelectField = props => {
     "data-selector-id": dataSelectorId
   }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
     ePhiData: ePhiData,
-    alignContainer: "baseline",
+    alignContainer: alignField,
+    infoText: infoText,
+    isLocked: isLocked,
+    lockedInfoText: lockedInfoText,
     renderProps: {
       end: renderEnd
     }

package/es/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -2,7 +2,9 @@ import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
 export const defaultProps = {
   fieldProperties: {
     isDisabled: false,
-    isMandatory: false
+    isMandatory: false,
+    isLocked: false,
+    alignField: 'baseline'
   },
   styleProperties: {
     containerClass: '',

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

@@ -11,7 +11,11 @@ export const propTypes = {
     selectedValueCount: PropTypes.string,
     validationMessage: PropTypes.string,
     options: PropTypes.array,
-    clickableTag: PropTypes.bool
+    clickableTag: PropTypes.bool,
+    infoText: PropTypes.string,
+    isLocked: PropTypes.bool,
+    lockedInfoText: PropTypes.string,
+    alignField: PropTypes.oneOf(['vertical', 'baseline'])
   }),
   styleProperties: PropTypes.shape({
     labelSize: PropTypes.string,