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

package/es/IconButton/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  palette: 'default',
+  iconSize: '13',
+  className: '',
+  iconClass: '',
+  dataId: 'iconContainer',
+  isActive: false,
+  isDisabled: false,
+  hoverType: 'default',
+  isBold: false,
+  isNeedEffect: true,
+  needButtonTag: true,
+  a11y: {},
+  dataIsHtml: false
+};

package/es/IconButton/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isActive: PropTypes.bool,
+  isBold: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isNeedEffect: PropTypes.bool,
+  onClick: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'primaryFilled', 'default']),
+  title: PropTypes.string,
+  tourId: PropTypes.string,
+  isNeedEffect: PropTypes.bool,
+  needButtonTag: PropTypes.bool,
+  a11y: PropTypes.shape({
+    ariaHaspopup: PropTypes.bool,
+    ariaExpanded: PropTypes.bool,
+    ariaLabel: PropTypes.string,
+    ariaControls: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  }),
+  dataIsHtml: PropTypes.bool
+};

package/es/Image/Image.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './Image.module.css';
 export default class Image extends React.Component {
   render() {
@@ -29,22 +30,8 @@ export default class Image extends React.Component {
   }
 
 }
-Image.propTypes = {
-  alt: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  htmlId: PropTypes.string,
-  isCover: PropTypes.bool,
-  onClick: PropTypes.func,
-  original: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  title: PropTypes.string
-};
-Image.defaultProps = {
-  isCover: false,
-  className: ''
-};
+Image.propTypes = propTypes;
+Image.defaultProps = defaultProps;
 
 if (false) {
   Image.docs = {

package/es/Image/props/defaultProps.js

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

package/es/Image/props/propTypes.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  alt: PropTypes.string.isRequired,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  htmlId: PropTypes.string,
+  isCover: PropTypes.bool,
+  onClick: PropTypes.func,
+  original: PropTypes.string,
+  src: PropTypes.string.isRequired,
+  title: PropTypes.string
+};

package/es/ImportantNotes/ImportantNotes.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './ImportantNotes.module.css';
@@ -38,21 +39,8 @@ export default class ImportantNotes extends React.Component {
   }
 
 }
-ImportantNotes.propTypes = {
-  children: PropTypes.node,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isCover: PropTypes.bool,
-  text: PropTypes.string,
-  className: PropTypes.string
-};
-ImportantNotes.defaultProps = {
-  iconName: 'ZD-helpCentre',
-  iconSize: '14',
-  iconClass: '',
-  isCover: true
-};
+ImportantNotes.propTypes = propTypes;
+ImportantNotes.defaultProps = defaultProps;
 
 if (false) {
   ImportantNotes.docs = {

package/es/ImportantNotes/ImportantNotes.module.css

@@ -8,13 +8,8 @@
   color: var(--zdt_importantnotes_title_text);
 }
 .icon {
-  color: var(--zdt_importantnotes_icon);
-  font-size: 0;
   margin-top: var(--zd_size1);
-}
-[dir=ltr] .icon {
   margin-right: var(--zd_size5);
-}
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5);
+  color: var(--zdt_importantnotes_icon);
+  font-size: 0;
 }

package/es/ImportantNotes/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  iconName: 'ZD-helpCentre',
+  iconSize: '14',
+  iconClass: '',
+  isCover: true
+};

package/es/ImportantNotes/props/propTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isCover: PropTypes.bool,
+  text: PropTypes.string,
+  className: PropTypes.string
+};

package/es/Link/Link.js

@@ -1,7 +1,8 @@
-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); }
+function _extends() { _extends = Object.assign || 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 PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './Link.module.css';
 import LinkContext from './LinkContext';
 export default class Link extends React.Component {
@@ -92,24 +93,8 @@ export default class Link extends React.Component {
 
 }
 Link.contextType = LinkContext;
-Link.defaultProps = {
-  rel: 'noopener noreferrer',
-  hasReload: false,
-  customProps: {}
-};
-Link.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  hasReload: PropTypes.bool,
-  href: PropTypes.string,
-  rel: PropTypes.string,
-  target: PropTypes.oneOf(['_blank', '_self']),
-  title: PropTypes.string,
-  urlData: PropTypes.object,
-  urlName: PropTypes.string,
-  customProps: PropTypes.object
-};
+Link.defaultProps = defaultProps;
+Link.propTypes = propTypes;
 
 if (false) {
   Link.docs = {

package/es/Link/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  rel: 'noopener noreferrer',
+  hasReload: false,
+  customProps: {}
+};

package/es/Link/props/propTypes.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  hasReload: PropTypes.bool,
+  href: PropTypes.string,
+  rel: PropTypes.string,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.object
+};

package/es/Loader/Loader.module.css

@@ -1,33 +1,21 @@
 .ajaxLoader {
   position: absolute;
   top: 0;
-}[dir=ltr] .ajaxLoader {
   left: 0;
   right: 0;
-}[dir=rtl] .ajaxLoader {
-  right: 0;
-  left: 0;
 }
 .loader {
-  width: 100%;
-  height: 3px;
   background-image: var(--zdt_loader_gradient_bg);
+  width: 100%;
   background-size: 200% auto;
-}
-[dir=ltr] .loader {
   background-position: 0 100%;
-  animation:  loading-ltr 3s infinite;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-}
-[dir=rtl] .loader {
-  background-position: 100% 100%;
-  animation:  loading-rtl 3s infinite;
+  animation: loading 3s infinite;
   animation-fill-mode: forwards;
   animation-timing-function: linear;
+  height: 3px;
 }
 
-@keyframes loading-ltr {
+@keyframes loading {
   0% {
     background-position: 0 0;
   }
@@ -35,12 +23,3 @@
     background-position: -200% 0;
   }
 }
-
-@keyframes loading-rtl {
-  0% {
-    background-position: 100% 0;
-  }
-  100% {
-    background-position: 300% 0;
-  }
-}

package/es/Message/Message.js

@@ -1,7 +1,8 @@
-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); }
+function _extends() { _extends = Object.assign || 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 PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import AutoClose from '../actions/AutoClose';
 import style from './Message.module.css';
@@ -46,20 +47,8 @@ export default class Message extends React.Component {
   }
 
 }
