@zohodesk/dot 1.0.0-temp-101 → 1.0.0-temp-103

package/es/ImportantNotes/ImportantNotes.js

@@ -8,7 +8,6 @@ export default class ImportantNotes extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let {
       text,
@@ -37,11 +36,9 @@ export default class ImportantNotes extends React.Component {
       className: style.title
     }, text, children ? children : null) : null);
   }
-
 }
 ImportantNotes.propTypes = propTypes;
 ImportantNotes.defaultProps = defaultProps;
-
 if (false) {
   ImportantNotes.docs = {
     componentGroup: 'Common',

package/es/ImportantNotes/docs/ImportantNotes__default.docs.js

@@ -5,15 +5,12 @@ export default class ImportantNotes__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement(ImportantNotes, {
       text: "Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting."
     }, "Children");
   }
-
 }
-
 if (false) {
   ImportantNotes__default.docs = {
     componentGroup: 'Common',

package/es/Link/Link.js

@@ -1,5 +1,4 @@
 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 React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -10,7 +9,6 @@ export default class Link extends React.Component {
     super(props, context);
     this.onCallBack = this.onCallBack.bind(this);
   }
-
   onCallBack(urlOutput, href, e) {
     let {
       onClick,
@@ -20,33 +18,25 @@ export default class Link extends React.Component {
     let {
       onCallBack
     } = this.context.options;
-
     if (e && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) {
       e && e.stopPropagation();
       return;
     }
-
     onClick && onClick(e);
-
     if (!hasReload && target != '_blank') {
       e && e.preventDefault();
     }
-
     e && e.stopPropagation();
     !onClick && onCallBack && onCallBack(urlOutput, href, e);
   }
-
   addHttp(url) {
     /* eslint-disable */
     if (!/^(f|ht)tps?:\/\//i.test(url)) {
       url = 'http://' + url;
     }
     /* eslint-enable */
-
-
     return url;
   }
-
   render() {
     let {
       children,
@@ -67,17 +57,16 @@ export default class Link extends React.Component {
     } = this.context.options;
     let urlOutput = href ? href : constructURL(urlName, urlData);
     let option = {};
-
     if (download) {
       option.download = true;
     }
-
     let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option'];
     let others = Object.keys(this.props).filter(key => ignoreKeys.indexOf(key) == -1).reduce((res, key) => {
       res[key] = this.props[key];
       return res;
-    }, {}); //urlOutput = this.addHttp(urlOutput);
+    }, {});
 
+    //urlOutput = this.addHttp(urlOutput);
     return /*#__PURE__*/React.createElement("a", _extends({
       href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
       target: target,
@@ -90,12 +79,10 @@ export default class Link extends React.Component {
       onClick: this.onCallBack.bind(this, urlOutput, href)
     }, customProps), children);
   }
-
 }
 Link.contextType = LinkContext;
 Link.defaultProps = defaultProps;
 Link.propTypes = propTypes;
-
 if (false) {
   Link.docs = {
     componentGroup: 'Atom'

package/es/Link/docs/Link__default.docs.js

@@ -6,15 +6,12 @@ export default class Link__default extends React.Component {
     this.onCallBack = this.onCallBack.bind(this);
     this.onConcertURL = this.onConcertURL.bind(this);
   }
-
   onCallBack(value) {
     console.log(value);
   }
-
   onConcertURL(name, obj) {
     console.log(name, obj, 'onConcertURL');
   }
-
   render() {
     let style = {
       width: '200px',
@@ -29,7 +26,6 @@ export default class Link__default extends React.Component {
       rel: "noopener noreferrer"
     }, "Activities")));
   }
-
 }
 Link__default.docs = {
   componentGroup: 'Atom'

package/es/Loader/Loader.js

@@ -6,7 +6,6 @@ export default class Loader extends React.Component {
     super(props);
     this.getNextIndex = getZIndex(this);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", {
       className: style.ajaxLoader,
@@ -17,9 +16,7 @@ export default class Loader extends React.Component {
       className: style.loader
     }));
   }
-
 }
