@zohodesk/dot 1.0.0-temp.93 → 1.0.0-test.113

package/es/form/fields/PhoneField/PhoneField.js

@@ -1,16 +1,16 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-/**** Components ****/
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 
+/**** Components ****/
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import TextBoxField from '../TextBoxField/TextBoxField';
 import Link from '../../../Link/Link';
-/**** CSS ****/
 
+/**** CSS ****/
 import style from '../Fields.module.css';
 import { formatPhoneUrl } from '../../../utils/General';
 export default class PhoneField extends PureComponent {
@@ -25,14 +25,12 @@ export default class PhoneField extends PureComponent {
     this.onFocus = this.onFocus.bind(this);
     this.onBlur = this.onBlur.bind(this);
   }
-
   handleChange(id, value) {
     let {
       onChange
     } = this.props;
     onChange && onChange(id, value);
   }
-
   handleGetRef(el) {
     let {
       getRef,
@@ -41,11 +39,9 @@ export default class PhoneField extends PureComponent {
     this.textBoxElem = el;
     getRef && getRef(el, id);
   }
-
   focusInput(e) {
     this.textBoxElem.focus();
   }
-
   onFocus() {
     let {
       onFocus
@@ -55,7 +51,6 @@ export default class PhoneField extends PureComponent {
     });
     onFocus && onFocus();
   }
-
   onBlur() {
     let {
       onBlur
@@ -65,7 +60,6 @@ export default class PhoneField extends PureComponent {
     });
     onBlur && onBlur();
   }
-
   render() {
     let {
       labelName,
@@ -117,13 +111,11 @@ export default class PhoneField extends PureComponent {
       entity_module: 'Requests'
     };
     let phoneValue = value;
-
     if (isActive) {
       phoneValue = value;
     } else {
       phoneValue = formatPhoneUrl(value);
     }
-
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       className: `${style.container} ${isDisabled ? style.disabled : ''}`,
@@ -175,63 +167,9 @@ export default class PhoneField extends PureComponent {
       size: "14"
     })) : null));
   }
-
 }
-PhoneField.propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  dataId: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  infoText: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isMandatory: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string.isRequired,
-  labelPalette: PropTypes.string,
-  maxLength: PropTypes.number,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxType: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  value: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    callTitle: PropTypes.string
-  }),
-  onCall: PropTypes.func,
-  ePhiData: PropTypes.shape({
-    ePhiTitle: PropTypes.string,
-    ePhiText: PropTypes.string,
-    ePhiStatus: PropTypes.bool
-  }),
-  customProps: PropTypes.shape({
-    LinkProps: PropTypes.object,
-    TextBoxFieldProps: PropTypes.object
-  })
-};
-PhoneField.defaultProps = {
-  errorType: 'primary',
-  isMandatory: false,
-  textBoxSize: 'xmedium',
-  textBoxType: 'text',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  isDisabled: false,
-  isReadOnly: false,
-  fieldSize: 'medium',
-  labelPalette: 'default',
-  labelCustomClass: '',
-  i18nKeys: {},
-  customProps: {}
-};
-
+PhoneField.propTypes = propTypes;
+PhoneField.defaultProps = defaultProps;
 if (false) {
   PhoneField.docs = {
     componentGroup: 'Form Fields',

package/es/form/fields/PhoneField/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  errorType: 'primary',
+  isMandatory: false,
+  textBoxSize: 'xmedium',
+  textBoxType: 'text',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  isDisabled: false,
+  isReadOnly: false,
+  fieldSize: 'medium',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  i18nKeys: {},
+  customProps: {}
+};

package/es/form/fields/PhoneField/props/propTypes.js

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  dataId: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  infoText: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string.isRequired,
+  labelPalette: PropTypes.string,
+  maxLength: PropTypes.number,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxType: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  value: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    callTitle: PropTypes.string
+  }),
+  onCall: PropTypes.func,
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextBoxFieldProps: PropTypes.object
+  })
+};

