@zohodesk/components 1.0.0-temp-189.2 → 1.0.0-temp-190

package/lib/Radio/Radio.js

@@ -21,8 +21,6 @@ var _RadioModule = _interopRequireDefault(require("./Radio.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 _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); } }
@@ -55,7 +53,6 @@ var Radio = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
     _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
-    _this.handleGetRef = _this.handleGetRef.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -67,38 +64,28 @@ var Radio = /*#__PURE__*/function (_React$Component) {
           value = _this$props.value;
       onChange && onChange(value, e);
     }
-  }, {
-    key: "handleGetRef",
-    value: function handleGetRef(ele) {
-      var _this$props2 = this.props,
-          getRef = _this$props2.getRef,
-          value = _this$props2.value;
-      getRef && getRef(ele, value);
-    }
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-          id = _this$props3.id,
-          name = _this$props3.name,
-          value = _this$props3.value,
-          checked = _this$props3.checked,
-          disabled = _this$props3.disabled,
-          isReadOnly = _this$props3.isReadOnly,
-          palette = _this$props3.palette,
-          disabledTitle = _this$props3.disabledTitle,
-          title = _this$props3.title,
-          text = _this$props3.text,
-          labelPalette = _this$props3.labelPalette,
-          size = _this$props3.size,
-          labelSize = _this$props3.labelSize,
-          variant = _this$props3.variant,
-          active = _this$props3.active,
-          isFilled = _this$props3.isFilled,
-          customClass = _this$props3.customClass,
-          customProps = _this$props3.customProps,
-          children = _this$props3.children,
-          a11y = _this$props3.a11y;
+      var _this$props2 = this.props,
+          id = _this$props2.id,
+          name = _this$props2.name,
+          value = _this$props2.value,
+          checked = _this$props2.checked,
+          disabled = _this$props2.disabled,
+          isReadOnly = _this$props2.isReadOnly,
+          palette = _this$props2.palette,
+          disabledTitle = _this$props2.disabledTitle,
+          title = _this$props2.title,
+          text = _this$props2.text,
+          labelPalette = _this$props2.labelPalette,
+          size = _this$props2.size,
+          labelSize = _this$props2.labelSize,
+          variant = _this$props2.variant,
+          active = _this$props2.active,
+          isFilled = _this$props2.isFilled,
+          customClass = _this$props2.customClass,
+          a11y = _this$props2.a11y;
       var _customClass$customRa = customClass.customRadioWrap,
           customRadioWrap = _customClass$customRa === void 0 ? '' : _customClass$customRa,
           _customClass$customRa2 = customClass.customRadio,
@@ -110,18 +97,13 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       var ariaHidden = a11y.ariaHidden,
           _a11y$role = a11y.role,
           role = _a11y$role === void 0 ? 'radio' : _a11y$role,
-          tabIndex = a11y.tabIndex,
           _a11y$ariaChecked = a11y.ariaChecked,
           ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked,
           ariaLabel = a11y.ariaLabel,
           ariaLabelledby = a11y.ariaLabelledby,
           _a11y$ariaReadonly = a11y.ariaReadonly,
           ariaReadonly = _a11y$ariaReadonly === void 0 ? isReadOnly || disabled ? true : false : _a11y$ariaReadonly;
-      var _customProps$Containe = customProps.ContainerProps,
-          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
-          _customProps$LabelPro = customProps.LabelProps,
-          LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
+      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         dataId: value ? value.toLowerCase() : 'RadioComp',
         isCover: false,
         isInline: text ? false : true,
@@ -131,14 +113,13 @@ var Radio = /*#__PURE__*/function (_React$Component) {
         "data-title": toolTip,
         onClick: !isReadOnly && !disabled ? this.onChange : '',
         "aria-checked": ariaChecked,
-        tabindex: isReadOnly || disabled || ariaHidden ? '-1' : tabIndex || '0',
-        eleRef: this.handleGetRef,
+        tabindex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
         role: role,
         "aria-Hidden": ariaHidden,
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
         "aria-readonly": ariaReadonly
-      }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_RadioModule["default"].radio, " ").concat(checked ? "".concat(_RadioModule["default"]["rdBox".concat(palette)]) : '', " \n            ").concat(isReadOnly || disabled ? '' : "".concat(_RadioModule["default"]["hover".concat(palette)]), " ").concat(_RadioModule["default"][size], " ").concat(isFilled ? _RadioModule["default"].filled : '', " ").concat(_RadioModule["default"]["centerPath".concat(palette)], " ").concat(customRadio)
       }, /*#__PURE__*/_react["default"].createElement("input", {
         type: "hidden",
@@ -163,17 +144,17 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       }) : null))), text && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         className: _RadioModule["default"].text
-      }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
+      }, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
         text: text,
-        palette: labelPalette,
+        palette: disabled ? 'disable' : labelPalette,
         size: labelSize,
         type: "title",
         clipped: true,
         dataId: "".concat(text, "_label"),
         variant: variant,
         title: toolTip ? toolTip : text,
