@zohodesk/dot 1.0.0-beta.22 → 1.0.0-beta.220

package/es/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js

@@ -1,48 +1,47 @@
-import _Object$assign from 'babel-runtime/core-js/object/assign';
 import expect from 'expect';
 import AvatarWithTeam from '../AvatarWithTeam';
-
-var defaultProps = {
-    name: "Tested Team",
-    src: null,
-    teamName: null,
-    isTeam: null
+let defaultProps = {
+  name: "Tested Team",
+  src: null,
+  teamName: null,
+  isTeam: null
 };
-
-describe('SampleTest', function () {
-    var _global$setup = global.setup(AvatarWithTeam, defaultProps),
-        renderedDOM = _global$setup.renderedDOM,
-        props = _global$setup.props;
-
-    var Avatarid = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
-
-    it('Check whether Avatar mounted or not', function () {
-        expect(global.TestUtils.isDOMComponent(Avatarid)).toBeTruthy();
-    });
-
-    it('Check children length ', function () {
-        expect(Avatarid.children.length).toBe(1);
-    });
-
-    var properties = _Object$assign({}, defaultProps, { isTeam: true, teamName: "Tested Team", name: "Sangeetha" });
-
-    it('Check whether AvatarWithTeam mounted or not', function () {
-        var _global$setup2 = global.setup(AvatarWithTeam, properties),
-            renderedDOM = _global$setup2.renderedDOM,
-            props = _global$setup2.props;
-
-        var AvatarWithTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'teamNameTestId');
-        expect(global.TestUtils.isDOMComponent(AvatarWithTeamId)).toBeTruthy();
-    });
-
-    var property = _Object$assign({}, defaultProps, { isTeam: true, name: "Tested Team", teamName: null });
-
-    it('Check whether AvatarTeam  mounted or not', function () {
-        var _global$setup3 = global.setup(AvatarWithTeam, property),
-            renderedDOM = _global$setup3.renderedDOM,
-            props = _global$setup3.props;
-
-        var AvatarTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
-        expect(global.TestUtils.isDOMComponent(AvatarTeamId)).toBeTruthy();
-    });
+describe('SampleTest', () => {
+  let {
+    renderedDOM,
+    props
+  } = global.setup(AvatarWithTeam, defaultProps);
+  let Avatarid = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
+  it(`Check whether Avatar mounted or not`, () => {
+    expect(global.TestUtils.isDOMComponent(Avatarid)).toBeTruthy();
+  });
+  it(`Check children length `, () => {
+    expect(Avatarid.children.length).toBe(1);
+  });
+  let properties = Object.assign({}, defaultProps, {
+    isTeam: true,
+    teamName: "Tested Team",
+    name: "Sangeetha"
+  });
+  it(`Check whether AvatarWithTeam mounted or not`, () => {
+    let {
+      renderedDOM,
+      props
+    } = global.setup(AvatarWithTeam, properties);
+    let AvatarWithTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'teamNameTestId');
+    expect(global.TestUtils.isDOMComponent(AvatarWithTeamId)).toBeTruthy();
+  });
+  let property = Object.assign({}, defaultProps, {
+    isTeam: true,
+    name: "Tested Team",
+    teamName: null
+  });
+  it(`Check whether AvatarTeam  mounted or not`, () => {
+    let {
+      renderedDOM,
+      props
+    } = global.setup(AvatarWithTeam, property);
+    let AvatarTeamId = global.TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'avatarWithTeamId');
+    expect(global.TestUtils.isDOMComponent(AvatarTeamId)).toBeTruthy();
+  });
 });

package/es/common/dot_animation.module.css

@@ -0,0 +1,27 @@
+
+[dir=ltr] .rotate{
+  animation-name:  rotate-ltr ;
+}
+[dir=rtl] .rotate{
+  animation-name:  rotate-rtl ;
+}
+
+@keyframes rotate-ltr {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(360deg);
+  }
+  }
+
+@keyframes rotate-rtl {
+  from {
+      transform: rotate(0);
+  }
+  
+  to {
+      transform: rotate(-360deg);
+  }
+  }

package/es/common/dot_common.module.css