package/es/form/fields/RadioField/RadioField.js

@@ -1,22 +1,21 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-/**** Components ****/
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 
+/**** Components ****/
 import Label from '@zohodesk/components/lib/Label/Label';
 import Radio from '@zohodesk/components/lib/Radio/Radio';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
-/** Css */
 
+/** Css */
 import style from '../Fields.module.css';
 export default class RadioField extends PureComponent {
   constructor(props) {
     super(props);
     this.handleChange = this.handleChange.bind(this);
   }
-
   handleChange(value) {
     let {
       id,
@@ -24,7 +23,6 @@ export default class RadioField extends PureComponent {
     } = this.props;
     onChange && onChange(id, value);
   }
-
   render() {
     let {
       labelName,
@@ -102,49 +100,9 @@ export default class RadioField extends PureComponent {
       dataId: `${dataId}_ValidationRuleMessage`
     }, ValidationMessageProps2)));
   }
-
 }
-RadioField.propTypes = {
-  dataId: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isMandatory: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelName: PropTypes.string,
-  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  onChange: PropTypes.func,
-  options: PropTypes.array,
-  selectedValue: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  valueField: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    RadioProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  })
-};
-RadioField.defaultProps = {
-  errorType: 'primary',
-  isMandatory: false,
-  isDisabled: false,
-  isReadOnly: false,
-  variant: 'primary',
-  labelSize: 'medium',
-  labelPalette: 'default',
-  isActive: false,
-  customProps: {}
-};
-
+RadioField.propTypes = propTypes;
+RadioField.defaultProps = defaultProps;
 if (false) {
   RadioField.docs = {
     componentGroup: 'Form Fields',

package/es/form/fields/RadioField/props/defaultProps.js

@@ -0,0 +1,11 @@
+export const defaultProps = {
+  errorType: 'primary',
+  isMandatory: false,
+  isDisabled: false,
+  isReadOnly: false,
+  variant: 'primary',
+  labelSize: 'medium',
+  labelPalette: 'default',
+  isActive: false,
+  customProps: {}
+};

package/es/form/fields/RadioField/props/propTypes.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  onChange: PropTypes.func,
+  options: PropTypes.array,
+  selectedValue: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  valueField: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    RadioProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  })
+};

package/es/form/fields/SelectField/SelectField.js

@@ -1,31 +1,28 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-/**** Components ****/
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 
+/**** Components ****/
 import Label from '@zohodesk/components/lib/Label/Label';
 import Select from '@zohodesk/components/lib/Select/Select';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
+
 /**** props ****/
 
-import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
-import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
 /** CSS */
-
 import style from '../Fields.module.css';
 export default class SelectField extends PureComponent {
   constructor(props) {
     super(props);
     this.handleChange = this.handleChange.bind(this);
-    this.handleGetRef = this.handleGetRef.bind(this); // this.handleLabelClick = this.handleLabelClick.bind(this);
-
+    this.handleGetRef = this.handleGetRef.bind(this);
+    // this.handleLabelClick = this.handleLabelClick.bind(this);
     this.getNextId = getUniqueId(this);
   }
-
   handleChange(selctedId, selectedValue) {
     let {
       id: fieldId,
@@ -34,7 +31,6 @@ export default class SelectField extends PureComponent {
     } = this.props;
     onChange && propValue !== selctedId && onChange(fieldId, selctedId, selectedValue);
   }
-
   handleGetRef(el) {
     let {
       getRef,
@@ -42,14 +38,15 @@ export default class SelectField extends PureComponent {
     } = this.props;
     this.selectBox = el;
     getRef && getRef(el, id);
-  } // handleLabelClick() {
+  }
+
+  // handleLabelClick() {
   //   let { isFocusOnLabelClick } = this.props;
   //   if (isFocusOnLabelClick && this.selectBox && this.selectBox.focus) {
   //     this.selectBox.focus();
   //   }
   // }
 
-
   render() {
     let {
       labelName,
@@ -97,7 +94,8 @@ export default class SelectField extends PureComponent {
       onFocus,
       iconOnHover,
       customProps,
-      renderLabelProps
+      renderLabelProps,
+      ariaLabelledby
     } = this.props;
     const {
       LabelProps = {},
@@ -121,7 +119,9 @@ export default class SelectField extends PureComponent {
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
       dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
+    }, LabelProps, {
+      id: uniqueId
+    }))), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
     }, /*#__PURE__*/React.createElement(Select, _extends({
       options: options,
@@ -153,7 +153,9 @@ export default class SelectField extends PureComponent {
       isDefaultSelectValue: isDefaultSelectValue,
       placeHolder: placeHolder,
       iconOnHover: iconOnHover
-    }, SelectProps), children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, SelectProps, {
+      ariaLabelledby: uniqueId
+    }), children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
@@ -167,73 +169,9 @@ export default class SelectField extends PureComponent {
       dataId: `${dataId}_ValidationRuleMessage`
     }, ValidationMessageProps2)));
   }
