@zohodesk/dot 1.4.2 → 1.4.3

package/es/v1/form/fields/TagsMultiSelect/props/propTypes.js

@@ -0,0 +1,44 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  addTag: PropTypes.func,
+  boxPosition: PropTypes.string,
+  className: PropTypes.string,
+  deleteTag: PropTypes.func,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  getTextInputRef: PropTypes.func,
+  handleChange: PropTypes.func,
+  handleKeyUp: PropTypes.func,
+  handleTogglePopup: PropTypes.func,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isTagListLoading: PropTypes.bool,
+  name: PropTypes.string,
+  noMoreData: PropTypes.bool,
+  onScroll: PropTypes.func,
+  searchList: PropTypes.array,
+  selectSearchIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  tagsList: PropTypes.array,
+  chipNeedToShow: PropTypes.string,
+  listDisabled: PropTypes.bool,
+  dataId: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    newTagText: PropTypes.string.isRequired,
+    emptyTitleText: PropTypes.string.isRequired,
+    emptyDescription: PropTypes.string.isRequired,
+    errorMessage: PropTypes.string.isRequired,
+    deleteText: PropTypes.string.isRequired,
+    lessText: PropTypes.string.isRequired,
+    moreText: PropTypes.string.isRequired,
+    placeholderText: PropTypes.string
+  }),
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
+  needBorder: PropTypes.bool,
+  getTextBoxChildren: PropTypes.func,
+  htmlId: PropTypes.string,
+  boxSize: PropTypes.string,
+  onSelectTag: PropTypes.func,
+  clickableTag: PropTypes.bool,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,8 +1,8 @@
 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, useEffect } from 'react';
-import { defaultProps } from '../../../../form/fields/TagsMultiSelectField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TagsMultiSelectField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Box } from '@zohodesk/components/es/v1/Layout';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';

package/es/v1/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -0,0 +1,19 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  fieldProperties: {
+    isDisabled: false,
+    isMandatory: false
+  },
+  styleProperties: {
+    containerClass: '',
+    needBorder: true,
+    borderColor: 'default',
+    errorType: 'primary'
+  },
+  isNewNeeded: false,
+  i18nKeys: {},
+  numberOfDisplayedValues: '5',
+  customProps: {},
+  dataSelectorId: 'tagsMultiSelectField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -0,0 +1,63 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  fieldProperties: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    labelName: PropTypes.string,
+    isMandatory: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    isReadOnly: PropTypes.bool,
+    value: PropTypes.string,
+    selectedValueCount: PropTypes.string,
+    validationMessage: PropTypes.string,
+    options: PropTypes.array,
+    clickableTag: PropTypes.bool
+  }),
+  styleProperties: PropTypes.shape({
+    labelSize: PropTypes.string,
+    labelPalette: PropTypes.string,
+    labelClass: PropTypes.string,
+    containerClass: PropTypes.string,
+    needBorder: PropTypes.bool,
+    borderColor: PropTypes.string,
+    validationPalette: PropTypes.string,
+    errorType: PropTypes.string
+  }),
+  actions: PropTypes.shape({
+    onChange: PropTypes.func,
+    onAdd: PropTypes.func,
+    onDelete: PropTypes.func,
+    onScroll: PropTypes.func,
+    onFocus: PropTypes.func
+  }),
+  isNewNeeded: PropTypes.bool,
+  htmlId: PropTypes.string,
+  isLoading: PropTypes.bool,
+  isListDisabled: PropTypes.bool,
+  numberOfDisplayedValues: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  getTextBoxChildren: PropTypes.func,
+  children: PropTypes.node,
+  i18nKeys: PropTypes.object,
+  noMoreData: PropTypes.bool,
+  position: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TagsMultiSelectProps: PropTypes.object,
+    ValidationMessageProps: PropTypes.object
+  }),
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  searchValue: PropTypes.string,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  removeClose: PropTypes.func,
+  togglePopup: PropTypes.func,
+  clickableTag: PropTypes.bool,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.bool
+};

