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

package/es/errorstate/NoRequestFound/NoRequestFound.module.css

@@ -1,3 +1,3 @@
-.imageContainer {
-  margin-top: calc( var(--zd_size60) * -1 ) ;
-}
+.imageContainer {
+  margin-top: calc( var(--zd_size60) * -1 ) ;
+}

package/es/errorstate/PermissionPlay/PermissionPlay.module.css

@@ -1,34 +1,34 @@
-.headtingText {
-  font-family: var(--zd_semibold);
-  font-size: var(--zd_font_size50) ;
-  letter-spacing: var(--zd_size1);
-  margin-bottom: var(--zd_size5) ;
-}
-.title,
-.headtingText,
-.lastBox {
-  color: var(--zdt_permissionplay_title_text);
-}
-.title {
-  font-size: var(--zd_font_size30) ;
-}
-.lastBox {
-  line-height: 1.7143;
-  font-size: var(--zd_font_size14) ;
-  margin: 0 auto ;
-  margin-bottom: var(--zd_size20) ;
-}
-.lineText {
-  margin: 0 var(--zd_size4) ;
-}
-.imageContainer {
-  height: var(--zd_size400) ;
-  margin-bottom: var(--zd_size30) ;
-}
-
-.min {
-  max-width: 48% ;
-}
-.max {
-  max-width: 95% ;
-}
+.headtingText {
+  font-family: var(--zd_semibold);
+  font-size: var(--zd_font_size50) ;
+  letter-spacing: var(--zd_size1);
+  margin-bottom: var(--zd_size5) ;
+}
+.title,
+.headtingText,
+.lastBox {
+  color: var(--zdt_permissionplay_title_text);
+}
+.title {
+  font-size: var(--zd_font_size30) ;
+}
+.lastBox {
+  line-height: 1.7143;
+  font-size: var(--zd_font_size14) ;
+  margin: 0 auto ;
+  margin-bottom: var(--zd_size20) ;
+}
+.lineText {
+  margin: 0 var(--zd_size4) ;
+}
+.imageContainer {
+  height: var(--zd_size400) ;
+  margin-bottom: var(--zd_size30) ;
+}
+
+.min {
+  max-width: 48% ;
+}
+.max {
+  max-width: 95% ;
+}

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css

@@ -1,3 +1,3 @@
-.imageContainer {
-  margin-top: calc( var(--zd_size60) * -1 ) ;
-}
+.imageContainer {
+  margin-top: calc( var(--zd_size60) * -1 ) ;
+}

package/es/errorstate/UnableToProcess/UnableToProcess.module.css

@@ -1,3 +1,3 @@
-.imageContainer {
-  margin-top: calc( var(--zd_size40) * -1 ) ;
-}
+.imageContainer {
+  margin-top: calc( var(--zd_size40) * -1 ) ;
+}

package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css

@@ -1,3 +1,3 @@
-.imageContainer {
-  margin-top: calc( var(--zd_size10) * -1 ) ;
-}
+.imageContainer {
+  margin-top: calc( var(--zd_size10) * -1 ) ;
+}

package/es/errorstate/WillBack/WillBack.module.css

@@ -1,34 +1,34 @@
-.title,
-.tabletTitle,
-.mobileTitle {
-  color: var(--zdt_willback_title_text);
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
-}
-.title {
-  font-size: var(--zd_font_size50) ;
-}
-.tabletTitle {
-  font-size: var(--zd_font_size24) ;
-}
-.mobileTitle {
-  font-size: var(--zd_font_size22) ;
-}
-.header {
-  min-width: var(--zd_size450) ;
-}
-.imageContainer, .tabletImageContainer, .mobileImageContainer {
-  margin-top: calc( var(--zd_size70) * -1 ) ;
-  margin-bottom: var(--zd_size30) ;
-}
-.imageContainer {
-  height: var(--zd_size450) ;
-}
-.mobileImageContainer {
-  height: var(--zd_size300) ;
-}
-.tabletImageContainer {
-  height: var(--zd_size350) ;
-}
-.bottomSpace {
-  margin-bottom: var(--zd_size20) ;
-}
+.title,
+.tabletTitle,
+.mobileTitle {
+  color: var(--zdt_willback_title_text);
+  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+}
+.title {
+  font-size: var(--zd_font_size50) ;
+}
+.tabletTitle {
+  font-size: var(--zd_font_size24) ;
+}
+.mobileTitle {
+  font-size: var(--zd_font_size22) ;
+}
+.header {
+  min-width: var(--zd_size450) ;
+}
+.imageContainer, .tabletImageContainer, .mobileImageContainer {
+  margin-top: calc( var(--zd_size70) * -1 ) ;
+  margin-bottom: var(--zd_size30) ;
+}
+.imageContainer {
+  height: var(--zd_size450) ;
+}
+.mobileImageContainer {
+  height: var(--zd_size300) ;
+}
+.tabletImageContainer {
+  height: var(--zd_size350) ;
+}
+.bottomSpace {
+  margin-bottom: var(--zd_size20) ;
+}

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