-Message.propTypes = {
-  dataId: PropTypes.string,
-  hideMessage: PropTypes.func,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'alert', 'info']),
-  i18nKeys: PropTypes.shape({
-    closeTitle: PropTypes.string
-  })
-};
-Message.defaultProps = {
-  i18nKeys: {}
-};
+Message.propTypes = propTypes;
+Message.defaultProps = defaultProps;
 
 if (false) {
   Message.docs = {

package/es/Message/Message.module.css

@@ -3,31 +3,20 @@
   top: 0;
   z-index: 1000;
   /*Hook for editor alert*/
-  pointer-events: none;
-  text-align: center;
-}[dir=ltr] .message {
   right: 0;
+  text-align: center;
   left: 0;
-}[dir=rtl] .message {
-  left: 0;
-  right: 0;
+  pointer-events: none;
 }
 
 .container {
-  position: relative;
-  display: inline-block;
-  pointer-events: initial;
+  padding: var(--zd_size13) var(--zd_size10) var(--zd_size13) var(--zd_size50);
   box-shadow: 0 0 19px 1px var(--zdt_message_default_box_shadow);
   border-radius: 0 0 5px 5px;
+  position: relative;
   background: var(--zdt_message_default_bg);
-}
-
-[dir=ltr] .container {
-  padding: var(--zd_size13) var(--zd_size10) var(--zd_size13) var(--zd_size50);
-}
-
-[dir=rtl] .container {
-  padding: var(--zd_size13) var(--zd_size50) var(--zd_size13) var(--zd_size10);
+  display: inline-block;
+  pointer-events: initial;
 }
 
 .text {
@@ -36,32 +25,17 @@
   word-break: break-word;
   font-size: var(--zd_font_size14);
   vertical-align: middle;
-}
-
-[dir=ltr] .text {
   text-align: left;
 }
 
-[dir=rtl] .text {
-  text-align: right;
-}
-
 .icon {
   position: absolute;
+  left: 0;
   top: 0;
   width: var(--zd_size40);
   display: inline-block;
-  height: 100%;
-}
-
-[dir=ltr] .icon {
-  left: 0;
   border-bottom-left-radius: 5px;
-}
-
-[dir=rtl] .icon {
-  right: 0;
-  border-bottom-right-radius: 5px;
+  height: 100%;
 }
 
 .success {
@@ -89,15 +63,8 @@
 .close {
   color: var(--zdt_message_close_text);
   font-size: var(--zd_font_size16);
+  cursor: pointer;
   display: inline-block;
   vertical-align: middle;
-  cursor: pointer;
-}
-
-[dir=ltr] .close {
   margin-left: var(--zd_size10);
-}
-
-[dir=rtl] .close {
-  margin-right: var(--zd_size10);
 }

package/es/Message/props/defaultProps.js

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

package/es/Message/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  hideMessage: PropTypes.func,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  showMessage: PropTypes.bool,
+  type: PropTypes.oneOf(['success', 'alert', 'info']),
+  i18nKeys: PropTypes.shape({
+    closeTitle: PropTypes.string
+  })
+};

package/es/MessageBanner/MessageBanner.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../Link/Link';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
@@ -50,23 +51,8 @@ export default class MessageBanner extends React.Component {
   }
 
 }