package/es/v1/form/fields/TextBoxField/TextBoxField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from '../../../../form/fields/TextBoxField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TextBoxField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/TextBoxField/props/defaultProps.js

@@ -0,0 +1,17 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  textBoxSize: 'xmedium',
+  textBoxType: 'text',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  // isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  isClickable: false,
+  needReadOnlyStyle: true,
+  customProps: {},
+  dataSelectorId: 'textBoxField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/TextBoxField/props/propTypes.js

@@ -0,0 +1,44 @@
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import PropTypes from 'prop-types';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  // isFocusOnLabelClick: 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,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  value: PropTypes.string,
+  isClickable: PropTypes.bool,
+  needReadOnlyStyle: PropTypes.bool,
+  children: PropTypes.node,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TextBoxIconProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  htmlId: PropTypes.string,
+  onFocus: PropTypes.func,
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/TextEditor/TextEditor.js

@@ -1,7 +1,7 @@
 /***** Libraries *****/
 import React, { Component } from 'react';
-import { defaultProps } from '../../../../form/fields/TextEditor/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TextEditor/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import selectn from 'selectn';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /***** Methods *****/

package/es/v1/form/fields/TextEditor/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const defaultProps = {
+  border: 'borderTop',
+  type: 'large',
+  changeEditorContent: false,
+  fontFamily: 'Lato',
+  fontSize: '16',
+  shouldUpdateContent: true,
+  i18nKeys: {},
+  needInlineAttachment: false,
+  isNightMode: false,
+  isReadOnly: false,
+  dataSelectorId: 'textEditor'
+};

package/es/v1/form/fields/TextEditor/props/propTypes.js

@@ -0,0 +1,46 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  ImgLazyLoad: PropTypes.node,
+  blurCallback: PropTypes.func,
+  border: PropTypes.oneOf(['borderTop', 'borderAll', 'borderNone']),
+  changeEditorContent: PropTypes.bool,
+  dataId: PropTypes.string,
+  editorCallback: PropTypes.func,
+  editorMode: PropTypes.string,
+  editorOptions: PropTypes.object,
+  fontFamily: PropTypes.oneOf(['Lato', 'Roboto', 'Puvi']),
+  fontSize: PropTypes.string,
+  getRef: PropTypes.func,
+  handleAlertMessage: PropTypes.func,
+  handleDropUpload: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    fileUploadError: PropTypes.string,
+    fileNotSupported: PropTypes.string,
+    fileEmptyError: PropTypes.string,
+    fileNameLimitExceed: PropTypes.string,
+    fileSizeLimitExceed: PropTypes.string
+  }),
+  id: PropTypes.string,
+  initCallback: PropTypes.func.isRequired,
+  isCustomScroll: PropTypes.bool,
+  loadingComponent: PropTypes.node,
+  mode: PropTypes.string,
+  needEditorFocus: PropTypes.bool,
+  onChange: PropTypes.func,
+  onFocus: PropTypes.func,
+  onUpload: PropTypes.func,
+  plainTextSwitchCallback: PropTypes.func,
+  setInlineAttachmentInProgress: PropTypes.func,
+  shouldUpdateContent: PropTypes.bool,
+  type: PropTypes.oneOf(['large', 'xlarge', 'medium', 'small', 'mini', 'default']),
+  value: PropTypes.string,
+  needInlineAttachment: PropTypes.bool,
+  isNightMode: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  EDITORURL: PropTypes.string,
+  getCSRFCookieName: PropTypes.string,
+  getCSRFCookie: PropTypes.string,
+  isEditorDefaultOpen: PropTypes.bool,
+  toggleEdit: PropTypes.func,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/form/fields/TextEditorField/TextEditorField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from '../../../../form/fields/TextEditorField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TextEditorField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/TextEditorField/props/defaultProps.js

@@ -0,0 +1,15 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  needEditor: true,
+  isFocusOnLabelClick: true,
+  fieldSize: 'medium',
+  textBoxSize: 'xsmall',
+  textBoxVariant: 'primary',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  className: '',
+  customProps: {},
+  dataSelectorId: 'textEditorField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/TextEditorField/props/propTypes.js

