@zohodesk/dot 1.4.12 → 1.4.14

package/README.md

@@ -2,6 +2,19 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+
+# 1.4.14
+
+- **lookup/header/TicketHeader/TicketHeader** - Close Icon Position Moved to Right end.
+- Lookup - lookupClass prop added and xlarge size value added 
+
+# 1.4.13
+
+- **ToggleDropdown** - Fixed popup issue fix
+- **RadioField** - tooltip option provided
+- **TextareaField** - onFocus prop supported
+- Common providers update for v1 components
+
 # 1.4.12
 
 - **CheckBoxField** - getContainerRef prop supported

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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </div>
         <script src="../prettify.js"></script>
         <script>

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

@@ -85,9 +85,7 @@
 <a name='L20'></a><a href='#L20'>20</a>
 <a name='L21'></a><a href='#L21'>21</a>
 <a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -118,7 +116,6 @@
   width: 28px;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   composes: varClass;
-  /* css:theme-validation:ignore */
   color: var(--iconColor);
 }
 .primary {
@@ -139,7 +136,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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </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-03-29T10:32:42.147Z
+                at 2024-05-28T13:28:51.784Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/ActionButton/ActionButton.module.css

@@ -3,121 +3,163 @@
   --buttonBorder: var(--zdt_actionButton_primary_border);
   --buttonSeparatorBorder: var(--zdt_actionButton_separator_border);
 }
+
 .container {
   composes: varClass;
 }
+
 .container:hover {
   --buttonSeparatorBorder: var(--zdt_actionButton_separator_hover_border);
 }
+
 .primaryFilledBox {
   --buttonText: var(--zdt_actionButton_primaryFilled_text);
 }