-
 if (false) {
   Loader.docs = {
     componentGroup: 'Atom'

package/es/Loader/docs/Loader__default.docs.js

@@ -4,7 +4,6 @@ export default class Loader__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
@@ -13,9 +12,7 @@ export default class Loader__default extends React.Component {
       }
     }, /*#__PURE__*/React.createElement(Loader, null));
   }
-
 }
-
 if (false) {
   Loader__default.docs = {
     componentGroup: 'Atom'

package/es/Message/Message.js

@@ -1,5 +1,4 @@
 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 React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -13,13 +12,11 @@ export default class Message extends React.Component {
       hideMessage: false
     };
   }
-
   componentWillReceiveProps(nextProps) {
     let {
       showMessage,
       hideMessage
     } = this.props;
-
     if (showMessage !== nextProps.showMessage) {
       if (nextProps.type != 'alert') {
         setTimeout(() => {
@@ -28,34 +25,28 @@ export default class Message extends React.Component {
       }
     }
   }
-
   componentDidMount() {
     let {
       type,
       hideMessage
     } = this.props;
-
     if (type != 'alert') {
       setTimeout(() => {
         hideMessage();
       }, 3000);
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(MessageUI, this.props);
   }
-
 }
 Message.propTypes = propTypes;
 Message.defaultProps = defaultProps;
-
 if (false) {
   Message.docs = {
     componentGroup: 'Atom'
   };
 }
-
 export function MessageUI(props) {
   function onClose(e) {
     let {
@@ -65,7 +56,6 @@ export function MessageUI(props) {
     hideMessage && hideMessage(e);
     onClose && onClose(e);
   }
-
   let {
     type,
     message,

package/es/Message/docs/Message__default.docs.js

@@ -4,7 +4,6 @@ export default class Message__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let style = {
       position: 'relative',
@@ -45,9 +44,7 @@ export default class Message__default extends React.Component {
       hideMessage: () => {}
     })));
   }
-
 }
-
 if (false) {
   Message__default.docs = {
     componentGroup: 'Atom'

package/es/MessageBanner/MessageBanner.js

@@ -49,11 +49,9 @@ export default class MessageBanner extends React.Component {
       size: "35"
     }))) : null);
   }
-
 }
 MessageBanner.defaultProps = defaultProps;
 MessageBanner.propTypes = propTypes;
-
 if (false) {
   MessageBanner.docs = {
     componentGroup: 'Atom'

package/es/MessageBanner/docs/MessageBanner__default.docs.js

@@ -5,7 +5,6 @@ export default class MessageBanner__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let {
       message
@@ -78,9 +77,7 @@ export default class MessageBanner__default extends React.Component {
       palette: "white"
     })))));
   }
-
 }
-
 if (false) {
   MessageBanner__default.docs = {
     componentGroup: 'Atom'

package/es/NewStar/NewStar.js

@@ -57,11 +57,9 @@ export default class NewStar extends React.Component {
       size: "10"
     }));
   }
-
 }
 NewStar.propTypes = propTypes;
 NewStar.defaultProps = defaultProps;
-
 if (false) {
   NewStar.docs = {
     componentGroup: 'Atom'

package/es/NewStar/docs/NewStar__default.docs.js

@@ -52,9 +52,7 @@ export default class NewStar__default extends React.Component {
       position: "bottomRight"
     })));
   }
-
 }
-
 if (false) {
   NewStar__default.docs = {
     componentGroup: 'Atom'

package/es/PlusIcon/PlusIcon.js

@@ -7,7 +7,6 @@ export default class PlusIcon extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let {
       dataId,
@@ -32,11 +31,9 @@ export default class PlusIcon extends React.Component {
       className: `${customClass} ${style.plusIcon}`
     }));
   }
-
 }
 PlusIcon.defaultProps = defaultProps;
 PlusIcon.propTypes = propTypes;
-
 if (false) {
   PlusIcon.docs = {
     componentGroup: 'Common',

package/es/PlusIcon/docs/PlusIcon__default.docs.js

@@ -5,9 +5,7 @@ export default class PlusIcon__default extends Component {
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusIcon, null));
   }
-
 }