@@ -0,0 +1,59 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  dataId: PropTypes.string,
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isFocusOnLabelClick: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  needEditor: PropTypes.bool,
+  onAttachmentUpload: PropTypes.func,
+  onChange: PropTypes.func,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  value: PropTypes.string,
+  errorType: PropTypes.string,
+  EDITORURL: PropTypes.string,
+  editorMode: PropTypes.string,
+  isCustomScroll: PropTypes.bool,
+  initCallback: PropTypes.func,
+  className: PropTypes.string,
+  loadingComponent: PropTypes.node,
+  handleAlertMessage: PropTypes.func,
+  editorCallback: PropTypes.func,
+  i18nKeys: PropTypes.object,
+  ImgLazyLoad: PropTypes.node,
+  editorOptions: PropTypes.object,
+  editorBlurCallback: PropTypes.func,
+  onFocus: PropTypes.func,
+  isEditorDefaultOpen: PropTypes.bool,
+  changeEditorContent: PropTypes.bool,
+  shouldEditorUpdateContent: PropTypes.bool,
+  setInlineAttachmentInProgress: PropTypes.func,
+  handleEditorDropUpload: PropTypes.func,
+  children: PropTypes.node,
+  needInlineAttachment: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TextEditorWrapperProps: PropTypes.object,
+    ValidationMessageProps: PropTypes.object
+  }),
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  dataSelectorId: PropTypes.bool
+};

package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,8 +1,8 @@
 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, { Component } from 'react';
-import { defaultProps } from '../../../../form/fields/TextEditorWrapper/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TextEditorWrapper/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import TextEditor from '../TextEditor/TextEditor';

package/es/v1/form/fields/TextEditorWrapper/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  textBoxSize: 'small',
+  textBoxVariant: 'primary',
+  editorSize: 'large',
+  editorBorder: 'borderAll',
+  isEditorDefaultOpen: false,
+  customProps: {},
+  dataSelectorId: 'textEditorWrapper'
+};

package/es/v1/form/fields/TextEditorWrapper/props/propTypes.js

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  needEditor: PropTypes.bool,
+  onAttachmentUpload: PropTypes.func,
+  onChange: PropTypes.func,
+  textBoxSize: PropTypes.oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  textBoxVariant: PropTypes.string,
+  value: PropTypes.string,
+  editorMode: PropTypes.string,
+  editorSize: PropTypes.string,
+  editorBorder: PropTypes.string,
+  EDITORURL: PropTypes.string,
+  isCustomScroll: PropTypes.bool,
+  initCallback: PropTypes.func,
+  loadingComponent: PropTypes.node,
+  handleAlertMessage: PropTypes.func,
+  editorCallback: PropTypes.func,
+  i18nKeys: PropTypes.object,
+  ImgLazyLoad: PropTypes.node,
+  editorBlurCallback: PropTypes.func,
+  editorOptions: PropTypes.object,
+  isEditorDefaultOpen: PropTypes.bool,
+  changeEditorContent: PropTypes.bool,
+  shouldEditorUpdateContent: PropTypes.bool,
+  setInlineAttachmentInProgress: PropTypes.func,
+  handleEditorDropUpload: PropTypes.func,
+  onFocus: PropTypes.func,
+  needInlineAttachment: PropTypes.bool,
+  customProps: PropTypes.shape({
+    Textarea1Props: PropTypes.object,
+    TextEditorProps: PropTypes.object,
+    Textarea2Props: PropTypes.object
+  }),
+  dataSelectorId: PropTypes.string
+};

package/es/v1/form/fields/TextareaField/TextareaField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from '../../../../form/fields/TextareaField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TextareaField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/TextareaField/props/defaultProps.js

@@ -0,0 +1,15 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  textBoxSize: 'xsmall',
+  textBoxVariant: 'primary',
+  animated: true,
+  errorType: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  // isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  customProps: {},
+  dataSelectorId: 'textareaField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/TextareaField/props/propTypes.js