-        customClass: "".concat(checked && active ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', " \n              ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
-      }, LabelProps))), children);
+        customClass: "".concat(checked && active && !disabled ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', " \n              ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
+      })));
     }
   }]);
 

package/lib/Radio/Radio.module.css

@@ -21,9 +21,6 @@
 .readonly, .disabled {
   cursor: not-allowed;
 }
-.disabled {
-  opacity: 0.7
-}
 .radio {
   composes: offSelection from '../common/common.module.css';
   width: var(--radio_width);

package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap

@@ -1145,7 +1145,7 @@ exports[`Radio rendering the accessMode when disabled  1`] = `
       data-test-id="boxComponent"
     >
       <label
-        class="label title medium default font_default
+        class="label title medium disable font_default
           dotted cursor  
               primaryLabel disabled  "
         data-id="RadioText_label"
@@ -1505,7 +1505,7 @@ exports[`Radio rendering the disabled is true 1`] = `
       data-test-id="boxComponent"
     >
       <label
-        class="label title medium default font_default
+        class="label title medium disable font_default
           dotted cursor  
               undefined disabled  "
         data-id="RadioText_label"
@@ -1567,7 +1567,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
       data-test-id="boxComponent"
     >
       <label
-        class="label title medium default font_default
+        class="label title medium disable font_default
           dotted cursor  
               primaryLabel disabled  "
         data-id="RadioText_label"

package/lib/Radio/props/defaultProps.js

@@ -16,7 +16,6 @@ var defaultProps = {
   variant: 'default',
   isFilled: true,
   customClass: {},
-  customProps: {},
   a11y: {}
 };
 exports.defaultProps = defaultProps;

package/lib/Radio/props/propTypes.js

@@ -14,7 +14,6 @@ var propTypes = {
   checked: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
   disabledTitle: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,
@@ -31,20 +30,14 @@ var propTypes = {
     customRadio: _propTypes["default"].string,
     customLabel: _propTypes["default"].string
   }),
-  customProps: _propTypes["default"].exact({
-    ContainerProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object
-  }),
   a11y: _propTypes["default"].shape({
     ariaChecked: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool,
     role: _propTypes["default"].string,
-    tabIndex: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].number),
     ariaLabelledby: _propTypes["default"].string,
     ariaLabel: _propTypes["default"].string,
     ariaReadonly: _propTypes["default"].bool
   }),
-  children: _propTypes["default"].node,
   onChange: _propTypes["default"].func,
   text: _propTypes["default"].string
 };

package/lib/v1/AppContainer/AppContainer.js

@@ -17,6 +17,18 @@ var _Layout = require("../Layout");
 
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
 
+require("../../common/basic.module.css");
+
+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/lib/fontFamilyVariables.module.css");
+
 require("@zohodesk/variables/assets/transitionVariables.module.css");
 
 require("@zohodesk/variables/assets/no_transitionVariables.module.css");

package/lib/v1/CheckBox/CheckBox.js

