@zohodesk/dot 1.0.0-beta.233 → 1.0.0-beta.235

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

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  action: PropTypes.string,
+  channel: PropTypes.string,
+  channelTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  className: PropTypes.string,
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  frontClass: PropTypes.string,
+  icon: PropTypes.string,
+  iconSize: PropTypes.string,
+  id: PropTypes.string.isRequired,
+  initial: PropTypes.string,
+  isChecked: PropTypes.bool,
+  isFilledCheckbox: PropTypes.bool,
+  isPaidUser: PropTypes.bool,
+  isPortalUser: PropTypes.bool,
+  name: PropTypes.string,
+  needTitle: PropTypes.bool,
+  noNeedFlip: PropTypes.bool,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  tourId: PropTypes.string
+};

package/es/list/BluePrintStatus/BluePrintStatus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
 import style from './BluePrintStatus.module.css';
 import Icon from '@zohodesk/icons/lib/Icon';
 export default class BluePrintStatus extends React.Component {
@@ -21,9 +21,7 @@ export default class BluePrintStatus extends React.Component {
   }
 
 }
-BluePrintStatus.propTypes = {
-  title: PropTypes.string
-};
+BluePrintStatus.propTypes = propTypes;
 
 if (false) {
   BluePrintStatus.docs = {

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

@@ -1,9 +1,6 @@
 .container {
-  display: inherit;
-}[dir=ltr] .container {
   padding-right: var(--zd_size5);
-}[dir=rtl] .container {
-  padding-left: var(--zd_size5);
+  display: inherit;
 }
 /* .danger {
   color: var(--dot_brightRed);

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

@@ -0,0 +1,4 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string
+};

package/es/list/Comment/Comment.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { i18NProviderUtils } from '@zohodesk/i18n';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
@@ -32,17 +33,8 @@ export default class Comment extends Component {
   }
 
 }
-Comment.defaultProps = {
-  className: ''
-};
-Comment.propTypes = {
-  className: PropTypes.string,
-  count: PropTypes.string,
-  features: PropTypes.array,
-  iconTitle: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
+Comment.defaultProps = defaultProps;
+Comment.propTypes = propTypes;
 
 if (false) {
   Comment.docs = {

package/es/list/Comment/Comment.module.css

@@ -17,13 +17,8 @@
   top: var(--zd_size1);
   font-size: var(--zd_font_size9);
   text-align: center;
-}
-[dir=ltr] .count {
   left: 100%;
 }
-[dir=rtl] .count {
-  right: 100%;
-}
 .commentIcon {
   font-size: var(--zd_font_size13);
 }

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

@@ -0,0 +1,3 @@
+export const defaultProps = {
+  className: ''
+};

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

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  count: PropTypes.string,
+  features: PropTypes.array,
+  iconTitle: PropTypes.string,
+  module: PropTypes.string,
+  onClick: PropTypes.func
+};

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
 import { DepartmentText } from '../SecondaryText';
 import style from './DepartmentDropDown.module.css';
@@ -89,36 +90,8 @@ class DepartmentDropDown extends Component {
 
 }
 
-DepartmentDropDown.defaultProps = {
-  isEditable: true,
-  isPopupActive: true,
-  isNextOptions: false,
-  searchStr: '',
-  i18nKeys: {}
-};
-DepartmentDropDown.propTypes = {
-  dataId: PropTypes.string,
-  departmentList: PropTypes.array,
-  departmentName: PropTypes.string,
-  getDepartment: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  isEditable: PropTypes.bool,
-  isFetching: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isPopupActive: PropTypes.bool,
-  needSearchFetching: PropTypes.bool,
-  onMoveDepartment: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSelectLabel: PropTypes.func,
-  searchStr: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    title: PropTypes.string,
-    searchEmptyText: PropTypes.string,
-    searchErrorText: PropTypes.string,
-    placeholder: PropTypes.string
-  })
-};
+DepartmentDropDown.defaultProps = defaultProps;
+DepartmentDropDown.propTypes = propTypes;
 export default DepartmentDropDown;
 
 if (false) {

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

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  isEditable: true,
+  isPopupActive: true,
+  isNextOptions: false,
+  searchStr: '',
+  i18nKeys: {}
+};

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

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  departmentList: PropTypes.array,
+  departmentName: PropTypes.string,
+  getDepartment: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  isEditable: PropTypes.bool,
+  isFetching: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  needSearchFetching: PropTypes.bool,
+  onMoveDepartment: PropTypes.func,
+  onSearch: PropTypes.func,
+  onSearch: PropTypes.func,
+  onSelectLabel: PropTypes.func,
+  searchStr: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    title: PropTypes.string,
+    searchEmptyText: PropTypes.string,
+    searchErrorText: PropTypes.string,
+    placeholder: PropTypes.string
+  })
+};

package/es/list/Dot/Dot.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './Dot.module.css';
 export default class Dot extends Component {
   constructor(props) {
@@ -17,11 +18,5 @@ export default class Dot extends Component {
   }
 
 }
-Dot.propTypes = {
-  className: PropTypes.string,
-  spacingType: PropTypes.oneOf(['minimalList', 'list'])
-};
-Dot.defaultProps = {
-  spacingType: 'list',
-  className: ''
-};
+Dot.propTypes = propTypes;
+Dot.defaultProps = defaultProps;

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

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  spacingType: 'list',
+  className: ''
+};

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

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  spacingType: PropTypes.oneOf(['minimalList', 'list'])
+};

package/es/list/DotNew/DotNew.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './DotNew.module.css';
 export default class DotNew extends Component {
   constructor(props) {
@@ -19,14 +20,8 @@ export default class DotNew extends Component {
   }
 
 }
-DotNew.propTypes = {
-  className: PropTypes.string,
-  dataTitle: PropTypes.string,
-  size: PropTypes.string
-};
-DotNew.defaultProps = {
-  size: 'medium'
-};
+DotNew.propTypes = propTypes;
+DotNew.defaultProps = defaultProps;
 
 if (false) {
   DotNew.docs = {

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

@@ -7,13 +7,13 @@
   height: var(--zd_size5);
 }
 .container{
+  border-radius: 50%;
+  background-color: var(--zdt_dotnew_default_bg);
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  box-shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
    /* 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: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
 }
 @keyframes dotAnimation {
   to {

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

@@ -0,0 +1,3 @@
+export const defaultProps = {
+  size: 'medium'
+};

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

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataTitle: PropTypes.string,
+  size: PropTypes.string
+};

package/es/list/GridStencils/GridStencils.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
 import style from './GridStencils.module.css';
 export default class GridStencils extends React.Component {
   render() {
@@ -26,12 +26,7 @@ export default class GridStencils extends React.Component {
   }
 
 }
-GridStencils.propTypes = {
-  from: PropTypes.string,
-  isThreeLayout: PropTypes.bool,
-  lineBar: PropTypes.string,
-  styles: PropTypes.object
-};
+GridStencils.propTypes = propTypes;
 
 if (false) {
   GridStencils.docs = {

package/es/list/GridStencils/GridStencils.module.css

@@ -1,32 +1,24 @@
 .stenLoading {
-  position: relative;
   background-color: var(--zdt_gridstencils_default_bg);
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15);
+  position: relative;
   margin-bottom: var(--zd_size10) ;
   border-radius: var(--zd_size5);
 }
-[dir=ltr] .stenLoadbody {
+.stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0;
 }
-[dir=rtl] .stenLoadbody {
-  margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20);
-}
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22);
   width: var(--zd_size22);
+  right: var(--zd_size20);
   top: var(--zd_size15);
-  position: absolute;
   border-radius: 50%;
+  position: absolute;
   background-color: var(--zdt_gridstencils_after_bg);
 }
-[dir=ltr] .stenLoadbody::after {
-  right: var(--zd_size20);
-}
-[dir=rtl] .stenLoadbody::after {
-  left: var(--zd_size20);
-}
 .lineBar {
   width: 90%;
 }
@@ -41,48 +33,28 @@
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5);
-}
-.lineBar, .lineBar2, .lineBar3 {
   border-radius: var(--zd_size5);
 }
 .stenListBAr {
-  position: relative;
-  background: var(--zdt_gridstencils_listbar_bg);
-  background-image: var(--zdt_gridstencils_listbar_gradient_bg);
-  background-repeat: no-repeat;
-}
-[dir=ltr] .stenListBAr {
-  -webkit-animation-duration: var(--zd_transition10);
-  -webkit-animation-fill-mode: forwards;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-name: placeHolderShimmer;
-  -webkit-animation-timing-function: linear;
-}
-[dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
-}
-.stenListBAr {
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
+  position: relative;
 }
-[dir=ltr] .stenListBAr {
-  -webkit-animation-duration: var(--zd_transition10);
-  -webkit-animation-fill-mode: forwards;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-name: placeHolderShimmer;
-  -webkit-animation-timing-function: linear;
-}
-[dir=rtl] .stenListBAr {
+.stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
+  background: var(--zdt_gridstencils_listbar_bg);
+  background-image: var(--zdt_gridstencils_listbar_gradient_bg);
+  background-repeat: no-repeat;
 }
 @keyframes placeHolderShimmer {
   0% {
@@ -94,48 +66,26 @@
   }
 }
 .threeLayout .stenLoadbody::before {
-  transform: scale(0.8);
-}
-[dir=ltr] .threeLayout .stenLoadbody::before {
   left: var(--zd_size16);
+  transform: scale(0.8);
 }
-[dir=rtl] .threeLayout .stenLoadbody::before {
-  right: var(--zd_size16);
-}
-[dir=ltr] .threeLayout .stenLoadbody {
+.threeLayout .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0;
 }
-[dir=rtl] .threeLayout .stenLoadbody {
-  margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20);
-}
 .threeLayout .stenLoadbody::after {
-  top: var(--zd_size15);
-  transform: scale(0.8);
-}
-[dir=ltr] .threeLayout .stenLoadbody::after {
   right: var(--zd_size20);
+  transform: scale(0.8);
+  top: var(--zd_size15);
 }
-[dir=rtl] .threeLayout .stenLoadbody::after {
-  left: var(--zd_size20);
-}
-[dir=ltr] .leftCont .stenLoadbody::before {
+.leftCont .stenLoadbody::before {
   left: var(--zd_size33);
 }
-[dir=rtl] .leftCont .stenLoadbody::before {
-  right: var(--zd_size33);
-}
-[dir=ltr] .leftCont .stenLoadbody {
+.leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) var(--zd_size46);
 }
-[dir=rtl] .leftCont .stenLoadbody {
-  margin: var(--zd_size8) var(--zd_size46) var(--zd_size8) var(--zd_size20);
-}
-[dir=ltr] .leftCont .stenLoadbody::after {
+.leftCont .stenLoadbody::after {
   right: var(--zd_size40);
 }
-[dir=rtl] .leftCont .stenLoadbody::after {
-  left: var(--zd_size40);
-}
 .leftCont .lineBar {
   width: 80%;
 }

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

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  from: PropTypes.string,
+  isThreeLayout: PropTypes.bool,
+  lineBar: PropTypes.string,
+  styles: PropTypes.object
+};

package/es/list/Icons/AddNewIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { AddNewIcon_propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './Icons.module.css';
 export default class AddNewIcon extends React.Component {
@@ -23,10 +23,4 @@ export default class AddNewIcon extends React.Component {
   }
 
 }
-AddNewIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  iconClass: PropTypes.string,
-  onClick: PropTypes.func
-};
+AddNewIcon.propTypes = AddNewIcon_propTypes;

package/es/list/Icons/CompleteIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { CompleteIcon_propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './Icons.module.css';
 export default class CompleteIcon extends React.Component {
@@ -25,11 +25,4 @@ export default class CompleteIcon extends React.Component {
   }
 
 }
-CompleteIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func
-};
+CompleteIcon.propTypes = CompleteIcon_propTypes;

package/es/list/Icons/DeleteIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DeleteComponent_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import Icon from '@zohodesk/icons/lib/Icon';
 export default class DeleteComponent extends React.Component {
@@ -25,11 +25,4 @@ export default class DeleteComponent extends React.Component {
   }
 
 }
-DeleteComponent.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func
-};
+DeleteComponent.propTypes = DeleteComponent_propTypes;

package/es/list/Icons/EditIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { EditIcon_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import Icon from '@zohodesk/icons/lib/Icon';
 export default class EditIcon extends React.Component {
@@ -25,11 +25,4 @@ export default class EditIcon extends React.Component {
   }
 
 }
-EditIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func
-};
+EditIcon.propTypes = EditIcon_propTypes;

package/es/list/Icons/FloatingIcons.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { FloatingIcons_defaultProps } from './props/defaultProps';
+import { FloatingIcons_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 export default class FloatingIcons extends Component {
   constructor(props) {
@@ -20,13 +21,8 @@ export default class FloatingIcons extends Component {
   }
 
 }
-FloatingIcons.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.element),
-  iconClass: PropTypes.string
-};
-FloatingIcons.defaultProps = {
-  size: 'medium'
-};
+FloatingIcons.propTypes = FloatingIcons_propTypes;
+FloatingIcons.defaultProps = FloatingIcons_defaultProps;
 
 if (false) {
   FloatingIcons.docs = {

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

@@ -4,8 +4,8 @@
 }
 .iconStyle {
   color: var(--zdt_icons_default);
-  width: var(--zd_size33);
   padding: 0 var(--zd_size8);
+  width: var(--zd_size33);
   cursor: pointer;
 }
 .blueHover:hover {
@@ -13,4 +13,4 @@
 }
 .redHover:hover {
   color: var(--zdt_icons_hover_red);
-}
+}

package/es/list/Icons/ReadUnreadIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { ReadUnreadIcon_defaultProps } from './props/defaultProps';
+import { ReadUnreadIcon_propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './Icons.module.css';
 export default class ReadUnreadIcon extends React.Component {
@@ -27,16 +28,5 @@ export default class ReadUnreadIcon extends React.Component {
   }
 
 }
-ReadUnreadIcon.defaultProps = {
-  isRead: false
-};
-ReadUnreadIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  iconClassName: PropTypes.string,
-  iconClass: PropTypes.string,
-  onClick: PropTypes.func,
-  isRead: PropTypes.bool,
-  iconSize: PropTypes.string
-};
+ReadUnreadIcon.defaultProps = ReadUnreadIcon_defaultProps;
+ReadUnreadIcon.propTypes = ReadUnreadIcon_propTypes;

package/es/list/Icons/SmartIcon.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { SmartIcon_propTypes } from './props/propTypes';
 import style from './Icons.module.css';
 import Icon from '@zohodesk/icons/lib/Icon';
 export default class SmartIcon extends Component {
@@ -23,12 +23,4 @@ export default class SmartIcon extends Component {
   }
 
 }
-SmartIcon.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  features: PropTypes.array,
-  iconClass: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
+SmartIcon.propTypes = SmartIcon_propTypes;

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

@@ -0,0 +1,6 @@
+export const FloatingIcons_defaultProps = {
+  size: 'medium'
+};
+export const ReadUnreadIcon_defaultProps = {
+  isRead: false
+};