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

package/es/setup/table/TableHead/props/propTypes.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
+};

package/es/setup/table/TableRow/SetupTableRow.module.css

@@ -1,13 +1,9 @@
 .container {
   position: relative;
-  height: var(--zd_size52);
-  border-bottom: 1px solid var(--zdt_setuptablerow_border);
-}[dir=ltr] .container {
   margin-right: var(--zd_size40);
   margin-left: var(--zd_size40);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size40);
-  margin-right: var(--zd_size40);
+  border-bottom: 1px solid var(--zdt_setuptablerow_border);
+  height: var(--zd_size52);
 }
 .container:hover {
   background-color: var( --zdt_setuptablerow_hover_bg);

package/es/setup/table/TableRow/TableRow.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 } from '@zohodesk/components/lib/Layout';
 import style from './SetupTableRow.module.css';
 export default class TableRow extends React.Component {
@@ -33,20 +34,8 @@ export default class TableRow extends React.Component {
   }
 
 }
-TableRow.defaultProps = {
-  dataId: 'tableRow',
-  className: ''
-};
-TableRow.propTypes = {
-  children: PropTypes.element,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  eleStyle: PropTypes.object,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func
-};
+TableRow.defaultProps = defaultProps;
+TableRow.propTypes = propTypes;
 
 if (false) {
   TableRow.docs = {

package/es/setup/table/TableRow/props/defaultProps.js

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

package/es/setup/table/TableRow/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  eleStyle: PropTypes.object,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
+};

package/es/setup/table/Text/Text.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 style from './TableText.module.css';
 export default class Text extends React.Component {
@@ -42,25 +43,8 @@ export default class Text extends React.Component {
   }
 
 }
-Text.defaultProps = {
-  size: 'small',
-  palette: 'default',
-  target: '_blank',
-  dataId: 'text',
-  className: ''
-};
-Text.propTypes = {
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'green', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  target: PropTypes.string,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['bold', 'semiBold', 'heading']),
-  url: PropTypes.string
-};
+Text.defaultProps = defaultProps;
+Text.propTypes = propTypes;
 
 if (false) {
   Text.docs = {

package/es/setup/table/Text/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  size: 'small',
+  palette: 'default',
+  target: '_blank',
+  dataId: 'text',
+  className: ''
+};

package/es/setup/table/Text/props/propTypes.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'green', 'danger']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  target: PropTypes.string,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['bold', 'semiBold', 'heading']),
+  url: PropTypes.string
+};

