@zohodesk/dot 1.0.0-temp-185 → 1.0.0-temp-187

package/es/list/BluePrintStatus/BluePrintStatus.module.css

@@ -1,17 +1,17 @@
-.container {
-  display: inherit;
-}[dir=ltr] .container {
-  padding-right: var(--zd_size5) ;
-}[dir=rtl] .container {
-  padding-left: var(--zd_size5) ;
-}
-/* .danger {
-  color: var(--dot_brightRed);
-}
-.default {
-  color: var(--dot_shuttleGrey);
-} */
-.iconStyle {
-  display: block;
-  font-size: var(--zd_font_size10) ;
-}
+.container {
+  display: inherit;
+}[dir=ltr] .container {
+  padding-right: var(--zd_size5) ;
+}[dir=rtl] .container {
+  padding-left: var(--zd_size5) ;
+}
+/* .danger {
+  color: var(--dot_brightRed);
+}
+.default {
+  color: var(--dot_shuttleGrey);
+} */
+.iconStyle {
+  display: block;
+  font-size: var(--zd_font_size10) ;
+}

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -48,8 +48,12 @@ class DepartmentDropDown extends Component {
       onSearch,
       needSearchFetching,
       searchStr,
-      i18nKeys
+      i18nKeys,
+      customProps
     } = this.props;
+    const {
+      toggleDropDownProps = {}
+    } = customProps;
     let {
       title = 'Move Department',
       searchEmptyText = 'No results found',
@@ -84,7 +88,8 @@ class DepartmentDropDown extends Component {
       getNextOptions: getNextOptions,
       isNextOptions: isNextOptions,
       onSearch: onSearch,
-      needSearchFetching: needSearchFetching
+      needSearchFetching: needSearchFetching,
+      ...toggleDropDownProps
     });
   }
 

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

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

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

@@ -20,5 +20,6 @@ export const propTypes = {
     searchEmptyText: PropTypes.string,
     searchErrorText: PropTypes.string,
     placeholder: PropTypes.string
-  })
+  }),
+  customProps: PropTypes.string
 };

package/es/list/DotNew/DotNew.module.css