@@ -0,0 +1,4 @@
+.audioImage {
+  background-image: url('../../images/audio_thumbnail.png');
+  background-repeat: no-repeat;
+}

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
+import Popup from '@zohodesk/components/lib/Popup/Popup';
+import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
+import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
+import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
+import Icon from '@zohodesk/icons/lib/Icon';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import style from './SelectDropdown.module.css';
+
+class SelectDropdown extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleTogglePopup = this.handleTogglePopup.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+  }
+
+  handleClick(id, value, index, e) {
+    let {
+      onClick,
+      togglePopup
+    } = this.props;
+    onClick && onClick(id, value, index, e);
+    togglePopup(e, 'bottomRight');
+  }
+
+  handleTogglePopup(e) {
+    let {
+      togglePopup
+    } = this.props;
+    togglePopup(e, 'bottomRight');
+  }
+
+  render() {
+    let {
+      title,
+      selectedText,
+      isPopupOpen,
+      isPopupReady,
+      getTargetRef,
+      getContainerRef,
+      removeClose,
+      suggestions,
+      selectedId,
+      isSearchRequired = false
+    } = this.props;
+    let {
+      idKey,
+      valueKey,
+      options = []
+    } = suggestions;
+    return /*#__PURE__*/React.createElement("span", {
+      ref: getTargetRef,
+      className: style.container,
+      onClick: removeClose
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.departName,
+      onClick: this.handleTogglePopup
+    }, selectedText), /*#__PURE__*/React.createElement("span", {
+      className: style.departIcon,
+      onClick: this.handleTogglePopup
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-down1",
+      size: "6"
+    })), /*#__PURE__*/React.createElement(DropBox, {
+      size: "medium",
+      boxPosition: "bottomRight",
+      isArrow: true,
+      isAnimate: true,
+      right: "-25",
+      isActive: isPopupOpen && isPopupReady,
+      getRef: getContainerRef
+    }, /*#__PURE__*/React.createElement(Container, {
+      alignBox: "column",
+      className: style.rulesPopup
+    }, /*#__PURE__*/React.createElement(Box, {
+      className: style.rulesDepart
+    }, /*#__PURE__*/React.createElement(DropDownHeading, {
+      text: title
+    })), isSearchRequired ? /*#__PURE__*/React.createElement(Box, {
+      className: style.searchDepart
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      name: "Test",
+      id: "Test",
+      maxLength: "150",
+      placeHolder: "Search Department"
+    })) : null, /*#__PURE__*/React.createElement(Box, {
+      scroll: "vertical",
+      flexible: true,
+      shrink: true
+    }, options && options.length && options.map((obj, index) => /*#__PURE__*/React.createElement(ListItem, {
+      key: index,
+      autoHover: true,
+      value: obj[valueKey],
+      active: selectedId == obj[idKey],
+      id: obj[idKey],
+      onClick: this.handleClick
+    }))))));
+  }
+
+}
+
+SelectDropdown.propTypes = {
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isSearchRequired: PropTypes.bool,
+  onClick: PropTypes.func,
+  removeClose: PropTypes.func,
+  selectedId: PropTypes.string,
+  selectedText: PropTypes.string,
+  suggestions: PropTypes.shape({
+    idKey: PropTypes.string,
+    valueKey: PropTypes.string,
+    options: PropTypes.array
+  }),
+  title: PropTypes.string
+};
+
+if (false) {
+  SelectDropdown.docs = {
+    componentGroup: 'Header',
+    folderName: 'Setup'
+  };
+}
+
+export default Popup(SelectDropdown);

package/es/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -0,0 +1,55 @@
+.container {
+  position: relative;
+  line-height: var(--zd_size18);
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  padding: var(--zd_size3) var(--zd_size15);
+  cursor: pointer;
+}[dir=ltr] .container {
+  margin-left: var(--zd_size15);
+}[dir=rtl] .container {
+  margin-right: var(--zd_size15);
+}
+.container:hover {
+  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
+}
+.departName {
+  font-size: var(--zd_font_size13);
+  color: var(--zdt_selectdropdown_departname_text);
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+}
+.departIcon {
+  color: var(--zdt_selectdropdown_departicon);
+  cursor: pointer;
+}
+[dir=ltr] .departIcon {
+  margin-left: var(--zd_size5);
+}
+[dir=rtl] .departIcon {
+  margin-right: var(--zd_size5);
+}
+.rulesPopup {
+  max-height: var(--zd_size260);
+  padding: var(--zd_size10) 0;
+}
+.rulesDepart {
+  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
+}
+.searchDepart {
+  padding: 0 var(--zd_size20);
+  margin: 0 0 var(--zd_size10) 0;
+}
+
+/*Variables */
+/* select dropdown */
+
+[data-mode='dark'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}
+
+[data-mode='default'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}

package/es/deprecated/utils/General.js

@@ -0,0 +1,19 @@
+export function formatCurrency(number, symbol) {
+  // format number 1000000 to 1,234,567
+  if (number && number != 0) {
+    let typeOfData = typeof number;
+    let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+
+    if (isDecimal) {
+      let val = number.toString().split('.');
+      let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      let finalVal = `${symbol}${arr1}.${val[1]}`;
+      return finalVal;
+    } else {
+      let value = `${symbol}${number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      return value;
+    }
+  }
+
+  return number;
+}