@zohodesk/dot 1.1.0 → 1.2.1

package/lib/form/fields/CurrencyField/props/propTypes.js

@@ -48,7 +48,10 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  formatCurrency: _propTypes["default"].func
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  onFocus: _propTypes["default"].func,
+  formatCurrency: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  userCurrencyType: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/DateField/props/propTypes.js

@@ -52,6 +52,6 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/FieldContainer/props/propTypes.js

@@ -5,26 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
 
-var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
+var _propTypes;
 
 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; }
 
-var propTypes = _objectSpread(_objectSpread({}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)()), {}, {
-  children: _propTypes["default"].node,
-  alignContainer: _propTypes["default"].oneOf('vertical', 'baseline'),
-  renderProps: _propTypes["default"].shape({
-    start: _propTypes["default"].func,
-    middle: _propTypes["default"].func,
-    end: _propTypes["default"].func
-  })
-});
-
+var propTypes = (_propTypes = {
+  children: _propTypes2["default"].node,
+  alignContainer: _propTypes2["default"].oneOf('vertical', 'baseline'),
+  renderProps: _propTypes2["default"].shape({
+    start: _propTypes2["default"].func,
+    middle: _propTypes2["default"].func,
+    end: _propTypes2["default"].func
+  }),
+  ePhiData: _propTypes2["default"].shape({
+    ePhiTitle: _propTypes2["default"].string,
+    ePhiText: _propTypes2["default"].string,
+    ePhiStatus: _propTypes2["default"].bool
+  }),
+  isLocked: _propTypes2["default"].bool,
+  lockedInfoText: _propTypes2["default"].string,
+  infoText: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  dataSelectorId: _propTypes2["default"].string
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
 exports.propTypes = propTypes;

package/lib/form/fields/Fields.module.css

@@ -1,183 +1,183 @@
-.container,
-.checkboxFieldContainer {
-  position: relative;
-  word-break: break-word;
-}
-.fieldContainer {
-  position: relative;
-  min-height: var(--zd_size25) ;
-}
-.fieldMargin_medium {
-  margin-top: var(--zd_size5) ;
-}
-.fieldMargin_small {
-  margin-top: 0 ;
-}
-.radioContainer,
-.checkbox {
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
-}
-.checkbox {
-  min-height: var(--zd_size28) ;
-}
-.checkboxRow {
-  display: inherit;
-}
-.lineClamp_one,
-.lineClamp_two {
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
-}
-.lineClamp_one {
-  -webkit-line-clamp: 1;
-}
-.lineClamp_two {
-  -webkit-line-clamp: 2;
-}
-.checkboxText {
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: normal;
-}
-[dir=ltr] .checkboxText {
-  padding-left: var(--zd_size6) ;
-}
-[dir=rtl] .checkboxText {
-  padding-right: var(--zd_size6) ;
-}
-.cbTextPointer {
-  cursor: pointer;
-}
-.disabled, .readonly {
-  cursor: not-allowed;
-}
-.cbTextReadonly,
-.disabled .fieldLabel,
-.readonly .fieldLabel {
-  --label_cursor: not-allowed;
-}
-[dir=ltr] .radio {
-  margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
-}
-[dir=rtl] .radio {
-  margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
-}
-[dir=ltr] .duration {
-  margin-right: var(--zd_size15) ;
-}
-[dir=rtl] .duration {
-  margin-left: var(--zd_size15) ;
-}
-.durationWidth {
-  width: var(--zd_size94) ;
-}
-.flex {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-.periodContainer {
-  composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
-  width: 100% ;
-  /*margin-left: var(--zd_size15);*/
-}
-.phoneIcon {
-  color: var(--zdt_fields_phoneicon_icon);
-  display: inline-block;
-  margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
-  cursor: pointer;
-}
-.phoneIcon:hover {
-  color: var(--zdt_fields_phoneicon_hover_icon);
-}
-.newtabIcon {
-  color: var(--zdt_fields_newtabicon_icon);
-  cursor: pointer;
-}
-.newtabIcon:hover {
-    color: var(--zdt_fields_newtabicon_hover_icon);
-}
-.labelContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-}
-.lockIcon,
-.infoIcon {
-  color: var(--zdt_fields_lockicon_icon);
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
-  margin-left: var(--zd_size5) ;
-}
-[dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
-  margin-right: var(--zd_size5) ;
-}
-/* .infoIcon {
-  opacity: 0;
-  visibility: hidden;
-}
-.container:hover .infoIcon {
-  opacity: 1;
-  visibility: visible;
-} */
-/* .lockIcon {
-  cursor: pointer;
-} */
-.lockIcon:hover {
-  color: var(--zdt_fields_lockicon_hover_icon);
-}
-.timeFormat {
-  font-size: var(--zd_font_size11) ;
-  color: var(--zdt_fields_lockicon_icon);
-}
-[dir=ltr] .timeFormat {
-  margin-left: var(--zd_size4) ;
-}
-[dir=rtl] .timeFormat {
-  margin-right: var(--zd_size4) ;
-}
-.newTab {
-  color: var(--zdt_fields_lockicon_icon);
-  font-size: 0 ;
-  display: none;
-  cursor: pointer;
-}
-[dir=ltr] .newTab {
-  margin-left: var(--zd_size6) ;
-}
-[dir=rtl] .newTab {
-  margin-right: var(--zd_size6) ;
-}
-.newTab:hover {
-  color: var(--zdt_fields_phoneicon_icon);
-}
-.container:hover .newTab {
-  display: block;
-}
-.lockText {
-  font-size: var(--zd_font_size13) ;
-  font-style: italic;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-}
-.labelMandatory:after {
-  content: '*';
-  color: var(--zdt_fields_lockicon_hover_icon);
-}
-[dir=ltr] .labelMandatory:after {
-  padding-left: var(--zd_size2) ;
-}
-[dir=rtl] .labelMandatory:after {
-  padding-right: var(--zd_size2) ;
-}
-.ePhiTag {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-  color: var(--zdt_fields_phitag_text);
-  font-size: var(--zd_font_size12) ;
-  height: var(--zd_size18) ;
-  line-height: var(--zd_size18);
-  background-color: var(--zdt_fields_phitag_bg);
-  border: 1px solid var(--zdt_fields_phitag_border);
-  padding: 0 var(--zd_size5) ;
-  border-radius: var(--zd_size3);
-}
-[dir=ltr] .ePhiTag {
-  margin-left: var(--zd_size8) ;
-}
-[dir=rtl] .ePhiTag {
-  margin-right: var(--zd_size8) ;
-}
+.container,
+.checkboxFieldContainer {
+  position: relative;
+  word-break: break-word;
+}
+.fieldContainer {
+  position: relative;
+  min-height: var(--zd_size25) ;
+}
+.fieldMargin_medium {
+  margin-top: var(--zd_size5) ;
+}
+.fieldMargin_small {
+  margin-top: 0 ;
+}
+.radioContainer,
+.checkbox {
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+}
+.checkbox {
+  min-height: var(--zd_size28) ;
+}
+.checkboxRow {
+  display: inherit;
+}
+.lineClamp_one,
+.lineClamp_two {
+  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+}
+.lineClamp_one {
+  -webkit-line-clamp: 1;
+}
+.lineClamp_two {
+  -webkit-line-clamp: 2;
+}
+.checkboxText {
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  line-height: normal;
+}
+[dir=ltr] .checkboxText {
+  padding-left: var(--zd_size6) ;
+}
+[dir=rtl] .checkboxText {
+  padding-right: var(--zd_size6) ;
+}
+.cbTextPointer {
+  cursor: pointer;
+}
+.disabled, .readonly {
+  cursor: not-allowed;
+}
+.cbTextReadonly,
+.disabled .fieldLabel,
+.readonly .fieldLabel {
+  --label_cursor: not-allowed;
+}
+[dir=ltr] .radio {
+  margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
+}
+[dir=rtl] .radio {
+  margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
+}
+[dir=ltr] .duration {
+  margin-right: var(--zd_size15) ;
+}
+[dir=rtl] .duration {
+  margin-left: var(--zd_size15) ;
+}
+.durationWidth {
+  width: var(--zd_size94) ;
+}
+.flex {
+  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+}
+.periodContainer {
+  composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  width: 100% ;
+  /*margin-left: var(--zd_size15);*/
+}
+.phoneIcon {
+  color: var(--zdt_fields_phoneicon_icon);
+  display: inline-block;
+  margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
+  cursor: pointer;
+}
+.phoneIcon:hover {
+  color: var(--zdt_fields_phoneicon_hover_icon);
+}
+.newtabIcon {
+  color: var(--zdt_fields_newtabicon_icon);
+  cursor: pointer;
+}
+.newtabIcon:hover {
+    color: var(--zdt_fields_newtabicon_hover_icon);
+}
+.labelContainer {
+  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+}
+.lockIcon,
+.infoIcon {
+  color: var(--zdt_fields_lockicon_icon);
+  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+}
+[dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
+  margin-left: var(--zd_size5) ;
+}
+[dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
+  margin-right: var(--zd_size5) ;
+}
+/* .infoIcon {
+  opacity: 0;
+  visibility: hidden;
+}
+.container:hover .infoIcon {
+  opacity: 1;
+  visibility: visible;
+} */
+/* .lockIcon {
+  cursor: pointer;
+} */
+.lockIcon:hover {
+  color: var(--zdt_fields_lockicon_hover_icon);
+}
+.timeFormat {
+  font-size: var(--zd_font_size11) ;
+  color: var(--zdt_fields_lockicon_icon);
+}
+[dir=ltr] .timeFormat {
+  margin-left: var(--zd_size4) ;
+}
+[dir=rtl] .timeFormat {
+  margin-right: var(--zd_size4) ;
+}
+.newTab {
+  color: var(--zdt_fields_lockicon_icon);
+  font-size: 0 ;
+  display: none;
+  cursor: pointer;
+}
+[dir=ltr] .newTab {
+  margin-left: var(--zd_size6) ;
+}
+[dir=rtl] .newTab {
+  margin-right: var(--zd_size6) ;
+}
+.newTab:hover {
+  color: var(--zdt_fields_phoneicon_icon);
+}
+.container:hover .newTab {
+  display: block;
+}
+.lockText {
+  font-size: var(--zd_font_size13) ;
+  font-style: italic;
+  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+}
+.labelMandatory:after {
+  content: '*';
+  color: var(--zdt_fields_lockicon_hover_icon);
+}
+[dir=ltr] .labelMandatory:after {
+  padding-left: var(--zd_size2) ;
+}
+[dir=rtl] .labelMandatory:after {
+  padding-right: var(--zd_size2) ;
+}
+.ePhiTag {
+  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
+  color: var(--zdt_fields_phitag_text);
+  font-size: var(--zd_font_size12) ;
+  height: var(--zd_size18) ;
+  line-height: var(--zd_size18);
+  background-color: var(--zdt_fields_phitag_bg);
+  border: 1px solid var(--zdt_fields_phitag_border);
+  padding: 0 var(--zd_size5) ;
+  border-radius: var(--zd_size3);
+}
+[dir=ltr] .ePhiTag {
+  margin-left: var(--zd_size8) ;
+}
+[dir=rtl] .ePhiTag {
+  margin-right: var(--zd_size8) ;
+}

package/lib/form/fields/MultiSelectField/props/propTypes.js

@@ -27,7 +27,6 @@ var propTypes = _objectSpread({
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
-  isFocusOnLabelClick: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   isSearching: _propTypes["default"].bool,
   labelName: _propTypes["default"].string,
@@ -62,7 +61,8 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  i18nKeys: _propTypes["default"].object
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  i18nKeys: _propTypes["default"].object,
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

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

@@ -46,6 +46,13 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextBoxFieldProps: _propTypes["default"].object
-  })
+  }),
+  onFocus: _propTypes["default"].func,
+  dataSelectorId: _propTypes["default"].string,
+  isTelephony: _propTypes["default"].bool,
+  providerName: _propTypes["default"].string,
+  ticketId: _propTypes["default"].string,
+  contactId: _propTypes["default"].string,
+  type: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

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

@@ -29,13 +29,13 @@ var propTypes = {
   validationPalette: _propTypes["default"].string,
   validationRuleMessage: _propTypes["default"].string,
   validationRulePalette: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
   variant: _propTypes["default"].oneOf(['primary', 'default', 'secondary']),
   customProps: _propTypes["default"].shape({
     LabelProps: _propTypes["default"].object,
     RadioProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
+  }),
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/SelectField/SelectField.js

@@ -145,8 +145,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
           onFocus = _this$props3.onFocus,
           iconOnHover = _this$props3.iconOnHover,
           customProps = _this$props3.customProps,
-          renderLabelProps = _this$props3.renderLabelProps,
-          ariaLabelledby = _this$props3.ariaLabelledby;
+          renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$SelectPr = customProps.SelectProps,

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

@@ -28,7 +28,6 @@ var propTypes = _objectSpread({
   getNextOptions: _propTypes["default"].func,
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
-  isFocusOnLabelClick: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   labelCustomClass: _propTypes["default"].string,
   labelName: _propTypes["default"].string,
@@ -62,7 +61,8 @@ var propTypes = _objectSpread({
     SelectProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  }),
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;