@zohodesk/components 1.0.0-temp-193 → 1.0.0-temp-194

package/es/v1/Radio/Radio.js

@@ -1,5 +1,3 @@
-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 { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -63,7 +61,7 @@ const Radio = props => {
     getRef && getRef(ele, value);
   }
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     dataId: value ? value.toLowerCase() : 'RadioComp',
     isCover: false,
     isInline: text ? false : true,
@@ -79,8 +77,9 @@ const Radio = props => {
     "aria-Hidden": ariaHidden,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    "aria-readonly": ariaReadonly
-  }, ContainerProps), /*#__PURE__*/React.createElement(Box, {
+    "aria-readonly": ariaReadonly,
+    ...ContainerProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: `${style.radio} ${checked ? `${style[`rdBox${palette}`]}` : ''}
           ${isReadOnly || disabled ? '' : `${style[`hover${palette}`]}`} ${style[size]} ${isFilled ? style.filled : ''} ${style[`centerPath${palette}`]} ${customRadio}`
   }, /*#__PURE__*/React.createElement("input", {
@@ -106,7 +105,7 @@ const Radio = props => {
   }) : null))), text && /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     className: style.text
-  }, /*#__PURE__*/React.createElement(Label, _extends({
+  }, /*#__PURE__*/React.createElement(Label, {
     text: text,
     palette: labelPalette,
     size: labelSize,
@@ -116,8 +115,9 @@ const Radio = props => {
     variant: variant,
     title: toolTip ? toolTip : text,
     customClass: `${checked && active ? `${style[`${palette}checkedActive`]}` : ''}
-            ${style[`${palette}Label`]} ${accessMode} ${customLabel}`
-  }, LabelProps))), children);
+            ${style[`${palette}Label`]} ${accessMode} ${customLabel}`,
+    ...LabelProps
+  })), children);
 };
 
 export default Radio;

package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js

@@ -1,5 +1,3 @@
-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, { useCallback } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -38,9 +36,9 @@ export default function ResponsiveDropBox(props) {
       }])
     };
   }, []);
-  return /*#__PURE__*/React.createElement(DropBox, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(DropBox, { ...props,
     customClass: dropBoxClasses
-  }), /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+  }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {
     query: responsiveFunc,
     responsiveId: "Helmet"
   }, _ref2 => {

package/es/v1/Select/Select.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { Select_defaultProps } from './props/defaultProps';
@@ -919,7 +917,7 @@ export class SelectComponent extends Component {
         shrink: true,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
         eleRef: this.suggestionContainerRef
-      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
         activeId: selectedId,
         suggestions: suggestions,
         getRef: this.suggestionItemRef,
@@ -936,8 +934,9 @@ export class SelectComponent extends Component {
         a11y: {
           ariaParentRole: 'listbox',
           role: 'option'
-        }
-      }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+        },
+        ...SuggestionsProps
+      }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/es/v1/Switch/Switch.js

@@ -1,5 +1,3 @@
-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 { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -45,7 +43,7 @@ const Switch = props => {
     customLabel = ''
   } = customClass;
   size !== 'small' ? size = 'switch_medium' : size = 'switch_small';
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     align: "vertical",
     isCover: false,
     alignBox: "row",
@@ -54,8 +52,9 @@ const Switch = props => {
     "data-title": disabled ? disableTitle : title,
     "aria-checked": checked,
     role: "switch",
-    dataSelectorId: dataSelectorId
-  }, SwitchProps), /*#__PURE__*/React.createElement(Box, {
+    dataSelectorId: dataSelectorId,
+    ...SwitchProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: `${style[size]} ${customSwitchSize}`
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
@@ -73,15 +72,16 @@ const Switch = props => {
     "data-test-id": dataId,
     className: `${style.label} ${style[`${size}Label`]} ${customSwitch}`,
     tabIndex: isReadOnly || disabled ? '-1' : '0'
-  })), text && /*#__PURE__*/React.createElement(Label, _extends({
+  })), text && /*#__PURE__*/React.createElement(Label, {
     text: text,
     palette: labelPalette,
     id: id,
     size: labelSize,
     type: "subtitle",
     onClick: !disabled || !isReadOnly ? onChange : null,
-    customClass: customLabel
-  }, LabelProps)));
+    customClass: customLabel,
+    ...LabelProps
+  }));
 };
 
 Switch.defaultProps = defaultProps;

package/es/v1/Tab/Tab.js

@@ -1,5 +1,3 @@
-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, { useMemo, useCallback } from 'react';
 import { Tab_defaultProps } from './props/defaultProps';
 import { Tab_propTypes } from './props/propTypes';
@@ -67,7 +65,7 @@ export default function Tab(_ref) {
   let activeClasses = cs([needAppearance && activeWithAppearance, activeClass]);
   let inActiveClasses = needAppearance && cs([styles[styleContent.tab], tabTypes[type] && styles[`${`${type}Hover`}`]]);
   let tabClass = cs([styles.tab, align === 'vertical' ? styles.vertical : styles.horizontal, isDisabled && styles.disabled, needBorder && !isAnimate && needAppearance && styles.border, isActive ? activeClasses : inActiveClasses, className]);
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Box, {
     tourId: tourId,
     tagName: isLink ? 'a' : 'div',
     className: tabClass,
@@ -85,8 +83,9 @@ export default function Tab(_ref) {
     "aria-selected": isActive ? true : false,
     tabIndex: isLink ? undefined : isActive && !isDisabled ? '0' : '0',
     "aria-label": text ? text : null,
-    dataSelectorId: dataSelectorId
-  }, customProps), /*#__PURE__*/React.createElement(Container, {
+    dataSelectorId: dataSelectorId,
+    ...customProps
+  }, /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: "both",
     className: styles.textContainer

package/es/v1/Tab/TabContentWrapper.js

@@ -1,5 +1,3 @@
-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 { TabContentWrapper_defaultProps } from './props/defaultProps';
 import { TabContentWrapper_propTypes } from './props/propTypes';
@@ -18,15 +16,16 @@ const TabContentWrapper = _ref => {
     tagName,
     a11y
   } = _ref;
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     style: style,
     dataId: dataId,
     className: className,
     onScroll: onScroll,
     dataSelectorId: dataSelectorId,
-    tagName: tagName
-  }, a11y), React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
+    tagName: tagName,
+    ...a11y
+  }, React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
 };
 
 TabContentWrapper.defaultProps = TabContentWrapper_defaultProps;

package/es/v1/Tab/TabWrapper.js

@@ -1,5 +1,3 @@
-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, { useState, useCallback } from 'react';
 import { TabWrapper_defaultProps } from './props/defaultProps';
 import { TabWrapper_propTypes } from './props/propTypes';
@@ -37,7 +35,7 @@ function TabWrapper(_ref) {
     let TabsChild = child.type;
     let selectedTab = hookToDisableInternalState ? defaultTab : selectedTabInternal;
     return /*#__PURE__*/React.createElement(TabsChild // eslint-disable-next-line react/no-array-index-key
-    , _extends({}, child.props, {
+    , { ...child.props,
       selectedTab: selectedTab,
       onSelect: setSelectedTab,
       type: type,
@@ -48,7 +46,7 @@ function TabWrapper(_ref) {
       needAppearance: needAppearance,
       hookToDisableInternalState: hookToDisableInternalState,
       align: align
-    }));
+    });
   }));
 }
 

package/es/v1/Tab/Tabs.js

@@ -1,5 +1,3 @@
-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, { useState, useRef, useEffect, useCallback } from 'react';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
 import Tab from './Tab';
@@ -394,7 +392,7 @@ const Tabs = props => {
         classProps.className = itemClass;
       }
 
-      return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(MainTab, _extends({}, child.props, {
+      return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(MainTab, { ...child.props,
         key: child.props.id,
         getTabRef: getTabRef,
         onSelect: onSelect // recalculateDimension={tabElement.current[recalculateDimension]}
@@ -405,22 +403,23 @@ const Tabs = props => {
         needBorder: needTabBorder,
         needAppearance: needAppearance,
         align: align,
-        isVirtual: isVirtual
-      }, classProps));
+        isVirtual: isVirtual,
+        ...classProps
+      });
     }), React.Children.count(moreTabs) ? /*#__PURE__*/React.createElement(Box, {
       className: `${tabsStyle.menu} `,
       dataSelectorId: `${dataSelectorId}_moreIcon`
-    }, /*#__PURE__*/React.createElement(Container, _extends({
+    }, /*#__PURE__*/React.createElement(Container, {
       className: `${btnstyle.buttonReset} ${moreButtonClass} ${isPopupOpen ? moreButtonActiveClass : ''}`,
       align: "both",
       onClick: togglePopupLocal,
       dataId: "moreTabs",
-      eleRef: getTargetRef
-    }, MoreButtonProps, {
+      eleRef: getTargetRef,
+      ...MoreButtonProps,
       "aria-label": "MoreTabs",
       role: "link",
       tagName: "button"
-    }), /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       name: iconName,
       size: iconSize
     })), isPopupOpen && /*#__PURE__*/React.createElement(ResponsiveReceiver, {
@@ -430,7 +429,7 @@ const Tabs = props => {
       let {
         tabletMode
       } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
         isActive: isPopupReady,
         isAnimate: true,
         size: "medium",
@@ -440,12 +439,12 @@ const Tabs = props => {
         boxPosition: position,
         getRef: getContainerRef,
         isBoxPaddingNeed: true,
-        isArrow: false
-      }, DropBoxProps, {
+        isArrow: false,
+        ...DropBoxProps,
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: togglePopupLocal
-      }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(props), /*#__PURE__*/React.createElement(Box, {
+      }, getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(props), /*#__PURE__*/React.createElement(Box, {
         flexible: true,
         shrink: true,
         scroll: "vertical",
@@ -466,7 +465,7 @@ const Tabs = props => {
           dataId
         } = child.props;
         const value = text ? text : showTitleInMoreOptions ? title : null;
-        return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(ListItem, _extends({
+        return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(ListItem, {
           key: id,
           value: value,
           onClick: moreTabSelect,
@@ -479,8 +478,9 @@ const Tabs = props => {
             customListItem: menuItemClass
           },
           target: "self",
-          dataId: `${dataId}_Tab`
-        }, ListItemProps), !showTitleInMoreOptions ? children : null);
+          dataId: `${dataId}_Tab`,
+          ...ListItemProps
+        }, !showTitleInMoreOptions ? children : null);
       })));
     })) : null);
   }

package/es/v1/TextBox/TextBox.js

@@ -1,5 +1,3 @@
-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, { memo, useRef, useCallback } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -113,7 +111,7 @@ function TextBox(props) {
 
   let classList = needAppearance ? `${style.container} ${style[size]}  ${style[variant]} ${needBorder ? style.border : ''} ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect} ${isFocus ? style.focus : ''}` : `${style.basic}`;
   value = value === null || value === undefined ? '' : value;
-  return /*#__PURE__*/React.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement("input", {
     "aria-label": ariaLabel,
     "aria-invalid": ariaInvalid,
     "aria-autocomplete": ariaAutocomplete,
@@ -147,8 +145,10 @@ function TextBox(props) {
     value: value,
     onScroll: isScrollPrevent ? handlePreventTextBoxScroll : '',
     onKeyPress: onKeyPress,
-    onMouseDown: onMouseDown
-  }, options.current, customProps));
+    onMouseDown: onMouseDown,
+    ...options.current,
+    ...customProps
+  });
 }
 
 TextBox.defaultProps = defaultProps;

package/es/v1/TextBoxIcon/TextBoxIcon.js

@@ -1,5 +1,3 @@
-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, { useState, useRef, useCallback } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -98,7 +96,7 @@ export default function TextBoxIcon(props) {
     "data-title": isDisabled ? title : null
   }, /*#__PURE__*/React.createElement(Box, {
     flexible: true
-  }, /*#__PURE__*/React.createElement(TextBox, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(TextBox, { ...props,
     dataId: dataId,
     size: size,
     variant: variant,
@@ -126,7 +124,7 @@ export default function TextBoxIcon(props) {
     isScrollPrevent: isScrollPrevent,
     customClass: customTextBox,
     customProps: TextBoxProps
-  }))), /*#__PURE__*/React.createElement(Box, {
+  })), /*#__PURE__*/React.createElement(Box, {
     className: `${style.iconContainer} ${customTBoxIcon}`
   }, /*#__PURE__*/React.createElement(Container, {
     alignBox: "row"

package/es/v1/Textarea/Textarea.js

@@ -1,5 +1,3 @@
-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, { useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -72,12 +70,12 @@ export default function Textarea(props) {
   }
 
   let classList = needAppearance ? `${style.container} ${style[size]} ${style[variant]} ${needBorder ? style.needBorder : style.noBorder} ${resize ? style[resizes.current[resize]] : style[resizes.current.none]}  ${animated ? `${style[`${size}animated`]}` : ''} ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect}` : `${style.basic}`;
-  return /*#__PURE__*/React.createElement("textarea", _extends({
+  return /*#__PURE__*/React.createElement("textarea", {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     className: `${customClass} ${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${classList} ${style[`borderColor_${borderColor}`]}`,
-    placeholder: placeHolder
-  }, options.current, {
+    placeholder: placeHolder,
+    ...options.current,
     "data-id": dataId,
     "data-test-id": dataId,
     maxLength: maxLength,
@@ -89,7 +87,7 @@ export default function Textarea(props) {
     value: text,
     id: htmlId,
     "data-selector-id": dataSelectorId
-  }));
+  });
 }
 Textarea.defaultProps = defaultProps;
 Textarea.propTypes = propTypes; // if (__DOCS__) {

package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,5 +1,3 @@
-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, { useContext } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -81,14 +79,15 @@ export default function VelocityAnimationGroup(props) {
     delay: exitDelay ? exitDelay : 0,
     display: 'none'
   };
-  return /*#__PURE__*/React.createElement(VelocityTransitionGroup, _extends({
+  return /*#__PURE__*/React.createElement(VelocityTransitionGroup, {
     enter: enterAnimation,
     leave: exitAnimation,
     component: component && component,
     runOnMount: runOnMount,
     enterHideStyle: enterHideStyle,
-    enterShowStyle: enterShowStyle
-  }, childProps), isActive ? children : null);
+    enterShowStyle: enterShowStyle,
+    ...childProps
+  }, isActive ? children : null);
 }
 VelocityAnimationGroup.defaultProps = { ...defaultProps,
   component: React.Fragment

package/lib/DateTime/DateTime.js

@@ -43,12 +43,6 @@ var _dateFormat = require("./dateFormatUtils/dateFormat");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -730,11 +724,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           positionsOffset = _this$props7.positionsOffset,
           targetOffset = _this$props7.targetOffset,
           isRestrictScroll = _this$props7.isRestrictScroll,
-          dropBoxPortalId = _this$props7.dropBoxPortalId,
-          _this$props7$customPr = _this$props7.customProps,
-          customProps = _this$props7$customPr === void 0 ? {} : _this$props7$customPr;
-      var _customProps$TimeProp = customProps.TimeProps,
-          TimeProps = _customProps$TimeProp === void 0 ? {} : _customProps$TimeProp;
+          dropBoxPortalId = _this$props7.dropBoxPortalId;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -800,8 +790,7 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         ampmSuggestions: this.ampmSuggestions,
         onAmPmSelect: this.amPmSelect,
         amPm: amPm,
-        is24Hour: is24Hour,
-        customProps: _objectSpread({}, TimeProps)
+        is24Hour: is24Hour
       }) : null, needAction ? /*#__PURE__*/_react["default"].createElement(_DateTimePopupFooter["default"], {
         submitText: submitText,
         onSubmit: this.handleSelect,

package/lib/DateTime/DateWidget.js

@@ -47,12 +47,6 @@ var _constants = require("./constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -1019,13 +1013,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           dropBoxPortalId = _this$props11.dropBoxPortalId,
           a11y = _this$props11.a11y,
           boxSize = _this$props11.boxSize,
-          onError = _this$props11.onError,
-          _this$props11$customP = _this$props11.customProps,
-          customProps = _this$props11$customP === void 0 ? {} : _this$props11$customP;
-      var _customProps$DateTime = customProps.DateTimeProps,
-          DateTimeProps = _customProps$DateTime === void 0 ? {} : _customProps$DateTime,
-          _customProps$TextBoxP = customProps.TextBoxProps,
-          TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP;
+          onError = _this$props11.onError;
       var _this$state6 = this.state,
           _this$state6$selected = _this$state6.selected,
           value = _this$state6$selected === void 0 ? '' : _this$state6$selected,
@@ -1077,10 +1065,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         iconOnHover: iconOnHover,
         isFocus: isPopupReady,
         autoComplete: false,
-        a11y: a11y,
-        customProps: {
-          TextBoxProps: _objectSpread({}, TextBoxProps)
-        }
+        a11y: a11y
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
@@ -1117,8 +1102,7 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         isRestrictScroll: isRestrictScroll,
         dropBoxPortalId: dropBoxPortalId,
         boxSize: boxSize,
-        onError: onError,
-        customProps: _objectSpread({}, DateTimeProps)
+        onError: onError
       }));
     }
   }]);

package/lib/DateTime/Time.js

@@ -25,14 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -82,15 +74,7 @@ var Time = /*#__PURE__*/function (_PureComponent) {
           ampmSuggestions = _this$props.ampmSuggestions,
           onAmPmSelect = _this$props.onAmPmSelect,
           amPm = _this$props.amPm,
-          is24Hour = _this$props.is24Hour,
-          _this$props$customPro = _this$props.customProps,
-          customProps = _this$props$customPro === void 0 ? {} : _this$props$customPro;
-      var _customProps$HourComp = customProps.HourCompProps,
-          HourCompProps = _customProps$HourComp === void 0 ? {} : _customProps$HourComp,
-          _customProps$MinuteCo = customProps.MinuteCompProps,
-          MinuteCompProps = _customProps$MinuteCo === void 0 ? {} : _customProps$MinuteCo,
-          _customProps$AmPmComp = customProps.AmPmCompProps,
-          AmPmCompProps = _customProps$AmPmComp === void 0 ? {} : _customProps$AmPmComp;
+          is24Hour = _this$props.is24Hour;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
         className: _DateTimeModule["default"].text
       }, timeText), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -107,8 +91,7 @@ var Time = /*#__PURE__*/function (_PureComponent) {
         onHourSelect: onHourSelect,
         hours: hours,
         needResponsive: needResponsive,
-        hourEmptyText: hourEmptyText,
-        customProps: _objectSpread({}, HourCompProps)
+        hourEmptyText: hourEmptyText
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         className: _DateTimeModule["default"].dropDownContainer
@@ -117,8 +100,7 @@ var Time = /*#__PURE__*/function (_PureComponent) {
         onMinutesSelect: onMinutesSelect,
         mins: mins,
         minuteEmptyText: minuteEmptyText,
-        needResponsive: needResponsive,
-        customProps: _objectSpread({}, MinuteCompProps)
+        needResponsive: needResponsive
       })), !is24Hour ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         className: _DateTimeModule["default"].dropDownContainer
@@ -126,8 +108,7 @@ var Time = /*#__PURE__*/function (_PureComponent) {
         ampmSuggestions: ampmSuggestions,
         onAmPmSelect: onAmPmSelect,
         amPm: amPm,
-        needResponsive: needResponsive,
-        customProps: _objectSpread({}, AmPmCompProps)
+        needResponsive: needResponsive
       })) : null));
     }
   }]);
@@ -158,9 +139,8 @@ var Hour = /*#__PURE__*/function (_React$PureComponent) {
           onHourSelect = _this$props2.onHourSelect,
           hours = _this$props2.hours,
           needResponsive = _this$props2.needResponsive,
-          hourEmptyText = _this$props2.hourEmptyText,
-          customProps = _this$props2.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({
+          hourEmptyText = _this$props2.hourEmptyText;
+      return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
         options: hourSuggestions,
         onChange: onHourSelect,
         selectedValue: hours,
@@ -179,7 +159,7 @@ var Hour = /*#__PURE__*/function (_React$PureComponent) {
         needListBorder: true,
         needTick: false,
         listItemSize: "small"
-      }, customProps));
+      });
     }
   }]);
 
@@ -205,9 +185,8 @@ var Minute = /*#__PURE__*/function (_React$PureComponent2) {
           onMinutesSelect = _this$props3.onMinutesSelect,
           mins = _this$props3.mins,
           minuteEmptyText = _this$props3.minuteEmptyText,
-          needResponsive = _this$props3.needResponsive,
-          customProps = _this$props3.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({
+          needResponsive = _this$props3.needResponsive;
+      return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
         options: minSuggestions,
         onChange: onMinutesSelect,
         selectedValue: mins,
@@ -226,7 +205,7 @@ var Minute = /*#__PURE__*/function (_React$PureComponent2) {
         needListBorder: true,
         needTick: false,
         listItemSize: "small"
-      }, customProps));
+      });
     }
   }]);
 
@@ -251,9 +230,8 @@ var AmPm = /*#__PURE__*/function (_React$PureComponent3) {
           ampmSuggestions = _this$props4.ampmSuggestions,
           onAmPmSelect = _this$props4.onAmPmSelect,
           amPm = _this$props4.amPm,
-          needResponsive = _this$props4.needResponsive,
-          customProps = _this$props4.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({
+          needResponsive = _this$props4.needResponsive;
+      return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
         options: ampmSuggestions,
         onChange: onAmPmSelect,
         selectedValue: amPm,
@@ -268,7 +246,7 @@ var AmPm = /*#__PURE__*/function (_React$PureComponent3) {
         needListBorder: true,
         needTick: false,
         listItemSize: "small"
-      }, customProps));
+      });
     }
   }]);
 

package/lib/DateTime/props/defaultProps.js

@@ -28,8 +28,7 @@ var DateTime_defaultProps = {
   i18nKeys: {},
   is24Hour: false,
   isDefaultPosition: false,
-  customDateFormat: null,
-  customProps: {}
+  customDateFormat: null
 };
 exports.DateTime_defaultProps = DateTime_defaultProps;
 var DateWidget_defaultProps = {
@@ -66,7 +65,6 @@ var DateTimePopupFooter_defaultProps = {
 };
 exports.DateTimePopupFooter_defaultProps = DateTimePopupFooter_defaultProps;
 var Time_defaultProps = {
-  dataId: 'Time',
-  customProps: {}
+  dataId: 'Time'
 };
 exports.Time_defaultProps = Time_defaultProps;