@zohodesk/components 1.0.0-temp-255 → 1.0.0-temp-252.4

package/es/Tab/Tabs.js

@@ -107,7 +107,8 @@ class Tabs extends React.Component {
     }
   }
 
-  setMaxDim(totalDimension = 0) {
+  setMaxDim() {
+    let totalDimension = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     let {
       selectedTab
     } = this.props; // let actual = Object.keys(tabDimensions).reduce(
@@ -408,9 +409,10 @@ class Tabs extends React.Component {
     togglePopup(e, boxPosition);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -430,9 +432,10 @@ class Tabs extends React.Component {
     });
   }
 
-  getMoreList({
-    moreTabs
-  }) {
+  getMoreList(_ref2) {
+    let {
+      moreTabs
+    } = _ref2;
     const validElements = [];
     React.Children.map(moreTabs, child => {
       const isValidElement = /*#__PURE__*/React.isValidElement(child);
@@ -444,9 +447,10 @@ class Tabs extends React.Component {
     return validElements;
   }
 
-  handleFilterSuggestions({
-    moreTabs
-  }) {
+  handleFilterSuggestions(_ref3) {
+    let {
+      moreTabs
+    } = _ref3;
     const {
       showTitleInMoreOptions
     } = this.props;
@@ -578,79 +582,82 @@ class Tabs extends React.Component {
     })), isPopupOpen && /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      tabletMode
-    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
-      isActive: isPopupReady,
-      isAnimate: true,
-      size: "medium",
-      customClass: {
-        customDropBoxWrap: `${moreContainerClass} ${popupClass}`
-      },
-      boxPosition: position,
-      getRef: getContainerRef,
-      isBoxPaddingNeed: false,
-      isArrow: false,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      isRestrictScroll: isRestrictScroll,
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset
-    }, DropBoxProps, {
-      isResponsivePadding: true,
-      needFocusScope: true,
-      dataId: `${dataId}_dropbox`,
-      onClick: removeClose,
-      onClose: this.togglePopup
-    }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(this.props), hasSearch ? /*#__PURE__*/React.createElement(Box, {
-      className: tabsStyle.search
-    }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
-      placeHolder: placeHolderText,
-      onChange: this.handleChange,
-      value: searchValue,
-      onClear: this.handleSearchValueClear,
-      size: searchBoxSize,
-      customProps: {
-        TextBoxProps: {
-          'data-a11y-autofocus': true
-        }
-      },
-      dataId: `${dataId}_search`,
-      autoComplete: false,
-      name: "search"
-    }, TextBoxIconProps))) : null, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      shrink: true,
-      scroll: "vertical",
-      className: `${tabsStyle.listWrapper} ${tabletMode ? '' : tabsStyle.menuBox} ${moreBoxClass}`,
-      onScroll: this.onScroll,
-      dataId: `${dataId}_Tabs`
-    }, moreTabsListItems.length ? moreTabsListItems.map(data => {
+    }, _ref4 => {
       let {
-        text,
-        id,
-        title,
-        isLink,
-        href,
-        children,
-        dataId
-      } = data;
-      const value = text ? text : showTitleInMoreOptions ? title : null;
-      return /*#__PURE__*/React.createElement(ListItem, _extends({
-        key: id,
-        value: value,
-        onClick: this.moreTabSelect,
-        id: id,
-        title: title || text,
-        isLink: isLink,
-        href: href,
-        autoHover: true,
+        tabletMode
+      } = _ref4;
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
+        isActive: isPopupReady,
+        isAnimate: true,
+        size: "medium",
         customClass: {
-          customListItem: menuItemClass
+          customDropBoxWrap: `${moreContainerClass} ${popupClass}`
+        },
+        boxPosition: position,
+        getRef: getContainerRef,
+        isBoxPaddingNeed: false,
+        isArrow: false,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        isRestrictScroll: isRestrictScroll,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset
+      }, DropBoxProps, {
+        isResponsivePadding: true,
+        needFocusScope: true,
+        dataId: `${dataId}_dropbox`,
+        onClick: removeClose,
+        onClose: this.togglePopup
+      }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(this.props), hasSearch ? /*#__PURE__*/React.createElement(Box, {
+        className: tabsStyle.search
+      }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
+        placeHolder: placeHolderText,
+        onChange: this.handleChange,
+        value: searchValue,
+        onClear: this.handleSearchValueClear,
+        size: searchBoxSize,
+        customProps: {
+          TextBoxProps: {
+            'data-a11y-autofocus': true
+          }
         },
-        target: "self",
-        dataId: `${dataId}_Tab`
-      }, ListItemProps), !showTitleInMoreOptions ? children : null);
-    }) : this.renderEmptyState())))) : null);
+        dataId: `${dataId}_search`,
+        autoComplete: false,
+        name: "search"
+      }, TextBoxIconProps))) : null, /*#__PURE__*/React.createElement(Box, {
+        flexible: true,
+        shrink: true,
+        scroll: "vertical",
+        className: `${tabsStyle.listWrapper} ${tabletMode ? '' : tabsStyle.menuBox} ${moreBoxClass}`,
+        onScroll: this.onScroll,
+        dataId: `${dataId}_Tabs`
+      }, moreTabsListItems.length ? moreTabsListItems.map(data => {
+        let {
+          text,
+          id,
+          title,
+          isLink,
+          href,
+          children,
+          dataId
+        } = data;
+        const value = text ? text : showTitleInMoreOptions ? title : null;
+        return /*#__PURE__*/React.createElement(ListItem, _extends({
+          key: id,
+          value: value,
+          onClick: this.moreTabSelect,
+          id: id,
+          title: title || text,
+          isLink: isLink,
+          href: href,
+          autoHover: true,
+          customClass: {
+            customListItem: menuItemClass
+          },
+          target: "self",
+          dataId: `${dataId}_Tab`
+        }, ListItemProps), !showTitleInMoreOptions ? children : null);
+      }) : this.renderEmptyState()));
+    })) : null);
   }
 
   render() {

package/es/Typography/css/cssJSLogic.js

@@ -1,9 +1,10 @@
 import { compileClassNames } from '@zohodesk/utils';
 import { letterspacingMapping, lineheightMapping } from "../utils";
-export default function cssJSLogic({
-  props,
-  style
-}) {
+export default function cssJSLogic(_ref) {
+  let {
+    props,
+    style
+  } = _ref;
   let {
     $flag_reset,
     shouldReset,

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -34,7 +34,8 @@ export default class VelocityAnimationGroup extends React.Component {
 
     if (postEnterStyles && typeof postEnterStyles === 'object') {
       elements.forEach(rootElement => {
-        Object.entries(postEnterStyles).forEach(([cssProperty, cssValue]) => {
+        Object.entries(postEnterStyles).forEach(_ref => {
+          let [cssProperty, cssValue] = _ref;
           rootElement.style[cssProperty] = cssValue;
         });
       });

package/es/utils/Common.js

@@ -49,11 +49,14 @@ export function encodeForHtml(str) {
 
   return str;
 }
-export function getListOfDetails(Obj = {}, fn) {
+export function getListOfDetails() {
+  let Obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let fn = arguments.length > 1 ? arguments[1] : undefined;
   const ids = Object.keys(Obj) || [];
   return ids.map(id => fn(Obj[id]));
 }
-export function capitalize(value = '') {
+export function capitalize() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let newValue = '';
 
   for (let i = 0; i < value.length; i++) {
@@ -66,12 +69,18 @@ export function capitalize(value = '') {
 
   return newValue;
 }
-export function bind(...handlers) {
+export function bind() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
   handlers.forEach(handler => {
     this[handler] = this[handler].bind(this);
   });
 }
-export function getFullName(firstName = '', lastName = '') {
+export function getFullName() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let fullName = '';
 
   if (firstName !== null && firstName !== '') {
@@ -84,7 +93,8 @@ export function getFullName(firstName = '', lastName = '') {
 
   return fullName;
 }
-export function getStringifiedOutputForJson(input = {}) {
+export function getStringifiedOutputForJson() {
+  let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const keys = Object.keys(input);
   const modifiedInput = keys.reduce((curr, next) => {
     const values = input[next] || [];
@@ -120,14 +130,19 @@ export function filterValue(obj, val) {
   });
   return result;
 }
-export function merge(oldObj = {}, newObj) {
+export function merge() {
+  let oldObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let newObj = arguments.length > 1 ? arguments[1] : undefined;
   const copyOfOld = Object.assign({}, oldObj);
   return Object.keys(newObj).reduce((res, key) => {
     res[key] = Object.assign({}, res[key] || {}, newObj[key]);
     return res;
   }, copyOfOld);
 }
-export function formatValue(values = [], valueField = 'id', textField = 'name') {
+export function formatValue() {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  let textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(value => {
     let formattedValue = value;
 
@@ -151,7 +166,8 @@ export function bytesToSize(bytes) {
   const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return `${Math.round(bytes / Math.pow(1024, i), 2)} ${sizes[i]}`;
 }
-export function getMemSize(bytes, size = !0) {
+export function getMemSize(bytes) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   const thresh = size ? 1000 : 1024;
 
   if (Math.abs(bytes) < thresh) {
@@ -284,7 +300,11 @@ export const debounce = function (func, wait) {
   };
 };
 let timerId;
-export const throttle = (func, wait, ...args) => {
+export const throttle = function (func, wait) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+    args[_key2 - 2] = arguments[_key2];
+  }
+
   if (timerId) {
     return;
   }
@@ -354,7 +374,8 @@ export function getElementSpace(elementRef) {
     availableInsideSpace: availableInsideSpace
   };
 }
-export function getSearchString(charachers = '') {
+export function getSearchString() {
+  let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase().trim(); //.replace(/\s+/g, '');
 }
 export function findScrollEnd(element) {

package/es/utils/datetime/common.js

@@ -4,7 +4,9 @@ let dateFormat = {
   monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
   timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM']
 };
-export function pad(n, width = 1, z) {
+export function pad(n) {
+  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let z = arguments.length > 2 ? arguments[2] : undefined;
   z = z || '0';
   n = `${n}`;
   return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
@@ -88,7 +90,9 @@ export function replaceI18NValuesWithRegex(i18nStr, values) {
 export function unescapeUnicode(str) {
   return str.replace(/\\u([a-fA-F0-9]{4})/g, (g, m1) => String.fromCharCode(parseInt(m1, 16)));
 }
-export function getValues(params = [], diff) {
+export function getValues() {
+  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let diff = arguments.length > 1 ? arguments[1] : undefined;
   return params.map(param => diff[param]);
 }
 export function getI18NValue(i18n) {

package/es/utils/dropDownUtils.js

@@ -58,7 +58,10 @@ const getSearchFields = props => {
 // }
 
 
-export const isObjectContainsSearchString = (searchFields = [], searchStr = '', obj = {}) => {
+export const isObjectContainsSearchString = function () {
+  let searchFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let searchStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let obj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return searchFields.some(field => {
     const val = obj[field];
     if (val === null || val === undefined) return false;
@@ -441,12 +444,13 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
     return changedOptions;
   }, newOptions);
 });
-export const filterSelectedOptions = ({
-  selectedOptions = dummyArray,
-  propSelectedOptions = dummyArray,
-  disabledOptions = dummyArray,
-  limit
-} = {}) => {
+export const filterSelectedOptions = function () {
+  let {
+    selectedOptions = dummyArray,
+    propSelectedOptions = dummyArray,
+    disabledOptions = dummyArray,
+    limit
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line no-param-reassign
   selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
 

package/es/utils/getInitial.js

@@ -1,4 +1,6 @@
-export function getInitial(firstName = '', lastName = '') {
+export function getInitial() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let initial = '';
 
   if (firstName) {

package/es/v1/Button/css/cssJSLogic.js

@@ -5,11 +5,15 @@ import getPaletteClasses from "../../helpers/colorHelpers/colorHelper";
 import { DUMMY_OBJECT } from '@zohodesk/dotkit/es/utils/constants';
 import { DISABLED_APPEARANCE, LOADER_PLACEMENT, SHAPE, SIZE, STATUS } from "../constants";
 
-const capitalize = (value = '') => value.charAt(0).toUpperCase() + value.slice(1);
+const capitalize = function () {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return value.charAt(0).toUpperCase() + value.slice(1);
+};
 
-export default function cssJSLogic({
-  props
-}) {
+export default function cssJSLogic(_ref) {
+  let {
+    props
+  } = _ref;
   const {
     palette,
     bgAppearance,

package/es/v1/Label/css/cssJSLogic.js

@@ -1,9 +1,10 @@
 import compileClassNames from '@zohodesk/utils/es/compileClassNames';
 import commonStyle from "../../../common/common.module.css";
-export default function cssJSLogic({
-  style,
-  props
-}) {
+export default function cssJSLogic(_ref) {
+  let {
+    style,
+    props
+  } = _ref;
   const {
     shouldHighlightRequired,
     isRequired,

package/es/v1/Switch/css/cssJSLogic.js

@@ -1,8 +1,9 @@
 import compileClassNames from '@zohodesk/utils/es/compileClassNames';
-export default function cssJSLogic({
-  props,
-  style
-}) {
+export default function cssJSLogic(_ref) {
+  let {
+    props,
+    style
+  } = _ref;
   const {
     size,
     isChecked,

package/es/v1/helpers/colorHelpers/colorHelper.js

@@ -48,27 +48,37 @@ const toBorderIntensity = (tone, hasState, isLighter) => {
   return `${tone}-${isLighter ? intensity.borderLight : intensity.base}`;
 };
 
-export const getBgClass = ({
-  state,
-  tone,
-  isLighter
-}) => paletteBgStyle[withState(state, `bg-${toBgIntensity(tone, !!state, isLighter)}`)];
-export const getTextClass = ({
-  state,
-  textTone
-}) => paletteTextStyle[withState(state, `text-${toTextIntensity(textTone, !!state)}`)];
-export const getBorderClass = ({
-  state,
-  tone,
-  isLighter
-}) => paletteBorderStyle[withState(state, `border-${toBorderIntensity(tone, !!state, isLighter)}`)];
-
-const buildPaletteClasses = (config, {
-  bgAppearance,
-  borderAppearance,
-  paletteShade,
-  isSelected
-}) => {
+export const getBgClass = _ref => {
+  let {
+    state,
+    tone,
+    isLighter
+  } = _ref;
+  return paletteBgStyle[withState(state, `bg-${toBgIntensity(tone, !!state, isLighter)}`)];
+};
+export const getTextClass = _ref2 => {
+  let {
+    state,
+    textTone
+  } = _ref2;
+  return paletteTextStyle[withState(state, `text-${toTextIntensity(textTone, !!state)}`)];
+};
+export const getBorderClass = _ref3 => {
+  let {
+    state,
+    tone,
+    isLighter
+  } = _ref3;
+  return paletteBorderStyle[withState(state, `border-${toBorderIntensity(tone, !!state, isLighter)}`)];
+};
+
+const buildPaletteClasses = (config, _ref4) => {
+  let {
+    bgAppearance,
+    borderAppearance,
+    paletteShade,
+    isSelected
+  } = _ref4;
   const {
     tone,
     textTone,
@@ -149,13 +159,14 @@ const buildPaletteClasses = (config, {
   };
 };
 
-const getPaletteClasses = ({
-  palette,
-  bgAppearance,
-  borderAppearance,
-  paletteShade,
-  isSelected
-}) => {
+const getPaletteClasses = _ref5 => {
+  let {
+    palette,
+    bgAppearance,
+    borderAppearance,
+    paletteShade,
+    isSelected
+  } = _ref5;
   const config = PALETTE_CONFIG[palette];
   return config ? buildPaletteClasses(config, {
     bgAppearance,

package/lib/AppContainer/AppContainer.js

@@ -23,6 +23,10 @@ require("@zohodesk/variables/assets/colorVariables.module.css");
 
 require("@zohodesk/variables/assets/dotVariables.module.css");
 
+require("@zohodesk/variables/assets/sizeVariables.module.css");
+
+require("@zohodesk/variables/assets/fontsizeVariables.module.css");
+
 require("@zohodesk/variables/es/fontFamilyVariables.module.css");
 
 require("@zohodesk/variables/es/fontWeightVariables.module.css");

package/lib/Select/Select.js

@@ -1136,7 +1136,9 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           isCover: false,
           align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter()) : null)) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter({
+          closePopup: _this7.handlePopupClose
+        })) : null)) : /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, getChildren())));
       }) : null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-255",
+  "version": "1.0.0-temp-252.4",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -33,7 +33,7 @@
     "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
-    "prepublishOnly": "node ../prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
+    "prepublishOnly": "node ../prePublish.js && npm run css:review && npm run review:props ",
     "postpublish": "node ../postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",