@zohodesk/dot 1.0.0-temp-49 → 1.0.0-temp-53

package/src/ToastMessage/docs/ToastMessage__custom.docs.js

@@ -1,97 +1,97 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-export default class ToastMessage__custom extends Component {
-  constructor(props) {
-    super(props);
-    this.getLeftPanel = this.getLeftPanel.bind(this);
-    this.getSubmitContainer = this.getSubmitContainer.bind(this);
-    this.getFooterContainer = this.getFooterContainer.bind(this);
-    this.getBottomContainer = this.getBottomContainer.bind(this);
-  }
-
-  getLeftPanel() {
-    return (
-      <div>
-        <Avatar
-          name='BK'
-          shape='square'
-          size='medium'
-          src='https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg'
-        />
-      </div>
-    );
-  }
-
-  getSubmitContainer() {
-    return (
-      <div style={{ textAlign: 'center' }}>
-        <Switch checked id='test2' name='category' />
-      </div>
-    );
-  }
-
-  getFooterContainer() {
-    return <p>Custome Footer</p>;
-  }
-
-  getBottomContainer() {
-    return <div>text</div>;
-  }
-
-  render() {
-    return (
-      <div className={style.m50}>
-        <div className={style.w410}>
-          <ToastMessage
-            cancelText='Not now'
-            getLeftContainer={this.getLeftPanel}
-            info='There is a few changes occurred in this ticket'
-            isAnimate={false}
-            isIconMid
-            subject='Screen Notification'
-            submitText='Submit'
-            getInnerBottomContainer={this.getFooterContainer}
-            getBottomContainer={this.getBottomContainer}
-          />
-        </div>
-
-        <div className={style.w410}>
-          <ToastMessage
-            cancelText='Not now'
-            getLeftContainer={this.getLeftPanel}
-            getSubmitContainer={this.getSubmitContainer}
-            info='There is a few changes occurred in this ticket'
-            isAnimate={false}
-            subject='Screen Notification'
-            submitText='Submit'
-            isIconMid
-          />
-        </div>
-
-        <div className={style.w410}>
-          <ToastMessage
-            cancelText='Not now'
-            info='There is a few changes occurred in this ticket'
-            isAnimate={false}
-            subject='Screen Notification'
-            submitText='Submit'
-            getLeftContainer={this.getLeftPanel}
-            getSubmitContainer={this.getSubmitContainer}
-            getInnerBottomContainer={this.getFooterContainer}
-            isIconMid
-          />
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  ToastMessage__custom.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}
+import React, { Component } from 'react';
+import ToastMessage from '../ToastMessage';
+import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
+import Switch from '@zohodesk/components/lib/Switch/Switch';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+
+export default class ToastMessage__custom extends Component {
+  constructor(props) {
+    super(props);
+    this.getLeftPanel = this.getLeftPanel.bind(this);
+    this.getSubmitContainer = this.getSubmitContainer.bind(this);
+    this.getFooterContainer = this.getFooterContainer.bind(this);
+    this.getBottomContainer = this.getBottomContainer.bind(this);
+  }
+
+  getLeftPanel() {
+    return (
+      <div>
+        <Avatar
+          name='BK'
+          shape='square'
+          size='medium'
+          src='https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg'
+        />
+      </div>
+    );
+  }
+
+  getSubmitContainer() {
+    return (
+      <div style={{ textAlign: 'center' }}>
+        <Switch checked id='test2' name='category' />
+      </div>
+    );
+  }
+
+  getFooterContainer() {
+    return <p>Custome Footer</p>;
+  }
+
+  getBottomContainer() {
+    return <div>text</div>;
+  }
+
+  render() {
+    return (
+      <div className={style.m50}>
+        <div className={style.w410}>
+          <ToastMessage
+            cancelText='Not now'
+            getLeftContainer={this.getLeftPanel}
+            info='There is a few changes occurred in this ticket'
+            isAnimate={false}
+            isIconMid
+            subject='Screen Notification'
+            submitText='Submit'
+            getInnerBottomContainer={this.getFooterContainer}
+            getBottomContainer={this.getBottomContainer}
+          />
+        </div>
+
+        <div className={style.w410}>
+          <ToastMessage
+            cancelText='Not now'
+            getLeftContainer={this.getLeftPanel}
+            getSubmitContainer={this.getSubmitContainer}
+            info='There is a few changes occurred in this ticket'
+            isAnimate={false}
+            subject='Screen Notification'
+            submitText='Submit'
+            isIconMid
+          />
+        </div>
+
+        <div className={style.w410}>
+          <ToastMessage
+            cancelText='Not now'
+            info='There is a few changes occurred in this ticket'
+            isAnimate={false}
+            subject='Screen Notification'
+            submitText='Submit'
+            getLeftContainer={this.getLeftPanel}
+            getSubmitContainer={this.getSubmitContainer}
+            getInnerBottomContainer={this.getFooterContainer}
+            isIconMid
+          />
+        </div>
+      </div>
+    );
+  }
+}
+if (__DOCS__) {
+  ToastMessage__custom.docs = {
+    componentGroup: 'Atom',
+    description: ' '
+  };
+}

package/src/ToastMessage/docs/ToastMessage__information.docs.js

@@ -1,57 +1,57 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-export default class ToastMessage__information extends Component {
-  render() {
-    return (
-      <div className={style.m50}>
-        <div className={style.w410}>
-          <ToastMessage
-            type='information'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='View changes'
-            needClose
-            iconSize='17'
-            iconName='ZD-ticknew'
-            isIconMid
-            iconPalette='successPlain'
-          />
-        </div>
-
-        <div className={style.w410}>
-          <ToastMessage
-            type='information'
-            iconName='ZD-exclamationNew'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            cancelText='Not now'
-            iconSize='30'
-            iconPalette='dangerShadow'
-          />
-        </div>
-
-        <div className={style.w410}>
-          <ToastMessage
-            type='information'
-            iconName='ZD-ticknew'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            cancelText='Not now'
-            iconSize='12'
-            iconPalette='successFill'
-            needClose
-            onPortalClose={()=>{console.log('from close')}}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  ToastMessage__information.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}
+import React, { Component } from 'react';
+import ToastMessage from '../ToastMessage';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+
+export default class ToastMessage__information extends Component {
+  render() {
+    return (
+      <div className={style.m50}>
+        <div className={style.w410}>
+          <ToastMessage
+            type='information'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='View changes'
+            needClose
+            iconSize='17'
+            iconName='ZD-ticknew'
+            isIconMid
+            iconPalette='successPlain'
+          />
+        </div>
+
+        <div className={style.w410}>
+          <ToastMessage
+            type='information'
+            iconName='ZD-exclamationNew'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            cancelText='Not now'
+            iconSize='30'
+            iconPalette='dangerShadow'
+          />
+        </div>
+
+        <div className={style.w410}>
+          <ToastMessage
+            type='information'
+            iconName='ZD-ticknew'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            cancelText='Not now'
+            iconSize='12'
+            iconPalette='successFill'
+            needClose
+            onPortalClose={()=>{console.log('from close')}}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+if (__DOCS__) {
+  ToastMessage__information.docs = {
+    componentGroup: 'Atom',
+    description: ' '
+  };
+}

package/src/ToastMessage/docs/ToastMessage__primary.docs.js

@@ -1,135 +1,135 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-export default class ToastMessage__primary extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <div className={style.m50}>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='Submit'
-            cancelText='Not now'
-            isAnimate={false}
-            iconPalette='dangerPlain'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='dangerPlain'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='Submit'
-            cancelText='Not now'
-            submitType='success'
-            isAnimate={false}
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            subject='Desktop Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            submitText='Submit'
-            cancelText='Not now'
-            submitType='danger'
-            isIconMid
-            iconPalette='dangerPlain'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='dangerPlain'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='Submit'
-            cancelText='Not now'
-            isMore
-            message='Do not Show this again'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='dangerPlain'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='Submit'
-            cancelText='Not now'
-            submitType='success'
-            isMore
-            message='Do not Show this again'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            subject='Desktop Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            submitText='Submit'
-            cancelText='Not now'
-            submitType='danger'
-            isIconMid
-            iconPalette='dangerPlain'
-            isMore
-            messageState
-            message='Do not Show this again'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='primaryPlain'
-            subject='Mobile Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"
-            submitText='Submit'
-            cancelText='Not now'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='dangerPlain'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            cancelText='Not now'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='primaryPlain'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            submitText='Submit'
-          />
-        </div>
-        <div className={style.w410}>
-          <ToastMessage
-            iconName='ZD-exclamationNew'
-            iconPalette='dangerPlain'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            submitText='Close'
-            submitType='danger'
-          />
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  ToastMessage__primary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}
+import React, { Component } from 'react';
+import ToastMessage from '../ToastMessage';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+
+export default class ToastMessage__primary extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div className={style.m50}>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='Submit'
+            cancelText='Not now'
+            isAnimate={false}
+            iconPalette='dangerPlain'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='dangerPlain'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='Submit'
+            cancelText='Not now'
+            submitType='success'
+            isAnimate={false}
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            subject='Desktop Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            submitText='Submit'
+            cancelText='Not now'
+            submitType='danger'
+            isIconMid
+            iconPalette='dangerPlain'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='dangerPlain'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='Submit'
+            cancelText='Not now'
+            isMore
+            message='Do not Show this again'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='dangerPlain'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='Submit'
+            cancelText='Not now'
+            submitType='success'
+            isMore
+            message='Do not Show this again'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            subject='Desktop Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            submitText='Submit'
+            cancelText='Not now'
+            submitType='danger'
+            isIconMid
+            iconPalette='dangerPlain'
+            isMore
+            messageState
+            message='Do not Show this again'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='primaryPlain'
+            subject='Mobile Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"
+            submitText='Submit'
+            cancelText='Not now'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='dangerPlain'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            cancelText='Not now'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='primaryPlain'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            submitText='Submit'
+          />
+        </div>
+        <div className={style.w410}>
+          <ToastMessage
+            iconName='ZD-exclamationNew'
+            iconPalette='dangerPlain'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            submitText='Close'
+            submitType='danger'
+          />
+        </div>
+      </div>
+    );
+  }
+}
+if (__DOCS__) {
+  ToastMessage__primary.docs = {
+    componentGroup: 'Atom',
+    description: ' '
+  };
+}

package/src/ToastMessage/docs/ToastMessage__secondary.docs.js

@@ -1,40 +1,40 @@
-import React, { Component } from 'react';
-import ToastMessage from '../ToastMessage';
-import style from '@zohodesk/components/lib/common/docStyle.module.css';
-
-export default class ToastMessage__secondary extends Component {
-  render() {
-    return (
-      <div className={style.m50}>
-        <div className={style.w410}>
-          <ToastMessage
-            type='secondary'
-            subject='Screen Notification'
-            info='There is a few changes occurred in this ticket'
-            submitText='View changes'
-            needClose
-            iconSize='35'
-            iconName='ZD-update'
-          />
-        </div>
-
-        <div className={style.w410}>
-          <ToastMessage
-            type='secondary'
-            iconName='ZD-exclamationNew'
-            subject='Log Notification'
-            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
-            cancelText='Not now'
-            iconSize='40'
-          />
-        </div>
-      </div>
-    );
-  }
-}
-if (__DOCS__) {
-  ToastMessage__secondary.docs = {
-    componentGroup: 'Atom',
-    description: ' '
-  };
-}
+import React, { Component } from 'react';
+import ToastMessage from '../ToastMessage';
+import style from '@zohodesk/components/lib/common/docStyle.module.css';
+
+export default class ToastMessage__secondary extends Component {
+  render() {
+    return (
+      <div className={style.m50}>
+        <div className={style.w410}>
+          <ToastMessage
+            type='secondary'
+            subject='Screen Notification'
+            info='There is a few changes occurred in this ticket'
+            submitText='View changes'
+            needClose
+            iconSize='35'
+            iconName='ZD-update'
+          />
+        </div>
+
+        <div className={style.w410}>
+          <ToastMessage
+            type='secondary'
+            iconName='ZD-exclamationNew'
+            subject='Log Notification'
+            info="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"
+            cancelText='Not now'
+            iconSize='40'
+          />
+        </div>
+      </div>
+    );
+  }
+}
+if (__DOCS__) {
+  ToastMessage__secondary.docs = {
+    componentGroup: 'Atom',
+    description: ' '
+  };
+}