@zohodesk/components 1.0.0-temp-79 → 1.0.0-temp-80

package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-/**** Components ****/
 
+/**** Components ****/
 import AdvancedMultiSelect from '../AdvancedMultiSelect';
 export default class AdvancedMultiSelect__default extends Component {
   constructor(props) {
@@ -55,21 +55,17 @@ export default class AdvancedMultiSelect__default extends Component {
     this.handleGetSelectedOptionDetails = this.handleGetSelectedOptionDetails.bind(this);
     this.getFooter = this.getFooter.bind(this);
   }
-
   handleChange(selectedOptions) {
     this.setState({
       selectedOptions
     });
   }
-
   handleGetSelectedOptionDetails() {
     return Promise.resolve();
   }
-
   getFooter() {
     return /*#__PURE__*/React.createElement("div", null, "Custom Footer");
   }
-
   render() {
     let {
       selectedOptions,
@@ -103,9 +99,7 @@ export default class AdvancedMultiSelect__default extends Component {
       }
     });
   }
-
 }
-
 if (false) {
   AdvancedMultiSelect__default.docs = {
     componentGroup: 'Form Elements',

package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js

@@ -1,8 +1,8 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
 import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-/**** Components ****/
 
+/**** Components ****/
 import MultiSelectWithAvatar from '../MultiSelectWithAvatar';
 export default class MultiSelectWithAvatar__default extends Component {
   constructor(props) {
@@ -53,13 +53,11 @@ export default class MultiSelectWithAvatar__default extends Component {
     };
     this.handleSelect = this.handleSelect.bind(this);
   }
-
   handleSelect(options) {
     this.setState({
       selectedOptions: options
     });
   }
-
   render() {
     let {
       selectedOptions,
@@ -128,9 +126,7 @@ export default class MultiSelectWithAvatar__default extends Component {
       disableAction: true
     })));
   }
-
 }