@@ -1,26 +1,25 @@
-.medium {
-  width: var(--zd_size6) ;
-  height: var(--zd_size6) ;
-}
-
-.small {
-  width: var(--zd_size5) ;
-  height: var(--zd_size5) ;
-}
-
-.container {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
-  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
-    0 0 0 0 rgba(10, 115, 235, 0.6); */
-  border-radius: 50%;
-  background-color: var(--zdt_dotnew_default_bg);
-  box-shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
-}
-
-@keyframes dotAnimation {
-  to {
-    /*css:validation:ignore*/
-    box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
-  }
+.medium {
+  width: var(--zd_size6) ;
+  height: var(--zd_size6) ;
+}
+
+.small {
+  width: var(--zd_size5) ;
+  height: var(--zd_size5) ;
+}
+
+.container {
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
+  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
+    0 0 0 0 rgba(10, 115, 235, 0.6); */
+  border-radius: 50%;
+  background-color: var(--zdt_dotnew_default_bg);
+  box-shadow: var(--zd_bs_dotnew_shadow);
+}
+
+@keyframes dotAnimation {
+  to {
+    box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
+  }
 }

package/es/list/Icons/Icons.module.css

@@ -1,16 +1,16 @@
-.container,
-.iconStyle {
-  composes: inlineFlex from '../listCommon.module.css';
-}
-.iconStyle {
-  color: var(--zdt_icons_default);
-  width: var(--zd_size33) ;
-  padding: 0 var(--zd_size8) ;
-  cursor: pointer;
-}
-.blueHover:hover {
-  color: var(--zdt_icons_hover_blue);
-}
-.redHover:hover {
-  color: var(--zdt_icons_hover_red);
-}
+.container,
+.iconStyle {
+  composes: inlineFlex from '../listCommon.module.css';
+}
+.iconStyle {
+  color: var(--zdt_icons_default);
+  width: var(--zd_size33) ;
+  padding: 0 var(--zd_size8) ;
+  cursor: pointer;
+}
+.blueHover:hover {
+  color: var(--zdt_icons_hover_blue);
+}
+.redHover:hover {
+  color: var(--zdt_icons_hover_red);
+}

package/es/list/ListStencils/ListStencils.module.css

@@ -1,67 +1,67 @@
-.container {
-  position: relative;
-  width: 100% ;
-  padding: 0 var(--zd_size30) ;
-}
-.innerContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
-}
-.detailsInnerColumn {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .avatar {
-  margin-right: var(--zd_size25) ;
-}
-[dir=rtl] .avatar {
-  margin-left: var(--zd_size25) ;
-}
-.detailsColumn {
-  min-height: 0 ;
-  min-width: 0 ;
-}
-.primaryRow {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-}
-.classic .detailsColumn {
-  flex-basis: 60% ;
-}
-.compact .detailsColumn,
-.superCompact .detailsColumn {
-  flex-basis: 50% ;
-}
-.classic .secondaryRow {
-  margin-top: var(--zd_size10) ;
-}
-[dir=ltr] .compact .secondaryRow, [dir=ltr] .superCompact .secondaryRow {
-  margin-left: var(--zd_size30) ;
-}
-[dir=rtl] .compact .secondaryRow, [dir=rtl] .superCompact .secondaryRow {
-  margin-right: var(--zd_size30) ;
-}
-.classic .innerContainer {
-  height: var(--zd_size70) ;
-  padding: var(--zd_size13) 0 ;
-}
-.compact .innerContainer {
-  height: var(--zd_size41) ;
-  padding: var(--zd_size5) 0 ;
-}
-.superCompact .innerContainer {
-  height: var(--zd_size35) ;
-  padding: var(--zd_size2) 0 ;
-}
-.classic .detailsInnerColumn {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-.compact .detailsInnerColumn {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
+.container {
+  position: relative;
+  width: 100% ;
+  padding: 0 var(--zd_size30) ;
+}
+.innerContainer {
+  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
+}
+.detailsInnerColumn {
+  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+}
+[dir=ltr] .avatar {
+  margin-right: var(--zd_size25) ;
+}
+[dir=rtl] .avatar {
+  margin-left: var(--zd_size25) ;
+}
+.detailsColumn {
+  min-height: 0 ;
+  min-width: 0 ;
+}
+.primaryRow {
+  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
+}
+.classic .detailsColumn {
+  flex-basis: 60% ;
+}
+.compact .detailsColumn,
+.superCompact .detailsColumn {
+  flex-basis: 50% ;
+}
+.classic .secondaryRow {
+  margin-top: var(--zd_size10) ;
+}
+[dir=ltr] .compact .secondaryRow, [dir=ltr] .superCompact .secondaryRow {
+  margin-left: var(--zd_size30) ;
+}
+[dir=rtl] .compact .secondaryRow, [dir=rtl] .superCompact .secondaryRow {
+  margin-right: var(--zd_size30) ;
+}
+.classic .innerContainer {
+  height: var(--zd_size70) ;
+  padding: var(--zd_size13) 0 ;
+}
+.compact .innerContainer {
+  height: var(--zd_size41) ;
+  padding: var(--zd_size5) 0 ;
+}
+.superCompact .innerContainer {
+  height: var(--zd_size35) ;
+  padding: var(--zd_size2) 0 ;
+}
+.classic .detailsInnerColumn {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.compact .detailsInnerColumn {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}

package/es/list/SecondaryText/SecondaryText.module.css

@@ -1,136 +1,136 @@
-.paidUserIcon {
-  vertical-align: middle;
-  bottom: var(--zd_size1) ;
-  position: relative;
-  font-size: var(--zd_font_size8) ;
-}[dir=ltr] .paidUserIcon {
-  margin-right: var(--zd_size5) ;
-}[dir=rtl] .paidUserIcon {
-  margin-left: var(--zd_size5) ;
-}
-.icon {
-  display: block;
-}
-.disable {
-  cursor: not-allowed;
-}
-.textBold {
-  font-family: var(--zd_bold);
-  color: var(--zdt_secondaryText_black_text);
-}
-.textStyle, .link{
-display: block
-}
-.textStyle.textBold {
-  font-family: var(--zd_bold);
-  color: var(--zdt_secondaryText_black_text);
-}
-.ticketId,
-.link,
-.textStyle,
-.secondaryText,
-.ratingText,
-.phoneNumber {
-  color: var(--zdt_secondaryText_secondaryText_text);
-}
-.textStyle,
-.secondaryText {
-  font-size: var(--zd_font_size12) ;
-}
-.ticketId,
-.phoneNumber,
-.ratingText {
-  font-size: var(--zd_font_size12) ;
-}
-.textStyle,
-.secondaryText,
-.phoneNumber {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100% ;
-  display: block;
-}
-.textStyle, .secondaryText, .phoneNumber {
-  cursor: pointer;
-}
-.textStyle:hover,
-.ticketIdLink,
-.phoneNumber:hover,
-.link:hover {
-  color: var(--zdt_secondaryText_blue_text);
-}
-/* .link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
-  color: var(--zdt_secondaryText_blue_text);
-} */
-.ticketIdLink {
-  cursor: pointer;
-}
-.ticketIdLink:hover, .ticketIdLink:focus {
-  color: var(--zdt_secondaryText_blue_hover_text);
-}
-.primaryAccountNameCnt {
-  max-width: 100% ;
-}
-/* status */
-.font_regular {
-  font-family: var(--zd_regular);
-}
-.font_semibold {
-  font-family: var(--zd_semibold);
-}
-.font_bold {
-  font-family: var(--zd_bold);
-}
-.font_semibold,
-.font_bold,
-.textBold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-.priorityText,
-.statusText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.priorityText {
-  font-size: var(--zd_font_size12) ;
-  max-width: 100% ;
-}
-.departmentText {
-  font-size: var(--zd_font_size12) ;
-  color: var(--zdt_secondaryText_secondaryText_text);
-  max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-/* HappinessRating Style */
-.happinessContainer {
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-}
-.happinessImg {
-  width: var(--zd_size13) ;
-  vertical-align: middle;
-}
-[dir=ltr] .happinessImg {
-  margin: 0 var(--zd_size4) 0 0 ;
-}
-[dir=rtl] .happinessImg {
-  margin: 0 0 0 var(--zd_size4) ;
-}
-
-/* colors */
-.gray {
-  color: var(--zdt_secondaryText_gray_text);
-}
-.orange {
-  color: var(--zdt_secondaryText_orage_text);
-}
-.green {
-  color: var(--zdt_secondaryText_green_text);
-}
-.red {
-  color: var(--zdt_secondaryText_red_text);
-}
-.blue {
-  color: var(--zdt_secondaryText_blue_text);
-}
-.black {
-  color: var(--zdt_secondaryText_black_text);
-}
+.paidUserIcon {
+  vertical-align: middle;
+  bottom: var(--zd_size1) ;
+  position: relative;
+  font-size: var(--zd_font_size8) ;
+}[dir=ltr] .paidUserIcon {
+  margin-right: var(--zd_size5) ;
+}[dir=rtl] .paidUserIcon {
+  margin-left: var(--zd_size5) ;
+}
+.icon {
+  display: block;
+}
+.disable {
+  cursor: not-allowed;
+}
+.textBold {
+  font-family: var(--zd_bold);
+  color: var(--zdt_secondaryText_black_text);
+}
+.textStyle, .link{
+display: block
+}
+.textStyle.textBold {
+  font-family: var(--zd_bold);
+  color: var(--zdt_secondaryText_black_text);
+}
+.ticketId,
+.link,
+.textStyle,
+.secondaryText,
+.ratingText,
+.phoneNumber {
+  color: var(--zdt_secondaryText_secondaryText_text);
+}
+.textStyle,
+.secondaryText {
+  font-size: var(--zd_font_size12) ;
+}
+.ticketId,
+.phoneNumber,
+.ratingText {
+  font-size: var(--zd_font_size12) ;
+}
+.textStyle,
+.secondaryText,
+.phoneNumber {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  max-width: 100% ;
+  display: block;
+}
+.textStyle, .secondaryText, .phoneNumber {
+  cursor: pointer;
+}
+.textStyle:hover,
+.ticketIdLink,
+.phoneNumber:hover,
+.link:hover {
+  color: var(--zdt_secondaryText_blue_text);
+}
+/* .link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
+  color: var(--zdt_secondaryText_blue_text);
+} */
+.ticketIdLink {
+  cursor: pointer;
+}
+.ticketIdLink:hover, .ticketIdLink:focus {
+  color: var(--zdt_secondaryText_blue_hover_text);
+}
+.primaryAccountNameCnt {
+  max-width: 100% ;
+}
+/* status */
+.font_regular {
+  font-family: var(--zd_regular);
+}
+.font_semibold {
+  font-family: var(--zd_semibold);
+}
+.font_bold {
+  font-family: var(--zd_bold);
+}
+.font_semibold,
+.font_bold,
+.textBold {
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+.priorityText,
+.statusText {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.priorityText {
+  font-size: var(--zd_font_size12) ;
+  max-width: 100% ;
+}
+.departmentText {
+  font-size: var(--zd_font_size12) ;
+  color: var(--zdt_secondaryText_secondaryText_text);
+  max-width: 100% ;
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+/* HappinessRating Style */
+.happinessContainer {
+  composes: inlineBlockMiddle from '../listCommon.module.css';
+}
+.happinessImg {
+  width: var(--zd_size13) ;
+  vertical-align: middle;
+}
+[dir=ltr] .happinessImg {
+  margin: 0 var(--zd_size4) 0 0 ;
+}
+[dir=rtl] .happinessImg {
+  margin: 0 0 0 var(--zd_size4) ;
+}
+
+/* colors */
+.gray {
+  color: var(--zdt_secondaryText_gray_text);
+}
+.orange {
+  color: var(--zdt_secondaryText_orage_text);
+}
+.green {
+  color: var(--zdt_secondaryText_green_text);
+}
+.red {
+  color: var(--zdt_secondaryText_red_text);
+}
+.blue {
+  color: var(--zdt_secondaryText_blue_text);
+}
+.black {
+  color: var(--zdt_secondaryText_black_text);
+}

package/es/list/SecondryPanel/SecondryPanel.module.css

@@ -1,6 +1,6 @@
-.listItemContainer {
-  max-width: 100% ;
-}
-.dottedStyle {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+.listItemContainer {
+  max-width: 100% ;
+}
+.dottedStyle {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }

package/es/list/SentimentStatus/SentimentStatus.module.css

@@ -1,12 +1,12 @@
-.container {
-  vertical-align: middle;
-  font-size: var(--zd_font_size10) ;
-}[dir=ltr] .container {
-  margin: 0 0 0 var(--zd_size5) ;
-}[dir=rtl] .container {
-  margin: 0 var(--zd_size5) 0 0 ;
-}
-
-.sentimentIcon {
-  display: block;
-}
+.container {
+  vertical-align: middle;
+  font-size: var(--zd_font_size10) ;
+}[dir=ltr] .container {
+  margin: 0 0 0 var(--zd_size5) ;
+}[dir=rtl] .container {
+  margin: 0 var(--zd_size5) 0 0 ;
+}
+
+.sentimentIcon {
+  display: block;
+}