-.primaryFilledBtn, .primaryFilledArw {
+
+.primaryFilledBtn,
+.primaryFilledArw {
   /* css:theme-validation:ignore */
+}
+
+.primaryFilledBtn, .primaryFilledArw {
   background-color: var(--buttonBg);
 }
+
 .primaryBox {
   --buttonText: var(--zdt_actionButton_primary_text);
 }
-.primaryBtn, .primaryArw {
+
+.primaryBtn,
+.primaryArw {
   /* css:theme-validation:ignore */
+}
+
+.primaryBtn, .primaryArw {
   border: 1px solid var(--buttonBorder);
 }
+
 [dir=ltr] .primaryBtn {
   border-right: none;
 }
+
 [dir=rtl] .primaryBtn {
   border-left: none;
 }
+
 .contentBox,
 .arrowWrapper {
   transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
 }
+
 .contentBox, .arrowWrapper {
   margin: 0 ;
 }
+
 .clickable {
   cursor: pointer;
 }
+
 [dir=ltr] .contentBoxBdr {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
+
 [dir=rtl] .contentBoxBdr {
   border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
 }
+
 .contentBoxBdrRds {
   border-radius: var(--zd_size4);
 }
+
 .small {
   height: var(--zd_size28) ;
 }
+
 .medium,
 .large {
   height: var(--zd_size30) ;
 }
+
 .medium {
   min-width: var(--zd_size115) ;
 }
+
 .large {
   min-width: var(--zd_size135) ;
 }
+
 .small_btnBox {
   padding: 0 var(--zd_size8) ;
 }
+
 .medium_btnBox, .large_btnBox {
   padding: 0 var(--zd_size10) ;
 }
+
 .txt {
   font-size: var(--zd_font_size13) ;
   font-family: var(--zd_semibold);
   text-transform: capitalize;
 }
+
 .subTxt {
   font-size: var(--zd_font_size10) ;
 }
+
 .contentwrapper,
 .txt,
 .subTxt {
   max-width: 100% ;
 }
+
 .txt,
 .subTxt {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
+
 .arrowWrapper {
   position: relative;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   cursor: pointer;
 }
+
 [dir=ltr] .arrowWrapper {
   border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
 }
+
 [dir=rtl] .arrowWrapper {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
+
 .primaryFilledArw {
   /* css:theme-validation:ignore */
 }
+
 [dir=ltr] .primaryFilledArw {
   border-left: 1px solid var(--buttonSeparatorBorder);
 }
+
 [dir=rtl] .primaryFilledArw {
-    border-right: 1px solid var(--buttonSeparatorBorder);
+  border-right: 1px solid var(--buttonSeparatorBorder);
 }
+
 .small_arrowBox {
   width: var(--zd_size20) ;
 }
+
 .medium_arrowBox {
   width: var(--zd_size26) ;
 }
+
 .primaryFilledArw:hover,
 .primaryFilledArw.arrowActive,
 .clickable.primaryFilledBtn:hover,
 .wholeDiv.primaryFilledBox:hover {
   --buttonBg: var(--zdt_actionButton_primaryFilled_hover_bg);
 }
+
 .primaryArw:hover,
 .primaryArw.arrowActive,
 .clickable.primaryBtn:hover,
@@ -125,22 +167,27 @@
   --buttonBorder: var(--zdt_actionButton_primary_hover_border);
   --buttonText: var(--zdt_actionButton_primary_hover_text);
 }
+
 .btn {
   height: 100% ;
   width: 100% ;
 }
+
 .popupWrapper {
   padding: var(--zd_size10) 0 ;
   margin: var(--zd_size5) 0 ;
 }
+
 .arrow,
 .iconClr {
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
+
 [dir=ltr] .iconMrgn {
   margin-right: var(--zd_size6) ;
 }
+
 [dir=rtl] .iconMrgn {
   margin-left: var(--zd_size6) ;
-}
+}

package/es/AlphabeticList/AlphabeticList.module.css

@@ -33,7 +33,6 @@
 .list {
   font-size: var(--zd_font_size11) ;
   flex-basis: var(--zd_size12) ;
-  /* css:theme-validation:ignore */
   color: var(--textColor);
   text-align: center;
   cursor: pointer;
@@ -50,7 +49,6 @@
 }
 .list :hover,
 .selected {
-  /* css:theme-validation:ignore */
   color: var(--textHoverColor);
 }
 .title {

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -154,7 +154,6 @@
 .imgItem {
     height: var(--zd_size60) ;
     min-width: var(--zd_size40) ;
-  /* css:theme-validation:ignore */
     position: relative;
     transition: border var(--zd_transition3);
     border-width: 2px;
@@ -346,7 +345,6 @@
 }
 
 .btn {
-  /* css:theme-validation:ignore */
     height: 100% ;
     width: 100% ;
     background-color: var(--dot_mirror);

package/es/ChannelIcon/ChannelIcon.module.css

@@ -4,12 +4,14 @@
   --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
   --topIconBorderColor: var(--zdt_channelIcon_topIcon_border);
 }
+
 .container {
   position: relative;
   composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
   composes: varClass;
 }
+
 .thread {
   composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
   position: absolute;
@@ -19,19 +21,21 @@
   /* css:theme-validation:ignore */
   background-color: var(--topIconBg);
 }
+
 [dir=ltr] .thread {
   right: calc( var(--zd_size1) * -1 ) ;
 }
+
 [dir=rtl] .thread {
   left: calc( var(--zd_size1) * -1 ) ;
 }
+
 .threadBorder {
-  /* css:theme-validation:ignore */
   border: 1px solid var(--topIconBorderColor);
 }
+
 .iconStyle {
   position: relative;
-  /* css:theme-validation:ignore */
   color: var(--iconColor);
 }
 
@@ -212,10 +216,11 @@
 .topic_olive {
   --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
 }
+
 .topic_yellow3 {
   --topIconColor: var(--zdt_channelIcon_topIcon_iconYellow);
 }
+
 .topicIcon {
-  /* css:theme-validation:ignore */
   color: var(--topIconColor);
-}
+}

package/es/Drawer/Drawer.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
@@ -175,12 +173,13 @@ export default class Drawer extends React.Component {
 
       return child;
     });
-    let content = /*#__PURE__*/React.createElement(Box, _extends({
+    let content = /*#__PURE__*/React.createElement(Box, {
       className: `${style.container} ${style.columns} ${style.drawerModal} ${uptoTablet ? style.mbleSize : style[size]}`,
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
-      eleRef: this.createRef
-    }, a11y), /*#__PURE__*/React.createElement(Card, {
+      eleRef: this.createRef,
+      ...a11y
+    }, /*#__PURE__*/React.createElement(Card, {
       onClick: e => {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

package/es/ExternalLink/ExternalLink.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -31,7 +29,7 @@ export default class ExternalLink extends React.Component {
       customProps
     } = this.props;
     const urlOutput = href && typeof href !== 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
-    return /*#__PURE__*/React.createElement("a", _extends({
+    return /*#__PURE__*/React.createElement("a", {
       href: urlOutput,
       target: target,
       className: `${style.link} ${className ? className : ''}`,
@@ -39,8 +37,9 @@ export default class ExternalLink extends React.Component {
       rel: rel,
       "data-id": dataId,
       "data-test-id": dataId,
-      onClick: onClick
-    }, customProps), children);
+      onClick: onClick,
+      ...customProps
+    }, children);
   }
 
 }