-
 }
-SelectField.propTypes = {
-  animationStyle: PropTypes.string,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  emptyMessage: PropTypes.string,
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  excludeOptions: PropTypes.array,
-  fieldClass: PropTypes.string,
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getNextOptions: PropTypes.func,
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  isFocusOnLabelClick: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string,
-  labelPalette: PropTypes.string,
-  needLocalSearch: PropTypes.bool,
-  needSearch: PropTypes.bool,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)]).isRequired,
-  popupGroup: PropTypes.string,
-  searchBoxPlaceHolder: PropTypes.string,
-  searchBoxSize: PropTypes.string,
-  selectedValue: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  textField: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  valueField: PropTypes.string,
-  isDefaultSelectValue: PropTypes.bool,
-  placeHolder: PropTypes.string,
-  children: PropTypes.node,
-  onFocus: PropTypes.func,
-  iconOnHover: PropTypes.bool,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    SelectProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  ...FieldCommonPropTypes()
-};
-SelectField.defaultProps = {
-  errorType: 'primary',
-  needSearch: false,
-  searchBoxSize: 'small',
-  textBoxSize: 'xmedium',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  labelCustomClass: '',
-  isDefaultSelectValue: true,
-  placeHolder: '',
-  customProps: {},
-  ...FieldCommonDefaultProps()
-};
-
+SelectField.propTypes = propTypes;
+SelectField.defaultProps = defaultProps;
 if (false) {
   SelectField.docs = {
     componentGroup: 'Form Fields',

package/es/form/fields/SelectField/props/defaultProps.js

@@ -0,0 +1,17 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  needSearch: false,
+  searchBoxSize: 'small',
+  textBoxSize: 'xmedium',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  isDefaultSelectValue: true,
+  placeHolder: '',
+  customProps: {},
+  ...FieldCommonDefaultProps()
+};

package/es/form/fields/SelectField/props/propTypes.js

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  animationStyle: PropTypes.string,
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  emptyMessage: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  excludeOptions: PropTypes.array,
+  fieldClass: PropTypes.string,
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getNextOptions: PropTypes.func,
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isFocusOnLabelClick: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  needLocalSearch: PropTypes.bool,
+  needSearch: PropTypes.bool,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onSearch: PropTypes.func,
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)]).isRequired,
+  popupGroup: PropTypes.string,
+  searchBoxPlaceHolder: PropTypes.string,
+  searchBoxSize: PropTypes.string,
+  selectedValue: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  textField: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  valueField: PropTypes.string,
+  isDefaultSelectValue: PropTypes.bool,
+  placeHolder: PropTypes.string,
+  children: PropTypes.node,
+  onFocus: PropTypes.func,
+  iconOnHover: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    SelectProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  ...FieldCommonPropTypes()
+};