-
 if (false) {
   MultiSelectWithAvatar__default.docs = {
     componentGroup: 'Form Elements',

package/es/MultiSelect/docs/MultiSelect__default.docs.js

@@ -3,8 +3,8 @@ import React, { Component } from 'react';
 import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
 import { Container } from '../../Layout';
 import Icon from '@zohodesk/icons/lib/Icon';
-/**** Components ****/
 
+/**** Components ****/
 import MultiSelect from '../MultiSelect';
 export default class MultiSelect__default extends Component {
   constructor(props) {
@@ -16,17 +16,14 @@ export default class MultiSelect__default extends Component {
     this.handleSelect = this.handleSelect.bind(this);
     this.getFooter = this.getFooter.bind(this);
   }
-
   handleSelect(options) {
     this.setState({
       selectedOptions: options
     });
   }
-
   getFooter() {
     return /*#__PURE__*/React.createElement("div", null, "Custom Footer");
   }
-
   render() {
     const {
       selectedOptions,
@@ -148,9 +145,7 @@ export default class MultiSelect__default extends Component {
       getFooter: this.getFooter
     })));
   }
-
 }
-
 if (false) {
   MultiSelect__default.docs = {
     componentGroup: 'Form Elements',

package/es/MultiSelect/props/propTypes.js

@@ -101,7 +101,6 @@ export const AdvancedMultiSelect_propTypes = {
   dataIdNoMreOptionMsg: PropTypes.string,
   dataIdSelectAllEle: PropTypes.string,
   isSearchClearOnClose: PropTypes.bool,
-
   /**** Popup Props ****/
   isPopupOpen: PropTypes.bool,
   isPopupReady: PropTypes.bool,
@@ -289,7 +288,6 @@ export const MultiSelectWithAvatar_propTypes = {
   htmlId: PropTypes.string,
   isBoxPaddingNeed: PropTypes.bool,
   needEffect: PropTypes.bool,
-
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,
   isPopupReady: PropTypes.bool,

package/es/PopOver/PopOver.js

@@ -5,7 +5,6 @@ import Popup from '../Popup/Popup';
 import { Box } from '../Layout';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
 import style from './PopOver.module.css';
-
 class PopOver extends React.Component {
   constructor(props) {
     super(props);
@@ -13,20 +12,17 @@ class PopOver extends React.Component {
     this.popOverContainerRef = this.popOverContainerRef.bind(this);
     this.togglePopup = this.togglePopup.bind(this);
   }
-
   componentDidUpdate(prevProps) {
     let {
       isPopupOpen,
       onPopupOpen,
       onPopupClose
     } = this.props;
-
     if (prevProps.isPopupOpen !== isPopupOpen) {
       isPopupOpen && onPopupOpen && onPopupOpen();
       !isPopupOpen && onPopupClose && onPopupClose();
     }
   }
-
   popOverTargetRef(el) {
     this.popOverTarget = el;
     let {
@@ -34,7 +30,6 @@ class PopOver extends React.Component {
     } = this.props;
     getTargetRef(el);
   }
-
   popOverContainerRef(el) {
     this.popOverContainer = el;
     let {
@@ -42,7 +37,6 @@ class PopOver extends React.Component {
     } = this.props;
     getContainerRef(el);
   }
-
   togglePopup(e) {
     let {
       togglePopup,
@@ -50,7 +44,6 @@ class PopOver extends React.Component {
     } = this.props;
     togglePopup(e, boxPosition);
   }
-
   render() {
     let {
       children,
@@ -105,12 +98,9 @@ class PopOver extends React.Component {
       className: style.popup
     }, childrens);
   }
-
 }
-
 PopOver.defaultProps = PopOver_defaultProps;
 PopOver.propTypes = PopOver_propTypes;
-
 if (false) {
   PopOver.docs = {
     componentGroup: 'Form Elements',
@@ -119,21 +109,18 @@ if (false) {
     external: true
   };
 }
-
 export default Popup(PopOver);
 export class PopOverTarget extends React.Component {
   constructor(props) {
     super(props);
     this.getRef = this.getRef.bind(this);
   }
-
   getRef(el) {
     let {
       getRef
     } = this.props;
     getRef(el);
   }
-
   render() {
     let {
       children,
@@ -145,7 +132,6 @@ export class PopOverTarget extends React.Component {
       ref: this.getRef
     }, children);
   }
-
 }
 PopOverTarget.propTypes = PopOverTarget_propTypes;
 export class PopOverContainer extends React.Component {
@@ -154,14 +140,12 @@ export class PopOverContainer extends React.Component {
     this.handleClick = this.handleClick.bind(this);
     this.getRef = this.getRef.bind(this);
   }
-
   getRef(el) {
     let {
       getRef
     } = this.props;
     getRef && getRef(el);
   }
-
   handleClick(e) {
     let {
       onClick,
@@ -170,7 +154,6 @@ export class PopOverContainer extends React.Component {
     removeClose && removeClose(e);
     onClick && onClick();
   }
-
   render() {
     let {
       children,
@@ -215,7 +198,6 @@ export class PopOverContainer extends React.Component {
       scroll: "vertical"
     }, children));
   }
-
 }
 PopOverContainer.defaultProps = PopOverContainer_defaultProps;
 PopOverContainer.propTypes = PopOverContainer_propTypes;

package/es/PopOver/PopOver.module.css

@@ -1,8 +1,8 @@
-.popup {
-  position: relative;
-  background-color: var(--dot_white);
-}
-.target {
-  cursor: pointer;
-  composes: offSelection from '../common/common.module.css';
-}
+.popup {
+  position: relative;
+  background-color: var(--dot_white);
+}
+.target {
+  composes: offSelection from '../common/common.module.css';
+  cursor: pointer;
+}

package/es/PopOver/__tests__/PopOver.spec.js

@@ -1,9 +1,8 @@
 /* eslint-disable no-undef */
-
 /**** Libraries ****/
 import React from 'react';
-/**** Components ****/
 
+/**** Components ****/
 import PopOver from '../PopOver';
 describe('PopOver component conditions', () => {
   xit('should open popup', () => {

package/es/PopOver/docs/PopOver__default.docs.js

@@ -19,9 +19,7 @@ export default class PopOver__default extends React.Component {
       }
     }, "Content"), ' ')));
   }
-
 }
-
 if (false) {
   PopOver__default.docs = {
     componentGroup: 'Form Elements',