-
 if (false) {
   PlusIcon__default.docs = {
     componentGroup: 'Common',

package/es/Provider.js

@@ -7,7 +7,6 @@ import datetime from '@zohodesk/datetimejs';
 import ThemeTool from '../../common/lib/ThemeTool/ThemeTool';
 import i18n from './i18n';
 /* component pkg - default mode & themes */
-
 import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
@@ -20,7 +19,6 @@ import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultComp
 import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css';
 import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
 /* component pkg - dark mode & themes */
-
 import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
@@ -33,7 +31,6 @@ import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkComponentT
 import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css';
 import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
 /* component pkg - pure dark mode & themes */
-
 import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
 import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
@@ -46,7 +43,6 @@ import '@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkCo
 import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css';
 import '@zohodesk/components/assets/Appearance/pureDark/mode/pureDarkMode.module.css';
 /* svg pkg - default mode & themes */
-
 import '@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
@@ -54,7 +50,6 @@ import '@zohodesk/svg/assets/Appearance/default/themes/red/redDefaultCTATheme.mo
 import '@zohodesk/svg/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/default/mode/defaultEmptyStates.module.css';
 /* svg pkg - dark mode & themes */
-
 import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
@@ -62,7 +57,6 @@ import '@zohodesk/svg/assets/Appearance/dark/themes/red/redDarkCTATheme.module.c
 import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css';
 /* svg pkg - pure dark mode & themes */
-
 import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
 import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
@@ -72,7 +66,6 @@ import '@zohodesk/svg/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module
 import { setGlobalIdPrefix } from '@zohodesk/components/lib/Provider/IdProvider';
 import { setInitialZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 /* dot pkg - default mode & themes */
-
 import '../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css';
 import '../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css';
 import '../assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css';
@@ -80,7 +73,6 @@ import '../assets/Appearance/default/themes/red/redDefaultDotTheme.module.css';
 import '../assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css';
 import '../assets/Appearance/default/mode/dotDefaultMode.module.css';
 /* dot pkg - dark mode & themes */
-
 import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
 import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
 import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
@@ -88,7 +80,6 @@ import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
 import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
 import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
 /* dot pkg - pure dark mode & themes */
-
 import '../assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css';
 import '../assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css';
 import '../assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css';
@@ -112,19 +103,16 @@ export default class Provider extends React.Component {
     this.setTheme = this.setTheme.bind(this);
     this.setAppearance = this.setAppearance.bind(this);
   }
-
   setAppearance(mode) {
     this.setState({
       appearanceName: mode
     });
   }
-
   setTheme(theme) {
     this.setState({
       themeName: theme
     });
   }
-
   render() {
     let {
       appearanceName,
@@ -156,5 +144,4 @@ export default class Provider extends React.Component {
       onAppearanceChange: this.setAppearance
     }))));
   }
-
 }

package/es/ToastMessage/ToastMessage.js

@@ -1,23 +1,20 @@
 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 React, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes'; //components
-
+import { propTypes } from './props/propTypes';
+//components
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import { useUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import AutoClose from '../actions/AutoClose';
-import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css'; //style
-
+import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+//style
 import style from './ToastMessage.module.css';
-
 function removeClose(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
 }
-
 function ToastMessageUI(props) {
   let [messageState, setMessageState] = useState(props.messageState);
   let {
@@ -47,22 +44,18 @@ function ToastMessageUI(props) {
     needAutoZindex,
     a11y
   } = props;
-
   function onClickSubmit(e) {
     onSubmit && onSubmit();
     onClose && onClose();
   }
-
   function onClickCancel(e) {
     onCancel && onCancel();
     onClose && onClose();
   }
-
   function changeMessageState(e) {
     removeClose(e);
     setMessageState(!messageState);
   }
-
   let animateClass = isClose ? style.rightanimate : style.leftanimate;
   let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
   let channelIcon = /*#__PURE__*/React.createElement(Icon, {
@@ -72,9 +65,9 @@ function ToastMessageUI(props) {
   });
   let getNextIndex = useZIndex();
   let Zindex = isAnimate ? getNextIndex() : null,
-      getNextId = useUniqueId(),
-      titleId = getNextId(),
-      infoId = getNextId();
+    getNextId = useUniqueId(),
+    titleId = getNextId(),
+    infoId = getNextId();
   let {
     role = 'alert',
     ariaLive = 'assertive',
@@ -190,7 +183,6 @@ function ToastMessageUI(props) {
     tagName: "p"
   }, message) : null, getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null);
 }
-
 export default function ToastMessage(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: ToastMessageUI
@@ -198,7 +190,6 @@ export default function ToastMessage(props) {
 }
 ToastMessage.propTypes = propTypes;
 ToastMessage.defaultProps = defaultProps;
-
 if (false) {
   ToastMessage.docs = {
     componentGroup: 'Atom'

package/es/ToastMessage/docs/ToastMessage__custom.docs.js

@@ -11,7 +11,6 @@ export default class ToastMessage__custom extends Component {
     this.getFooterContainer = this.getFooterContainer.bind(this);
     this.getBottomContainer = this.getBottomContainer.bind(this);
   }
-
   getLeftPanel() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Avatar, {
       name: "BK",
@@ -20,7 +19,6 @@ export default class ToastMessage__custom extends Component {
       src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
     }));
   }
-
   getSubmitContainer() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
@@ -32,15 +30,12 @@ export default class ToastMessage__custom extends Component {
       name: "category"
     }));
   }
