@zohodesk/components 1.2.19 → 1.2.20

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItemWithRadioDefaultProps = exports.ListItemWithIconDefaultProps = exports.ListItemWithCheckBoxDefaultProps = exports.ListItemWithAvatarDefaultProps = exports.ListItemDefaultProps = exports.ListContainerDefaultProps = void 0;
+var ListContainerDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {},
+  dataSelectorId: 'listContainer',
+  needMultiLineText: false
+};
+exports.ListContainerDefaultProps = ListContainerDefaultProps;
+var ListItemDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItem',
+  needMultiLineText: false
+};
+exports.ListItemDefaultProps = ListItemDefaultProps;
+var ListItemWithAvatarDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  isTeam: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listAvatar',
+  needBorder: true,
+  needAvatarTitle: true,
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithAvatar',
+  needMultiLineText: false
+};
+exports.ListItemWithAvatarDefaultProps = ListItemWithAvatarDefaultProps;
+var ListItemWithCheckBoxDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithCheckBox',
+  needMultiLineText: false
+};
+exports.ListItemWithCheckBoxDefaultProps = ListItemWithCheckBoxDefaultProps;
+var ListItemWithIconDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  iconName: '',
+  iconSize: '10',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {},
+  dataSelectorId: 'listItemWithIcon',
+  needMultiLineText: false
+};
+exports.ListItemWithIconDefaultProps = ListItemWithIconDefaultProps;
+var ListItemWithRadioDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listItemWithRadioComp',
+  a11y: {},
+  customClass: {},
+  customProps: {},
+  dataSelectorId: 'listItemWithRadio',
+  needMultiLineText: false
+};
+exports.ListItemWithRadioDefaultProps = ListItemWithRadioDefaultProps;

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

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem_Props = exports.ListItemWithRadio_Props = exports.ListItemWithIcon_Props = exports.ListItemWithCheckBox_Props = exports.ListItemWithAvatar_Props = exports.ListContainer_Props = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ListItemWithAvatar_P;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var ListContainer_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  highlight: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isLink: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  onMouseOver: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  target: _propTypes["default"].oneOf(['blank', 'self']),
+  title: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].object,
+  eleRef: _propTypes["default"].func
+};
+exports.ListContainer_Props = ListContainer_Props;
+var ListItem_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  index: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  isLink: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  target: _propTypes["default"].oneOf(['blank', 'self']),
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  needMultiLineText: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customTickIcon: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].shape({
+    ListItemProps: _propTypes["default"].object
+  })
+};
+exports.ListItem_Props = ListItem_Props;
+var ListItemWithAvatar_Props = (_ListItemWithAvatar_P = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  avatarPalette: _propTypes["default"].string
+}, _defineProperty(_ListItemWithAvatar_P, "avatarPalette", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataSelectorId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "disableTitle", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "getRef", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "highlight", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "id", _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _defineProperty(_ListItemWithAvatar_P, "imgSrc", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "index", _propTypes["default"].number), _defineProperty(_ListItemWithAvatar_P, "initial", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "isDisabled", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "isTeam", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "name", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "needAvatarTitle", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needBorder", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needTick", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "onClick", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "onMouseEnter", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "palette", _propTypes["default"].oneOf(['dark'])), _defineProperty(_ListItemWithAvatar_P, "size", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "title", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "value", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "a11y", _propTypes["default"].shape({
+  role: _propTypes["default"].string,
+  ariaSelected: _propTypes["default"].bool,
+  ariaHidden: _propTypes["default"].bool
+})), _defineProperty(_ListItemWithAvatar_P, "customClass", _propTypes["default"].shape({
+  customListItem: _propTypes["default"].string,
+  customAvatar: _propTypes["default"].string,
+  customAvatarTeam: _propTypes["default"].string
+})), _defineProperty(_ListItemWithAvatar_P, "needMultiLineText", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "customProps", _propTypes["default"].shape({
+  ListItemProps: _propTypes["default"].object
+})), _ListItemWithAvatar_P);
+exports.ListItemWithAvatar_Props = ListItemWithAvatar_Props;
+var ListItemWithCheckBox_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  index: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onHover: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  needMultiLineText: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customCheckBox: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].object
+};
+exports.ListItemWithCheckBox_Props = ListItemWithCheckBox_Props;
+var ListItemWithIcon_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  iconClass: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  index: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool,
+    ariaHidden: _propTypes["default"].bool
+  }),
+  needMultiLineText: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    ListItemProps: _propTypes["default"].object
+  }),
+  isLink: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  target: _propTypes["default"].string
+};
+exports.ListItemWithIcon_Props = ListItemWithIcon_Props;
+var ListItemWithRadio_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  index: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  isDisabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onHover: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  needMultiLineText: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customRadio: _propTypes["default"].string,
+    customRadioWrap: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].object
+};
+exports.ListItemWithRadio_Props = ListItemWithRadio_Props;