package/es/svg/PlusIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { PlusIcon_defaultProps } from './props/defaultProps';
+import { PlusIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {
@@ -23,16 +24,8 @@ export default class PlusIcon extends React.Component {
   }
 
 }
-PlusIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-PlusIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
+PlusIcon.propTypes = PlusIcon_propTypes;
+PlusIcon.defaultProps = PlusIcon_defaultProps;
 
 if (false) {
   PlusIcon.docs = {

package/es/svg/SnippetIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { SnippetIcon_defaultProps } from './props/defaultProps';
+import { SnippetIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {
@@ -25,16 +26,8 @@ export default class SnippetIcon extends React.Component {
   }
 
 }
-SnippetIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-SnippetIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
+SnippetIcon.propTypes = SnippetIcon_propTypes;
+SnippetIcon.defaultProps = SnippetIcon_defaultProps;
 
 if (false) {
   SnippetIcon.docs = {

package/es/svg/TemplateIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { TemplateIcon_defaultProps } from './props/defaultProps';
+import { TemplateIcon_propTypes } from './props/propTypes';
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {
@@ -26,16 +27,8 @@ export default class TemplateIcon extends React.Component {
   }
 
 }
-TemplateIcon.propTypes = {
-  className: PropTypes.string,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool
-};
-TemplateIcon.defaultProps = {
-  isRender: true,
-  isSymbol: false,
-  className: ''
-};
+TemplateIcon.propTypes = TemplateIcon_propTypes;
+TemplateIcon.defaultProps = TemplateIcon_defaultProps;
 
 if (false) {
   TemplateIcon.docs = {

package/es/svg/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const PlusIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+export const SnippetIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};
+export const TemplateIcon_defaultProps = {
+  isRender: true,
+  isSymbol: false,
+  className: ''
+};

package/es/svg/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const PlusIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};
+export const SnippetIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};
+export const TemplateIcon_propTypes = {
+  className: PropTypes.string,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool
+};

package/es/version2/AlertClose/AlertClose.js

@@ -1,6 +1,6 @@
 /*** Libraries ***/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import style from './AlertClose.module.css';
@@ -31,13 +31,7 @@ export default class AlertClose extends PureComponent {
   }
 
 }
-AlertClose.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  onClose: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
-};
+AlertClose.propTypes = propTypes;
 
 if (false) {
   AlertClose.docs = {

package/es/version2/AlertClose/AlertClose.module.css

@@ -1,9 +1,9 @@
 .close {
   width: var(--zd_size25);
   height: var(--zd_size25);
-  color: var(--zdt_commonalert_close_icon);
   border-radius: var(--zd_size4);
   cursor: pointer;
+  color: var(--zdt_commonalert_close_icon);
 }
 
 .closeIcon {

package/es/version2/AlertClose/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClose: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
+};

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,7 +1,10 @@
-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 "core-js/modules/es.array.includes";
+
+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 AutoClose from '../../actions/AutoClose';
 import AlertIcons from '../alertIcons/AlertIcons';
 import AlertClose from '../AlertClose/AlertClose';
@@ -67,21 +70,8 @@ export default class GlobalNotification extends React.Component {
   }
 
 }
-GlobalNotification.propTypes = {
-  dataId: PropTypes.string,
-  hideMessage: PropTypes.func,
-  message: PropTypes.string,
-  onClick: PropTypes.func,
-  showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
-  i18nKeys: PropTypes.object,
-  customProps: PropTypes.shape({
-    ExtraProps: PropTypes.object
-  })
-};
-GlobalNotification.defaultProps = {
-  customProps: {}
-};
+GlobalNotification.propTypes = propTypes;
+GlobalNotification.defaultProps = defaultProps;
 
 if (false) {
   GlobalNotification.docs = {

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -11,38 +11,25 @@
   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 {
+  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
   position: relative;
   pointer-events: initial;
-  color: var(--globalnotification_text_color);
-  max-width: var(--zd_size490);
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--globalnotification_bg_color);
   border-style: solid;
   border-color: var(--commonalert_border_color);
   border-width: 2px 1px 1px 1px;
-}
-
-[dir=ltr] .container {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
-}
-
-[dir=rtl] .container {
-  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
+  color: var(--globalnotification_text_color);
+  max-width: var(--zd_size490);
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 
 .icon {
@@ -51,15 +38,8 @@
   position: absolute;
   top: 0;
   bottom: 0;
-  margin: auto 0;
-}
-
-[dir=ltr] .icon {
   left: var(--zd_size18);
-}
-
-[dir=rtl] .icon {
-  right: var(--zd_size18);
+  margin: auto 0;
 }
 
 .success {
@@ -96,30 +76,15 @@
   font-size: var(--zd_font_size14);
   font-family: var(--zd_semibold);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
-}
-
-[dir=ltr] .text {
   text-align: left;
-}
-
-[dir=rtl] .text {
-  text-align: right;
+  line-height: var(--zd_size20);
 }
 
 .close {
   position: absolute;
   top: 0;
   bottom: 0;
-  height: var(--zd_size25);
-}
-
-[dir=ltr] .close {
   right: var(--zd_size12);
   margin: auto 0 auto var(--zd_size25);
-}
-
-[dir=rtl] .close {
-  left: var(--zd_size12);
-  margin: auto var(--zd_size25) auto 0;
+  height: var(--zd_size25);
 }

package/es/version2/GlobalNotification/props/defaultProps.js

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

package/es/version2/GlobalNotification/props/propTypes.js

@@ -0,0 +1,13 @@
+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', 'danger', 'info', 'warning', 'error']),
+  i18nKeys: PropTypes.object,
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};

package/es/version2/alertIcons/AlarmAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { AlarmAlertIcon_defaultProps } from './props/defaultProps';
+import { AlarmAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class AlarmAlertIcon extends Component {
   render() {
@@ -63,10 +64,5 @@ export default class AlarmAlertIcon extends Component {
   }
 
 }
-AlarmAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-AlarmAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+AlarmAlertIcon.propTypes = AlarmAlertIcon_propTypes;
+AlarmAlertIcon.defaultProps = AlarmAlertIcon_defaultProps;

package/es/version2/alertIcons/AlertIcons.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { AlertIcons_defaultProps } from './props/defaultProps';
+import { AlertIcons_propTypes } from './props/propTypes';
 import DangerAlertIcon from './DangerAlertIcon';
 import SuccessAlertIcon from './SuccessAlertIcon';
 import WarningAlertIcon from './WarningAlertIcon';
@@ -48,14 +49,8 @@ export default class AlertIcons extends Component {
   }
 
 }
-AlertIcons.propTypes = {
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-AlertIcons.defaultProps = {
-  type: '',
-  variant: 'primary'
-};
+AlertIcons.propTypes = AlertIcons_propTypes;
+AlertIcons.defaultProps = AlertIcons_defaultProps;
 
 if (false) {
   AlertIcons.docs = {

package/es/version2/alertIcons/DangerAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { DangerAlertIcon_defaultProps } from './props/defaultProps';
+import { DangerAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class DangerAlertIcon extends Component {
   render() {
@@ -63,11 +64,5 @@ export default class DangerAlertIcon extends Component {
   }
 
 }
-DangerAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-DangerAlertIcon.defaultProps = {
-  variant: 'primary',
-  type: 'danger'
-};
+DangerAlertIcon.propTypes = DangerAlertIcon_propTypes;
+DangerAlertIcon.defaultProps = DangerAlertIcon_defaultProps;

package/es/version2/alertIcons/ErrorAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { ErrorAlertIcon_defaultProps } from './props/defaultProps';
+import { ErrorAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class ErrorAlertIcon extends Component {
   render() {
@@ -68,10 +69,5 @@ export default class ErrorAlertIcon extends Component {
   }
 
 }
-ErrorAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-ErrorAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+ErrorAlertIcon.propTypes = ErrorAlertIcon_propTypes;
+ErrorAlertIcon.defaultProps = ErrorAlertIcon_defaultProps;

package/es/version2/alertIcons/InfoAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { InfoAlertIcon_defaultProps } from './props/defaultProps';
+import { InfoAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class InfoAlertIcon extends Component {
   render() {
@@ -72,10 +73,5 @@ export default class InfoAlertIcon extends Component {
   }
 
 }
-InfoAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-InfoAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+InfoAlertIcon.propTypes = InfoAlertIcon_propTypes;
+InfoAlertIcon.defaultProps = InfoAlertIcon_defaultProps;

package/es/version2/alertIcons/NotificationAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { NotificationAlertIcon_defaultProps } from './props/defaultProps';
+import { NotificationAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class NotificationAlertIcon extends Component {
   render() {
@@ -68,10 +69,5 @@ export default class NotificationAlertIcon extends Component {
   }
 
 }
-NotificationAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-NotificationAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+NotificationAlertIcon.propTypes = NotificationAlertIcon_propTypes;
+NotificationAlertIcon.defaultProps = NotificationAlertIcon_defaultProps;

package/es/version2/alertIcons/SuccessAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { SuccessAlertIcon_defaultProps } from './props/defaultProps';
+import { SuccessAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class SuccessAlertIcon extends Component {
   render() {
@@ -63,10 +64,5 @@ export default class SuccessAlertIcon extends Component {
   }
 
 }
-SuccessAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-SuccessAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+SuccessAlertIcon.propTypes = SuccessAlertIcon_propTypes;
+SuccessAlertIcon.defaultProps = SuccessAlertIcon_defaultProps;

package/es/version2/alertIcons/WarningAlertIcon.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { WarningAlertIcon_defaultProps } from './props/defaultProps';
+import { WarningAlertIcon_propTypes } from './props/propTypes';
 import style from './AlertIcons.module.css';
 export default class WarningAlertIcon extends Component {
   render() {
@@ -63,10 +64,5 @@ export default class WarningAlertIcon extends Component {
   }
 
 }
-WarningAlertIcon.propTypes = {
-  type: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-WarningAlertIcon.defaultProps = {
-  variant: 'primary'
-};
+WarningAlertIcon.propTypes = WarningAlertIcon_propTypes;
+WarningAlertIcon.defaultProps = WarningAlertIcon_defaultProps;

package/es/version2/alertIcons/props/defaultProps.js

@@ -0,0 +1,26 @@
+export const AlarmAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const AlertIcons_defaultProps = {
+  type: '',
+  variant: 'primary'
+};
+export const DangerAlertIcon_defaultProps = {
+  variant: 'primary',
+  type: 'danger'
+};
+export const ErrorAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const InfoAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const NotificationAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const SuccessAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const WarningAlertIcon_defaultProps = {
+  variant: 'primary'
+};