@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  animated: PropTypes.bool,
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  // isFocusOnLabelClick: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  maxLength: PropTypes.number,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  placeHolder: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  value: PropTypes.string,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TextareaProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/ValidationMessage/ValidationMessage.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../form/fields/ValidationMessage/props/defaultProps';
-import { propTypes } from '../../../../form/fields/ValidationMessage/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import colors from '@zohodesk/components/es/Label/LabelColors.module.css';
 import style from '../../../../form/fields/ValidationMessage/ValidationMessage.module.css';

package/es/v1/form/fields/ValidationMessage/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  palette: 'mandatory',
+  size: 'xsmall',
+  type: 'primary',
+  a11y: {},
+  dataSelectorId: 'validationMessage'
+};

package/es/v1/form/fields/ValidationMessage/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  clipped: PropTypes.bool,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'mandatory', 'danger']),
+  size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large']),
+  text: PropTypes.string,
+  type: PropTypes.oneOf(['primary', 'secondary']),
+  a11y: PropTypes.shape({
+    role: PropTypes.string
+  }),
+  tooltip: PropTypes.string,
+  htmlFor: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/form/fields/props/FieldCommonDefaultProps.js

@@ -0,0 +1,10 @@
+export const FieldCommonDefaultProps = () => {
+  return {
+    ePhiData: {},
+    isLocked: false,
+    isMandatory: false,
+    isDisabled: false,
+    isReadOnly: false,
+    renderLabelProps: {}
+  };
+};

package/es/v1/form/fields/props/FieldCommonPropTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const FieldCommonPropTypes = {
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  renderLabelProps: PropTypes.shape({
+    start: PropTypes.func,
+    middle: PropTypes.func,
+    end: PropTypes.func
+  }),
+  dataSelectorId: PropTypes.bool
+};
+;

package/es/v1/form/layout/Field/Field.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { defaultProps } from '../../../../form/layout/Field/props/defaultProps';
-import { propTypes } from '../../../../form/layout/Field/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../../../form/layout/Field/Field.module.css';
 export default class Field extends Component {
   render() {

package/es/v1/form/layout/Field/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  width: 'half',
+  rowBreak: false
+};

package/es/v1/form/layout/Field/props/propTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.any,
+  className: PropTypes.string,
+  column: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  rowBreak: PropTypes.bool,
+  width: PropTypes.oneOf(['full', 'half'])
+};

package/es/v1/form/layout/Section/Section.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { propTypes } from '../../../../form/layout/Section/props/propTypes';
+import { propTypes } from './props/propTypes';
 import style from '../../../../form/layout/Section/ModuleFormSection.module.css';
 export default class Section extends Component {
   constructor(props) {

package/es/v1/form/layout/Section/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  title: PropTypes.string,
+  titleClass: PropTypes.string,
+  column: PropTypes.string,
+  formName: PropTypes.string
+};

package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from '../../../layout/SetupDetailLayout/props/defaultProps';
-import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from '../../../layout/SetupDetailLayout/props/propTypes';
+import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from './props/defaultProps';
+import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import style from '../../../layout/SetupDetailLayout/SetupDetailLayout.module.css';

package/es/v1/layout/SetupDetailLayout/props/defaultProps.js

@@ -0,0 +1,20 @@
+export const SetupDetailLayout_defaultProps = {
+  helpInfoTitle: 'Page Tips',
+  needHelpInfo: false,
+  dataId: 'SetupDetailLayout',
+  i18nKeys: {}
+};
+export const SetupHeader_defaultProps = {
+  needBack: false,
+  needHelpInfo: false,
+  needHelpInfoWrapper: false,
+  dataId: 'SetupHeader',
+  i18nKeys: {}
+};
+export const SetupContent_defaultProps = {
+  needPadding: true,
+  dataId: 'SetupContent'
+};
+export const SetupFooter_defaultProps = {
+  dataId: 'SetupFooter'
+};