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

package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap

@@ -1,146 +1,146 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button component should the button position is center 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="aligncenter"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is left 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is right 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignright"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is footer 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is header 1`] = `
-<div
-  className="buttonGroup header"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button component should the button position is center 1`] = `
+<div
+  className="buttonGroup footer"
+>
+  <div
+    className="aligncenter"
+  >
+    <button
+      className=" primaryfilled    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Submit
+    </button>
+    <button
+      className=" secondary    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Button component should the button position is left 1`] = `
+<div
+  className="buttonGroup footer"
+>
+  <div
+    className="alignleft"
+  >
+    <button
+      className=" primaryfilled    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Submit
+    </button>
+    <button
+      className=" secondary    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Button component should the button position is right 1`] = `
+<div
+  className="buttonGroup footer"
+>
+  <div
+    className="alignright"
+  >
+    <button
+      className=" primaryfilled    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Submit
+    </button>
+    <button
+      className=" secondary    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Button component should the type is footer 1`] = `
+<div
+  className="buttonGroup footer"
+>
+  <div
+    className="alignleft"
+  >
+    <button
+      className=" primaryfilled    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Submit
+    </button>
+    <button
+      className=" secondary    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Button component should the type is header 1`] = `
+<div
+  className="buttonGroup header"
+>
+  <div
+    className="alignleft"
+  >
+    <button
+      className=" primaryfilled    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Submit
+    </button>
+    <button
+      className=" secondary    medium bold  "
+      data-id="buttonComp"
+      disabled={false}
+      onClick={[Function]}
+      type="button"
+    >
+      Cancel
+    </button>
+  </div>
+</div>
+`;

package/es/Buttongroup/docs/Buttongroup__custom.docs.js

@@ -24,9 +24,7 @@ export default class Buttongroup__custom extends React.Component {
       palette: "secondary"
     })))));
   }
-
 }
-
 if (false) {
   Buttongroup__custom.docs = {
     componentGroup: 'Molecule',

package/es/Buttongroup/docs/Buttongroup__footer.docs.js

@@ -20,9 +20,7 @@ export default class Buttongroup__footer extends React.Component {
       palette: "secondary"
     })))));
   }
-
 }
-
 if (false) {
   Buttongroup__footer.docs = {
     componentGroup: 'Molecule',

package/es/Buttongroup/docs/Buttongroup__header.docs.js

@@ -29,9 +29,7 @@ export default class Buttongroup__header extends Component {
       palette: "secondary"
     })))));
   }
-
 }
-
 if (false) {
   Buttongroup__header.docs = {
     componentGroup: 'Molecule',

package/es/Card/Card.js

@@ -4,33 +4,30 @@ import { Card_defaultProps, CardContent_defaultProps } from './props/defaultProp
 import { Container, Box } from '../Layout';
 import { getLibraryConfig } from '../Provider/Config';
 import style from './Card.module.css';
+
 /* eslint-disable react/forbid-component-props */
 
-/*
-isscroll header border change use ref
-scroll logic remove from here
-scroll logic move to virtualizer list
+/*
+isscroll header border change use ref
+scroll logic remove from here
+scroll logic move to virtualizer list
 */
 
 /* performance handling pending in card component moving to ref instead of setState */
-
 export class CardHeader extends Component {
   constructor(props) {
     super(props);
     this.getCardHeaderDom = this.getCardHeaderDom.bind(this);
     this.cardHeader = null;
   }
-
   getCardHeaderDom(ele) {
     this.cardHeader = ele;
   }
-
   setScrollClassName() {
     if (!this.cardHeader) {
       return null;
     }
   }
-
   render() {
     let {
       isScroll,
@@ -44,7 +41,6 @@ export class CardHeader extends Component {
       dataId: dataId
     }, children);
   }
-
 }
 CardHeader.propTypes = CardHeader_propTypes;
 export class CardContent extends Component {
@@ -72,7 +68,6 @@ export class CardContent extends Component {
       className: customClass
     }, children);
   }
-
 }
 CardContent.propTypes = CardContent_propTypes;
 CardContent.defaultProps = CardContent_defaultProps;
@@ -91,7 +86,8 @@ export default class Card extends Component {
     this.to = from + 3 * limit;
     this.isFetching = false;
     this.lastScrollTop = 0;
-    this.onScroll = this.onScroll.bind(this); //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
+    this.onScroll = this.onScroll.bind(this);
+    //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
     //this.onClearScroll = debounce(this.setScroll.bind(this, false), 500);
   }
 
@@ -100,7 +96,6 @@ export default class Card extends Component {
       this.from = nextProps.from;
     }
   }
-
   onScroll(e) {
     let scrollContainerObj = e.currentTarget;
     let {
@@ -124,20 +119,16 @@ export default class Card extends Component {
       // isScrollShadow,
       isPercentageScroll
     } = this.props;
-
     if (scrollTop > this.lastScrollTop) {
       this.scrollDirection = 'down';
     } else {
       this.scrollDirection = 'up';
     }
-
     this.lastScrollTop = scrollTop;
-
     if (fetchData && !this.isFetching) {
       if (this.scrollDirection === 'down' && !noMoreData) {
         const scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
         const prefetch = isPercentageScroll ? scrollingPercentage >= getLibraryConfig('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
-
         if (prefetch) {
           this.isFetching = true;
           fetchData(this.from + this.limit, this.limit + this.to, this.scrollDirection).then(() => {
@@ -159,18 +150,19 @@ export default class Card extends Component {
         }
       }
     }
-
     if (fetchData && !noNeedUpScroll) {
       if (this.from !== 0 && scrollTop === 0 && !noNeedUpScroll) {
         scrollContainerObj.scrollTop = scrollTop + offsetHeight / 3;
       } else if (scrollHeight === scrollTop + offsetHeight && !noMoreData) {
         scrollContainerObj.scrollTop = scrollTop - offsetHeight / 2;
       }
-    } // if (isScrollShadow) {
+    }
+    // if (isScrollShadow) {
     //   this.onSetScroll();
     // }
+  }
 
-  } // setScroll(isScroll) {
+  // setScroll(isScroll) {
   //   let { isScroll: stateIsScroll } = this.state;
   //   if (isScroll && !stateIsScroll) {
   //     this.setState({ isScroll: true }, () => {
@@ -181,7 +173,6 @@ export default class Card extends Component {
   //   }
   // }
 
-
   render() {
     let {
       onClick,
@@ -209,7 +200,6 @@ export default class Card extends Component {
       if (!child) {
         return child;
       }
-
       if (child.type === CardHeader || this.props.childTypes && child.type === this.props.childTypes.cardHeader) {
         return /*#__PURE__*/React.cloneElement(child, {
           isScroll
@@ -229,15 +219,12 @@ export default class Card extends Component {
           className: child.props.customClass
         }, child.props.children);
       }
-
       return child;
     }));
   }
-
 }
 Card.propTypes = Card_propTypes;
 Card.defaultProps = Card_defaultProps;
-
 if (false) {
   Card.docs = {
     componentGroup: 'Template',
@@ -246,7 +233,6 @@ if (false) {
     description: ' '
   };
 }
-
 export class CardFooter extends Component {
   render() {
     let {
@@ -259,6 +245,5 @@ export class CardFooter extends Component {
       dataId: dataId
     }, children);
   }
-
 }
 CardFooter.propTypes = CardFooter_propTypes;

package/es/Card/Card.module.css

@@ -1,20 +1,20 @@
-.notScroll {
-  position: relative;
-}
-.scroll {
-  /* background: var(--dot_white);
-  position: relative; */
-}
-/*
-.scroll::after {
-  box-shadow: 0 0 6px var(--zd_dark10);
-  border-radius: 100px / 10px;
-  content: '';
-  left: var(--zd_size50);
-  position: absolute;
-  right: var(--zd_size50);
-  display: block;
-  z-index: -1;
-  height: var(--zd_size1);
-  bottom: 0;
-} */
+.notScroll {
+  position: relative;
+}
+.scroll {
+  /* background: var(--dot_white);
+  position: relative; */
+}
+/*
+.scroll::after {
+  box-shadow: 0 0 6px var(--zd_dark10);
+  border-radius: 100px / 10px;
+  content: '';
+  left: var(--zd_size50);
+  position: absolute;
+  right: var(--zd_size50);
+  display: block;
+  z-index: -1;
+  height: var(--zd_size1);
+  bottom: 0;
+} */

package/es/Card/docs/Card__Custom.docs.js

@@ -21,9 +21,7 @@ export default class Card__Custom extends Component {
       customClass: style.customCardFooter
     }, /*#__PURE__*/React.createElement(Box, null, "Footer")))));
   }
-
 }
-
 if (false) {
   Card__Custom.docs = {
     componentGroup: 'Template',

package/es/Card/docs/Card__Default.docs.js

@@ -24,9 +24,7 @@ export default class Card__Default extends Component {
       }
     }, "Footer")))));
   }
-
 }
-
 if (false) {
   Card__Default.docs = {
     componentGroup: 'Template',

package/es/Card/docs/Card__Scroll.docs.js

@@ -13,7 +13,6 @@ export default class Card__Scroll extends Component {
       data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29]
     };
   }
-
   render() {
     let {
       from,
@@ -46,9 +45,7 @@ export default class Card__Scroll extends Component {
       }
     }, "Footer"))));
   }
-
 }
-
 if (false) {
   Card__Scroll.docs = {
     componentGroup: 'Template',

package/es/CheckBox/CheckBox.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || 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); }
-
+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 { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
@@ -12,7 +11,6 @@ export default class CheckBox extends React.Component {
     super(props);
     this.onChange = this.onChange.bind(this);
   }
-
   onChange(e) {
     let {
       onChange,
@@ -20,7 +18,6 @@ export default class CheckBox extends React.Component {
     } = this.props;
     onChange && onChange(!checked, e);
   }
-
   render() {
     let {
       id,
@@ -148,11 +145,9 @@ export default class CheckBox extends React.Component {
       title: toolTip ? toolTip : text
     }, LabelProps))));
   }
-
 }
 CheckBox.defaultProps = defaultProps;
 CheckBox.propTypes = propTypes;
-
 if (false) {
   CheckBox.docs = {
     componentGroup: 'Form Elements',