-
   getFooterContainer() {
     return /*#__PURE__*/React.createElement("p", null, "Custome Footer");
   }
-
   getBottomContainer() {
     return /*#__PURE__*/React.createElement("div", null, "text");
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", {
       className: style.m50
@@ -81,9 +76,7 @@ export default class ToastMessage__custom extends Component {
       isIconMid: true
     })));
   }
-
 }
-
 if (false) {
   ToastMessage__custom.docs = {
     componentGroup: 'Atom',

package/es/ToastMessage/docs/ToastMessage__information.docs.js

@@ -43,9 +43,7 @@ export default class ToastMessage__information extends Component {
       }
     })));
   }
-
 }
-
 if (false) {
   ToastMessage__information.docs = {
     componentGroup: 'Atom',

package/es/ToastMessage/docs/ToastMessage__primary.docs.js

@@ -5,7 +5,6 @@ export default class ToastMessage__primary extends Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", {
       className: style.m50
@@ -114,9 +113,7 @@ export default class ToastMessage__primary extends Component {
       submitType: "danger"
     })));
   }
-
 }
-
 if (false) {
   ToastMessage__primary.docs = {
     componentGroup: 'Atom',

package/es/ToastMessage/docs/ToastMessage__secondary.docs.js

@@ -26,9 +26,7 @@ export default class ToastMessage__secondary extends Component {
       iconSize: "40"
     })));
   }
-
 }
-
 if (false) {
   ToastMessage__secondary.docs = {
     componentGroup: 'Atom',

package/es/ToastMessage/docs/ToastMessage__success.docs.js

@@ -50,9 +50,7 @@ export default class ToastMessage__success extends Component {
       submitType: "danger"
     })));
   }
-
 }
-
 if (false) {
   ToastMessage__success.docs = {
     componentGroup: 'Atom',

package/es/Upload/Upload.js

@@ -62,11 +62,9 @@ export default class Upload extends React.Component {
       isBold: true
     })) : null);
   }
-
 }
 Upload.propTypes = propTypes;
 Upload.defaultProps = defaultProps;
-
 if (false) {
   Upload.docs = {
     componentGroup: 'Upload'

package/es/Upload/docs/Upload__default.docs.js

@@ -51,9 +51,7 @@ export default class Upload__default extends React.Component {
       size: "small"
     }));
   }
-
 }
-
 if (false) {
   Upload__default.docs = {
     componentGroup: 'Upload'

package/es/actions/AutoClose.js

@@ -1,12 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-
 function removeClose(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
 }
-
 export default function AutoClose(props) {
   let {
     Element,
@@ -16,22 +14,18 @@ export default function AutoClose(props) {
     hideTime
   } = props;
   let [isClose, setClose] = useState(givenClose);
-
   function onClose(e) {
     removeClose(e);
     onPortalClose && onPortalClose();
   }
-
   useEffect(() => {
     let id;
-
     if (autoClose) {
       id = setTimeout(() => {
         setClose(true);
         setTimeout(onClose, 300); // For animation
       }, hideTime);
     }
-
     return () => {
       if (autoClose) {
         clearTimeout(id);