@@ -38,7 +38,6 @@ var CheckBox = function CheckBox(props) {
       isFilled = props.isFilled,
       isClipped = props.isClipped,
       getRef = props.getRef,
-      getContainerRef = props.getContainerRef,
       variant = props.variant,
       active = props.active,
       dataId = props.dataId,
@@ -54,10 +53,6 @@ var CheckBox = function CheckBox(props) {
     onChange && onChange(!checked, e);
   }
 
-  function handleGetContainerRef(ele) {
-    getContainerRef && getContainerRef(ele, id);
-  }
-
   var _customProps$CheckBox = customProps.CheckBoxProps,
       CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
       _customProps$LabelPro = customProps.LabelProps,
@@ -90,7 +85,6 @@ var CheckBox = function CheckBox(props) {
     onClick: isReadOnly || disabled ? null : onChange,
     tabIndex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
     "aria-checked": ariaChecked,
-    eleRef: handleGetContainerRef,
     role: role,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,

package/lib/v1/CheckBox/props/propTypes.js

@@ -18,7 +18,6 @@ var propTypes = {
   disabled: _propTypes["default"].bool,
   disabledTitle: _propTypes["default"].string,
   getRef: _propTypes["default"].func,
-  getContainerRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   isClipped: _propTypes["default"].bool,

package/lib/v1/Radio/Radio.js

@@ -19,8 +19,6 @@ var _RadioModule = _interopRequireDefault(require("../../Radio/Radio.module.css"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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); }
-
 var Radio = function Radio(props) {
   var id = props.id,
       name = props.name,
@@ -39,9 +37,6 @@ var Radio = function Radio(props) {
       active = props.active,
       isFilled = props.isFilled,
       customClass = props.customClass,
-      customProps = props.customProps,
-      getRef = props.getRef,
-      children = props.children,
       a11y = props.a11y;
   var _customClass$customRa = customClass.customRadioWrap,
       customRadioWrap = _customClass$customRa === void 0 ? '' : _customClass$customRa,
@@ -54,28 +49,19 @@ var Radio = function Radio(props) {
   var ariaHidden = a11y.ariaHidden,
       _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'radio' : _a11y$role,
-      tabIndex = a11y.tabIndex,
       _a11y$ariaChecked = a11y.ariaChecked,
       ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked,
       ariaLabel = a11y.ariaLabel,
       ariaLabelledby = a11y.ariaLabelledby,
       _a11y$ariaReadonly = a11y.ariaReadonly,
       ariaReadonly = _a11y$ariaReadonly === void 0 ? isReadOnly || disabled ? true : false : _a11y$ariaReadonly;
-  var _customProps$Containe = customProps.ContainerProps,
-      ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
-      _customProps$LabelPro = customProps.LabelProps,
-      LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
 
   function onChange(e) {
     var onChange = props.onChange;
     onChange && onChange(value, e);
   }
 
-  function handleGetRef(ele) {
-    getRef && getRef(ele, value);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     dataId: value ? value.toLowerCase() : 'RadioComp',
     isCover: false,
     isInline: text ? false : true,
@@ -85,14 +71,13 @@ var Radio = function Radio(props) {
     "data-title": toolTip,
     onClick: !isReadOnly && !disabled ? onChange : '',
     "aria-checked": ariaChecked,
-    tabindex: isReadOnly || disabled || ariaHidden ? '-1' : tabIndex || '0',
-    eleRef: handleGetRef,
+    tabindex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
     role: role,
     "aria-Hidden": ariaHidden,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-readonly": ariaReadonly
-  }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     className: "".concat(_RadioModule["default"].radio, " ").concat(checked ? "".concat(_RadioModule["default"]["rdBox".concat(palette)]) : '', "\n          ").concat(isReadOnly || disabled ? '' : "".concat(_RadioModule["default"]["hover".concat(palette)]), " ").concat(_RadioModule["default"][size], " ").concat(isFilled ? _RadioModule["default"].filled : '', " ").concat(_RadioModule["default"]["centerPath".concat(palette)], " ").concat(customRadio)
   }, /*#__PURE__*/_react["default"].createElement("input", {
     type: "hidden",
@@ -117,17 +102,17 @@ var Radio = function Radio(props) {
   }) : null))), text && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true,
     className: _RadioModule["default"].text
-  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
+  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
     text: text,
-    palette: labelPalette,
+    palette: disabled ? 'disable' : labelPalette,
     size: labelSize,
     type: "title",
     clipped: true,
     dataId: "".concat(text, "_label"),
     variant: variant,
     title: toolTip ? toolTip : text,
-    customClass: "".concat(checked && active ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', "\n            ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
-  }, LabelProps))), children);
+    customClass: "".concat(checked && active && !disabled ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', "\n            ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
+  })));
 };
 
 var _default = Radio;

package/lib/v1/Radio/props/defaultProps.js

@@ -16,7 +16,6 @@ var defaultProps = {
   variant: 'default',
   isFilled: true,
   customClass: {},
-  customProps: {},
   a11y: {}
 };
 exports.defaultProps = defaultProps;

package/lib/v1/Radio/props/propTypes.js

@@ -14,7 +14,6 @@ var propTypes = {
   checked: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
   disabledTitle: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,
@@ -31,20 +30,14 @@ var propTypes = {
     customRadio: _propTypes["default"].string,
     customLabel: _propTypes["default"].string
   }),
-  customProps: _propTypes["default"].exact({
-    ContainerProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object
-  }),
   a11y: _propTypes["default"].shape({
     ariaChecked: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool,
     role: _propTypes["default"].string,
-    tabIndex: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].number),
     ariaLabelledby: _propTypes["default"].string,
     ariaLabel: _propTypes["default"].string,
     ariaReadonly: _propTypes["default"].bool
   }),
-  children: _propTypes["default"].node,
   onChange: _propTypes["default"].func,
   text: _propTypes["default"].string
 };

package/lib/v1/Select/SelectWithAvatar.js

@@ -208,7 +208,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           htmlId = _this$props.htmlId,
           needEffect = _this$props.needEffect,
           isLoading = _this$props.isLoading,
-          dataSelectorId = _this$props.dataSelectorId;
+          dataSelectorId = _this$props.dataSelectorId,
+          getFooter = _this$props.getFooter;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -368,7 +369,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
         }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           isCover: false,
           align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))))));
+        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter()) : null)));
       }) : null);
     }
   }]);

package/lib/v1/Select/props/propTypes.js

@@ -249,7 +249,8 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
   htmlId: _propTypes["default"].string,
   needEffect: _propTypes["default"].bool,
   isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string,
+  getFooter: _propTypes["default"].func
 });
 
 exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-189.2",
+  "version": "1.0.0-temp-190",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,