-MessageBanner.defaultProps = {
-  type: 'primary',
-  palette: 'default',
-  customClass: '',
-  dataId: 'MessageBanner'
-};
-MessageBanner.propTypes = {
-  customClass: PropTypes.string,
-  href: PropTypes.string,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  onClose: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'blue', 'white']),
-  type: PropTypes.oneOf(['primary', 'secondary']),
-  urlText: PropTypes.string,
-  dataId: PropTypes.string
-};
+MessageBanner.defaultProps = defaultProps;
+MessageBanner.propTypes = propTypes;
 
 if (false) {
   MessageBanner.docs = {

package/es/MessageBanner/MessageBanner.module.css

@@ -1,28 +1,20 @@
+.type_primary {
+}
 .type_secondary {
   max-width: var(--zd_size468);
   border-radius: 3px;
   margin: 0 auto;
 }
 .message {
-  color: var(--zdt_messagebanner_text);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size10) 0;
-}
-[dir=ltr] .message {
+  color: var(--zdt_messagebanner_text);
   margin-left: var(--zd_size10);
-}
-[dir=rtl] .message {
-  margin-right: var(--zd_size10);
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
 .link {
   color: var(--zdt_messagebanner_link_text);
-}
-[dir=ltr] .link {
   margin-left: var(--zd_size5);
 }
-[dir=rtl] .link {
-  margin-right: var(--zd_size5);
-}
 .message,.link{font-size:  var(--zd_font_size14);}
 .close {
   color: var(--zdt_messagebanner_close_text);

package/es/MessageBanner/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  type: 'primary',
+  palette: 'default',
+  customClass: '',
+  dataId: 'MessageBanner'
+};

package/es/MessageBanner/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  href: PropTypes.string,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  onClose: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'blue', 'white']),
+  type: PropTypes.oneOf(['primary', 'secondary']),
+  urlText: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/NewStar/NewStar.js

@@ -1,5 +1,6 @@
 import React 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 { Container } from '@zohodesk/components/lib/Layout';
 import style from './NewStar.module.css';
@@ -58,15 +59,8 @@ export default class NewStar extends React.Component {
   }
 
 }
-NewStar.propTypes = {
-  customClass: PropTypes.string,
-  palette: PropTypes.oneOf(['green', 'blue', 'yellow']),
-  position: PropTypes.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft'])
-};
-NewStar.defaultProps = {
-  customClass: '',
-  position: 'topRight'
-};
+NewStar.propTypes = propTypes;
+NewStar.defaultProps = defaultProps;
 
 if (false) {
   NewStar.docs = {

package/es/NewStar/NewStar.module.css

@@ -5,53 +5,26 @@
   width: var(--zd_size21);
 }
 .topLeft {
-  top: 0;
-}
-[dir=ltr] .topLeft {
   transform: translate(-45%, -45%);
   left: 0;
-}
-[dir=rtl] .topLeft {
-  transform: translate(45%, -45%);
-  right: 0;
-}
-.topRight {
   top: 0;
 }
-[dir=ltr] .topRight {
+.topRight {
   transform: translate(45%, -45%);
   right: 0;
-}
-[dir=rtl] .topRight {
-  transform: translate(-45%, -45%);
-  left: 0;
+  top: 0;
 }
 .bottomLeft {
-  bottom: 0;
-}
-[dir=ltr] .bottomLeft {
   transform: translate(-45%, 45%);
   left: 0;
-}
-[dir=rtl] .bottomLeft {
-  transform: translate(45%, 45%);
-  right: 0;
-}
-.bottomRight {
   bottom: 0;
 }
-[dir=ltr] .bottomRight {
+.bottomRight {
   transform: translate(45%, 45%);
   right: 0;
+  bottom: 0;
 }
-[dir=rtl] .bottomRight {
-  transform: translate(-45%, 45%);
-  left: 0;
-}
-[dir=ltr] .stars {
-  animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
-}
-[dir=rtl] .stars {
+.stars {
   animation: twinkle var(--zd_transition4) infinite, star-scale var(--zd_transition10) infinite;
 }
 .green::before {
@@ -68,20 +41,10 @@
 }
 .starTwo {
   composes: stars;
-}
-[dir=ltr] .starTwo {
-  animation-delay: 0.5s;
-}
-[dir=rtl] .starTwo {
   animation-delay: 0.5s;
 }
 .starThree {
   composes: stars;
-}
-[dir=ltr] .starThree {
-  animation-delay: 1s;
-}
-[dir=rtl] .starThree {
   animation-delay: 1s;
 }
 

package/es/NewStar/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  customClass: '',
+  position: 'topRight'
+};

package/es/NewStar/props/propTypes.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  palette: PropTypes.oneOf(['green', 'blue', 'yellow']),
+  position: PropTypes.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft'])
+};

package/es/PlusIcon/PlusIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './PlusIcon.module.css';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 export default class PlusIcon extends React.Component {
@@ -33,24 +34,8 @@ export default class PlusIcon extends React.Component {
   }
 
 }
-PlusIcon.defaultProps = {
-  size: 'xmedium',
-  iconName: 'ZD-plus',
-  iconSize: '16',
-  dataId: 'addreqNowbutton',
-  iconClass: '',
-  customClass: ''
-};
-PlusIcon.propTypes = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  onClick: PropTypes.func,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  customClass: PropTypes.string
-};
+PlusIcon.defaultProps = defaultProps;
+PlusIcon.propTypes = propTypes;
 
 if (false) {
   PlusIcon.docs = {

package/es/PlusIcon/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  size: 'xmedium',
+  iconName: 'ZD-plus',
+  iconSize: '16',
+  dataId: 'addreqNowbutton',
+  iconClass: '',
+  customClass: ''
+};