package/lib/v1/Modal/Modal.js

@@ -13,9 +13,9 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _useEffectCallOnlyAfterState = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState"));
 
-var _defaultProps = require("../../Modal/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Modal/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _AppContainerModule = _interopRequireDefault(require("../../AppContainer/AppContainer.module.css"));
 

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  portalId: 'portal1'
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  autoZIndexNeeded: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  portalId: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 

package/lib/v1/MultiSelect/AdvancedMultiSelect.js

@@ -9,9 +9,9 @@ exports["default"] = exports.AdvancedMultiSelectComponent = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _MultiSelect = require("./MultiSelect");
 

package/lib/v1/MultiSelect/EmptyState.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _MultiSelectModule = _interopRequireDefault(require("../../MultiSelect/MultiSelect.module.css"));
 

package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js

@@ -11,9 +11,9 @@ var _Button = _interopRequireDefault(require("../../Button/Button"));
 
 var _Layout = require("../../Layout");
 
-var _defaultProps = require("../../../MultiSelect/MobileHeader/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../MultiSelect/MobileHeader/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _MobileHeaderModule = _interopRequireDefault(require("../../../MultiSelect/MobileHeader/MobileHeader.module.css"));
 

package/lib/v1/MultiSelect/MobileHeader/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  selectedOptions: [],
+  i18nKeys: {
+    mobilePrimaryButtonText: 'Done',
+    mobileSecondaryButtonText: 'Close'
+  }
+};
+exports.defaultProps = defaultProps;

package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  i18nKeys: _propTypes["default"].object,
+  onClick: _propTypes["default"].func,
+  selectedOptions: _propTypes["default"].array,
+  children: _propTypes["default"].node
+};
+exports.propTypes = propTypes;

package/lib/v1/MultiSelect/MultiSelect.js

@@ -9,11 +9,11 @@ exports["default"] = exports.MultiSelectComponent = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _defaultProps2 = require("../../MultiSelect/MobileHeader/props/defaultProps");
+var _defaultProps2 = require("./MobileHeader/props/defaultProps");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 

package/lib/v1/MultiSelect/MultiSelectHeader.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _ListItemWithIcon = _interopRequireDefault(require("../ListItem/ListItemWithIcon"));
 

package/lib/v1/MultiSelect/MultiSelectWithAvatar.js

@@ -9,11 +9,11 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _defaultProps2 = require("../../MultiSelect/MobileHeader/props/defaultProps");
+var _defaultProps2 = require("./MobileHeader/props/defaultProps");
 
 var _MultiSelect = require("./MultiSelect");
 

package/lib/v1/MultiSelect/SelectedOptions.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 

package/lib/v1/MultiSelect/Suggestions.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../MultiSelect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../MultiSelect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
 
@@ -110,7 +110,8 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
         var isHighlight = hoverOption === index || id === hoverId ? true : false;
         var list_a11y = Object.assign({}, a11y, {
           ariaSelected: isActive,
-          ariaLabel: value
+          ariaLabel: value,
+          'data-a11y-list-active': isHighlight
         });
 
         var commonProps = _objectSpread({