@@ -160,7 +160,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 : ''}
@@ -270,8 +271,7 @@ export default class TagsMultiSelect extends React.Component {
         eleRef: this.getContainerRef
       }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
         flexible: true,
-        shrink: true,
-        dataId: `${dataId}_Options`
+        shrink: true
       }, searchList.map((item, index) => {
         let {
           name,
@@ -290,7 +290,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/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css

@@ -1,9 +1,9 @@
-.count {
-  color: var(--zdt_tagsmultiselectField_count_text);
-  font-size: var(--zd_font_size12) ;
-  word-break: break-word;
-}[dir=ltr] .count {
-  margin-left: var(--zd_size4) ;
-}[dir=rtl] .count {
-  margin-right: var(--zd_size4) ;
-}
+.count {
+  color: var(--zdt_tagsmultiselectField_count_text);
+  font-size: var(--zd_font_size12) ;
+  word-break: break-word;
+}[dir=ltr] .count {
+  margin-left: var(--zd_size4) ;
+}[dir=rtl] .count {
+  margin-right: var(--zd_size4) ;
+}

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

@@ -1,38 +1,38 @@
-.container{
-  position: relative;
-  min-height: var(--zd_size28) ;
-}
-.textBox {
-  height: var(--zd_size28) ;
-  width: 100% ;
-  position: absolute;
-  transition: border var(--zd_transition2) linear 0s;
-  cursor: text;
-}
-[dir=ltr] .textBox {
-  left: 0 ;
-  animation: fadeIn var(--zd_transition4);
-}
-[dir=rtl] .textBox {
-  right: 0 ;
-  animation: fadeIn var(--zd_transition4);
-}
-.textEditor {
-  position: relative;
-  z-index: 1;
-  /*  Variable:Ignore  */
-}
-[dir=ltr] .textEditor {
-  padding-right: var(--zd_size1) ;
-}
-[dir=rtl] .textEditor {
-  padding-left: var(--zd_size1) ;
-}
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.container{
+  position: relative;
+  min-height: var(--zd_size28) ;
+}
+.textBox {
+  height: var(--zd_size28) ;
+  width: 100% ;
+  position: absolute;
+  transition: border var(--zd_transition2) linear 0s;
+  cursor: text;
+}
+[dir=ltr] .textBox {
+  left: 0 ;
+  animation: fadeIn var(--zd_transition4);
+}
+[dir=rtl] .textBox {
+  right: 0 ;
+  animation: fadeIn var(--zd_transition4);
+}
+.textEditor {
+  position: relative;
+  z-index: 1;
+  /*  Variable:Ignore  */
+}
+[dir=ltr] .textEditor {
+  padding-right: var(--zd_size1) ;
+}
+[dir=rtl] .textEditor {
+  padding-left: var(--zd_size1) ;
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }

package/es/form/layout/Field/Field.module.css

@@ -1,22 +1,22 @@
-.container {
-  min-width: 0 ;
-}
-.half {
-  flex: 1 1 50% ;
-  max-width: 50% ;
-}
-.full {
-  flex: 1 1 100% ;
-}
-.fieldContaier {
-  display: inline-block;
-  width: 100% ;
-  vertical-align: middle;
-}
-.rowBreak {
-  display: block;
-  width: 100% ;
-}
-.singleColumn {
-  width: 100% ;
-}
+.container {
+  min-width: 0 ;
+}
+.half {
+  flex: 1 1 50% ;
+  max-width: 50% ;
+}
+.full {
+  flex: 1 1 100% ;
+}
+.fieldContaier {
+  display: inline-block;
+  width: 100% ;
+  vertical-align: middle;
+}
+.rowBreak {
+  display: block;
+  width: 100% ;
+}
+.singleColumn {
+  width: 100% ;
+}

package/es/form/layout/Section/ModuleFormSection.module.css

@@ -1,3 +1,3 @@
-.singleColumn {
-  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
-}
+.singleColumn {
+  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
+}

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,25 +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_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);
-  }
+.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;
+}