@zohodesk/dot 1.0.0-temp-87 → 1.0.0-temp-90

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import NewStar from '../NewStar';
+export default class NewStar__default extends React.Component {
+  render() {
+    let style = {
+      width: '50px',
+      height: '50px',
+      margin: '30px',
+      position: 'relative'
+    };
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(NewStar, {
+      palette: "green",
+      position: "topLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "green",
+      position: "topRight"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "green",
+      position: "bottomLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "green",
+      position: "bottomRight"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(NewStar, {
+      palette: "blue",
+      position: "topLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "blue",
+      position: "topRight"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "blue",
+      position: "bottomLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "blue",
+      position: "bottomRight"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React.createElement(NewStar, {
+      palette: "yellow",
+      position: "topLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "yellow",
+      position: "topRight"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "yellow",
+      position: "bottomLeft"
+    }), /*#__PURE__*/React.createElement(NewStar, {
+      palette: "yellow",
+      position: "bottomRight"
+    })));
+  }
+
+}
+
+if (false) {
+  NewStar__default.docs = {
+    componentGroup: 'Atom'
+  };
+}

package/es/PlusIcon/PlusIcon.module.css

@@ -1,16 +1,16 @@
-.container {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-  border-radius: 50%;
-  box-shadow: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
-  cursor: pointer;
-  background-color: var(--zdt_plusicon_bg);
-}
-.plusIcon {
-  border: 1px solid var(--zdt_plusicon_border);
-}
-.icon {
-  color: var(--zdt_plusicon_text);
-}
-.plusIcon:hover {
-  border-color: var(--zdt_plusicon_hover_border);
-}
+.container {
+  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+  border-radius: 50%;
+  box-shadow: 0 2px 3px 0 var(--zdt_plusicon_box_shadow);
+  cursor: pointer;
+  background-color: var(--zdt_plusicon_bg);
+}
+.plusIcon {
+  border: 1px solid var(--zdt_plusicon_border);
+}
+.icon {
+  color: var(--zdt_plusicon_text);
+}
+.plusIcon:hover {
+  border-color: var(--zdt_plusicon_hover_border);
+}

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

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import PlusIcon from '../PlusIcon';
+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',
+    folderName: 'Ticket DetailView'
+  };
+}

package/es/Provider.js

@@ -4,6 +4,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
 import LibraryContext from '@zohodesk/components/lib/Provider/LibraryContextInit';
 import datetime from '@zohodesk/datetimejs';
+import ThemeTool from '../../common/lib/ThemeTool/ThemeTool';
 import i18n from './i18n';
 /* component pkg - default mode & themes */
 
@@ -109,6 +110,7 @@ export default class Provider extends React.Component {
       themeName: 'blue'
     };
     this.setTheme = this.setTheme.bind(this);
+    this.setAppearance = this.setAppearance.bind(this);
   }
 
   setAppearance(mode) {
@@ -128,51 +130,6 @@ export default class Provider extends React.Component {
       appearanceName,
       themeName
     } = this.state;
-    let themeClass = {
-      width: '20px',
-      height: '20px',
-      borderRadius: '3px',
-      display: 'flex',
-      border: '1px solid #ccc',
-      margin: '0 5px',
-      cursor: 'pointer',
-      backgroundColor: '#0a73eb'
-    };
-    let green = {
-      backgroundColor: '#26a942'
-    };
-    let red = {
-      backgroundColor: '#de3535'
-    };
-    let orange = {
-      backgroundColor: '#e57717'
-    };
-    let yellow = {
-      backgroundColor: '#e8b923'
-    };
-    let light = {
-      backgroundColor: '#fff'
-    };
-    let night = {
-      backgroundColor: '#232b38'
-    };
-    let dark = {
-      backgroundColor: '#212121'
-    };
-    let fixedPosition = {
-      position: 'fixed',
-      bottom: '0',
-      backgroundColor: '#272727',
-      padding: '10px',
-      borderRadius: '15px 15px 0 0',
-      minWidth: '100px',
-      textAlign: 'center',
-      boxShadow: '0 0 3px #000',
-      fontSize: '12px',
-      zIndex: '3',
-      display: 'flex',
-      alignItems: 'center'
-    };
     return /*#__PURE__*/React.createElement(I18NProvider, {
       i18n: i18n,
       timeZone: "Asia/Kolkata",
@@ -194,65 +151,10 @@ export default class Provider extends React.Component {
       }
     }, /*#__PURE__*/React.createElement(Container, {
       scroll: "vertical"
-    }, this.props.children), /*#__PURE__*/React.createElement("div", {
-      style: Object.assign({}, fixedPosition, {
-        left: '20%',
-        transform: 'translate(-20%)'
-      })
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: '#fff'
-      }
-    }, "Appearance:"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      title: "Light Mode",
-      style: Object.assign({}, themeClass, light),
-      onClick: () => this.setAppearance('default')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Night Mode",
-      style: Object.assign({}, themeClass, night),
-      onClick: () => this.setAppearance('dark')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Dark Mode",
-      style: Object.assign({}, themeClass, dark),
-      onClick: () => this.setAppearance('pureDark')
-    }))), /*#__PURE__*/React.createElement("div", {
-      style: Object.assign({}, fixedPosition, {
-        left: '80%',
-        transform: 'translate(-80%)'
-      })
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: '#fff'
-      }
-    }, "Themes:"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      title: "Blue Theme",
-      style: themeClass,
-      onClick: () => this.setTheme('blue')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Green Theme",
-      style: Object.assign({}, themeClass, green),
-      onClick: () => this.setTheme('green')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Red Theme",
-      style: Object.assign({}, themeClass, red),
-      onClick: () => this.setTheme('red')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Orange Theme",
-      style: Object.assign({}, themeClass, orange),
-      onClick: () => this.setTheme('orange')
-    }), /*#__PURE__*/React.createElement("span", {
-      title: "Yellow Theme",
-      style: Object.assign({}, themeClass, yellow),
-      onClick: () => this.setTheme('yellow')
-    }))))));
+    }, this.props.children), /*#__PURE__*/React.createElement(ThemeTool, {
+      onThemeChange: this.setTheme,
+      onAppearanceChange: this.setAppearance
+    }))));
   }
 
 }