@zohodesk/dot 1.0.0-temp-97 → 1.0.0-temp-98

package/lib/form/fields/TextEditorField/TextEditorField.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
 
@@ -21,6 +19,10 @@ var _TextEditorWrapper = _interopRequireDefault(require("../TextEditorWrapper/Te
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 
+var _FieldCommonDefaultProps = require("../props/FieldCommonDefaultProps");
+
+var _FieldCommonPropTypes = require("../props/FieldCommonPropTypes");
+
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -29,6 +31,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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; }
+
 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"); } }
@@ -220,8 +228,62 @@ var TextEditorField = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 exports["default"] = TextEditorField;
-TextEditorField.propTypes = _propTypes.propTypes;
-TextEditorField.defaultProps = _defaultProps.defaultProps;
+TextEditorField.propTypes = _objectSpread({
+  dataId: _propTypes["default"].string,
+  fieldSize: _propTypes["default"].oneOf(['small', 'medium']),
+  getRef: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  isFocusOnLabelClick: _propTypes["default"].bool,
+  labelCustomClass: _propTypes["default"].string,
+  labelName: _propTypes["default"].string,
+  labelPalette: _propTypes["default"].string,
+  needEditor: _propTypes["default"].bool,
+  onAttachmentUpload: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  validationMessage: _propTypes["default"].string,
+  validationPalette: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  errorType: _propTypes["default"].string,
+  EDITORURL: _propTypes["default"].string,
+  editorMode: _propTypes["default"].string,
+  isCustomScroll: _propTypes["default"].bool,
+  initCallback: _propTypes["default"].func,
+  className: _propTypes["default"].string,
+  loadingComponent: _propTypes["default"].node,
+  handleAlertMessage: _propTypes["default"].func,
+  editorCallback: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].object,
+  ImgLazyLoad: _propTypes["default"].node,
+  editorOptions: _propTypes["default"].object,
+  editorBlurCallback: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  isEditorDefaultOpen: _propTypes["default"].bool,
+  changeEditorContent: _propTypes["default"].bool,
+  shouldEditorUpdateContent: _propTypes["default"].bool,
+  setInlineAttachmentInProgress: _propTypes["default"].func,
+  handleEditorDropUpload: _propTypes["default"].func,
+  children: _propTypes["default"].node,
+  needInlineAttachment: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    LabelProps: _propTypes["default"].object,
+    TextEditorWrapperProps: _propTypes["default"].object,
+    ValidationMessageProps: _propTypes["default"].object
+  })
+}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+TextEditorField.defaultProps = _objectSpread({
+  errorType: 'primary',
+  needEditor: true,
+  isFocusOnLabelClick: true,
+  fieldSize: 'medium',
+  textBoxSize: 'xsmall',
+  textBoxVariant: 'primary',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  className: '',
+  customProps: {}
+}, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 
 if (false) {
   TextEditorField.docs = {

package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _TextEditor = _interopRequireDefault(require("../TextEditor/TextEditor"));
 
@@ -250,5 +248,49 @@ var TextEditorWrapper = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = TextEditorWrapper;
-TextEditorWrapper.propTypes = _propTypes.propTypes;
-TextEditorWrapper.defaultProps = _defaultProps.defaultProps;
+TextEditorWrapper.propTypes = {
+  dataId: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  needEditor: _propTypes["default"].bool,
+  onAttachmentUpload: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  textBoxSize: _propTypes["default"].oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  textBoxVariant: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  editorMode: _propTypes["default"].string,
+  editorSize: _propTypes["default"].string,
+  editorBorder: _propTypes["default"].string,
+  EDITORURL: _propTypes["default"].string,
+  isCustomScroll: _propTypes["default"].bool,
+  initCallback: _propTypes["default"].func,
+  loadingComponent: _propTypes["default"].node,
+  handleAlertMessage: _propTypes["default"].func,
+  editorCallback: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].object,
+  ImgLazyLoad: _propTypes["default"].node,
+  editorBlurCallback: _propTypes["default"].func,
+  editorOptions: _propTypes["default"].object,
+  isEditorDefaultOpen: _propTypes["default"].bool,
+  changeEditorContent: _propTypes["default"].bool,
+  shouldEditorUpdateContent: _propTypes["default"].bool,
+  setInlineAttachmentInProgress: _propTypes["default"].func,
+  handleEditorDropUpload: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  needInlineAttachment: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    Textarea1Props: _propTypes["default"].object,
+    TextEditorProps: _propTypes["default"].object,
+    Textarea2Props: _propTypes["default"].object
+  })
+};
+TextEditorWrapper.defaultProps = {
+  textBoxSize: 'small',
+  textBoxVariant: 'primary',
+  editorSize: 'large',
+  editorBorder: 'borderAll',
+  isEditorDefaultOpen: false,
+  customProps: {}
+};

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

@@ -1,37 +1,37 @@
-.container{
-  position: relative;
-  min-height: var(--zd_size28);
-}
-.textBox {
-  height: var(--zd_size28);
-  width: 100%;
-  position: absolute;
-  transition: border var(--zd_transition2) linear 0s;
-  cursor: text;
-}
-[dir=ltr] .textBox {
-  left: 0;
-  animation: fadeIn var(--zd_transition4);
-}
-[dir=rtl] .textBox {
-  right: 0;
-  animation: fadeIn var(--zd_transition4);
-}
-.textEditor {
-  position: relative;
-  z-index: 1;
-}
-[dir=ltr] .textEditor {
-  padding-right: 1px;
-}
-[dir=rtl] .textEditor {
-  padding-left: 1px;
-}
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.container{
+  position: relative;
+  min-height: var(--zd_size28);
+}
+.textBox {
+  height: var(--zd_size28);
+  width: 100%;
+  position: absolute;
+  transition: border var(--zd_transition2) linear 0s;
+  cursor: text;
+}
+[dir=ltr] .textBox {
+  left: 0;
+  animation: fadeIn var(--zd_transition4);
+}
+[dir=rtl] .textBox {
+  right: 0;
+  animation: fadeIn var(--zd_transition4);
+}
+.textEditor {
+  position: relative;
+  z-index: 1;
+}
+[dir=ltr] .textEditor {
+  padding-right: 1px;
+}
+[dir=rtl] .textEditor {
+  padding-left: 1px;
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }

package/lib/form/fields/TextareaField/TextareaField.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
 
@@ -23,6 +21,10 @@ var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 
+var _FieldCommonDefaultProps = require("../props/FieldCommonDefaultProps");
+
+var _FieldCommonPropTypes = require("../props/FieldCommonPropTypes");
+
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -31,6 +33,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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; }
+
 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"); } }
@@ -200,8 +208,49 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 exports["default"] = TextareaField;
-TextareaField.propTypes = _propTypes.propTypes;
-TextareaField.defaultProps = _defaultProps.defaultProps;
+TextareaField.propTypes = _objectSpread({
+  animated: _propTypes["default"].bool,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  errorType: _propTypes["default"].oneOf(['primary', 'secondary']),
+  fieldSize: _propTypes["default"].oneOf(['small', 'medium']),
+  getRef: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  // isFocusOnLabelClick: PropTypes.bool,
+  labelCustomClass: _propTypes["default"].string,
+  labelName: _propTypes["default"].string,
+  labelPalette: _propTypes["default"].string,
+  maxLength: _propTypes["default"].number,
+  onBlur: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  placeHolder: _propTypes["default"].string,
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  validationMessage: _propTypes["default"].string,
+  validationPalette: _propTypes["default"].string,
+  validationRuleMessage: _propTypes["default"].string,
+  validationRulePalette: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    LabelProps: _propTypes["default"].object,
+    TextareaProps: _propTypes["default"].object,
+    ValidationMessageProps1: _propTypes["default"].object,
+    ValidationMessageProps2: _propTypes["default"].object
+  })
+}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+TextareaField.defaultProps = _objectSpread({
+  textBoxSize: 'xsmall',
+  textBoxVariant: 'primary',
+  animated: true,
+  errorType: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  // isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  customProps: {}
+}, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 
 if (false) {
   TextareaField.docs = {

package/lib/form/fields/ValidationMessage/ValidationMessage.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
 
@@ -98,8 +96,25 @@ var ValidationMessage = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = ValidationMessage;
-ValidationMessage.propTypes = _propTypes.propTypes;
-ValidationMessage.defaultProps = _defaultProps.defaultProps;
+ValidationMessage.propTypes = {
+  clipped: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['primary', 'mandatory', 'danger']),
+  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
+  text: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['primary', 'secondary']),
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  }),
+  tooltip: _propTypes["default"].string
+};
+ValidationMessage.defaultProps = {
+  palette: 'mandatory',
+  size: 'xsmall',
+  type: 'primary',
+  a11y: {}
+};
 
 if (false) {
   ValidationMessage.docs = {

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

@@ -1,27 +1,27 @@
-.basic{
-  font-size: 0;
-}
-.lable{
-  display: inline;
-}
-.icon{
-  color:var(--label_text_color);
-  display: inline-block;
-  margin: 0 var(--zd_size5);
-}
-.primary {
-  position: absolute;
-  top: 100%;
-  composes:basic;
-  margin-top: var(--zd_size5);
-}
-[dir=ltr] .primary {
-  left: 0;
-}
-[dir=rtl] .primary {
-  right: 0;
-}
-.secondary {
-  composes:basic;
-  margin-top: var(--zd_size5);
-}
+.basic{
+  font-size: 0;
+}
+.lable{
+  display: inline;
+}
+.icon{
+  color:var(--label_text_color);
+  display: inline-block;
+  margin: 0 var(--zd_size5);
+}
+.primary {
+  position: absolute;
+  top: 100%;
+  composes:basic;
+  margin-top: var(--zd_size5);
+}
+[dir=ltr] .primary {
+  left: 0;
+}
+[dir=rtl] .primary {
+  right: 0;
+}
+.secondary {
+  composes:basic;
+  margin-top: var(--zd_size5);
+}

package/lib/form/layout/Field/Field.js

@@ -9,9 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _FieldModule = _interopRequireDefault(require("./Field.module.css"));
 
@@ -78,8 +76,19 @@ var Field = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = Field;
-Field.propTypes = _propTypes.propTypes;
-Field.defaultProps = _defaultProps.defaultProps;
+Field.propTypes = {
+  children: _propTypes["default"].any,
+  className: _propTypes["default"].string,
+  column: _propTypes["default"].string,
+  containerClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  rowBreak: _propTypes["default"].bool,
+  width: _propTypes["default"].oneOf(['full', 'half'])
+};
+Field.defaultProps = {
+  width: 'half',
+  rowBreak: false
+};
 
 if (false) {
   Field.docs = {

package/lib/form/layout/Field/Field.module.css

@@ -1,22 +1,22 @@
-.container {
-  min-width: 0;
-}
-.half {
-  flex: 1 1 50%;
-  max-width: 50%;
-}
-.full {
-  flex: 1 1 100%;
-}
-.fieldContaier {
-  display: inline-block;
-  width: 100%;
-  vertical-align: middle;
-}
-.rowBreak {
-  display: block;
-  width: 100%;
-}
-.singleColumn {
-  width: 100%;
-}
+.container {
+  min-width: 0;
+}
+.half {
+  flex: 1 1 50%;
+  max-width: 50%;
+}
+.full {
+  flex: 1 1 100%;
+}
+.fieldContaier {
+  display: inline-block;
+  width: 100%;
+  vertical-align: middle;
+}
+.rowBreak {
+  display: block;
+  width: 100%;
+}
+.singleColumn {
+  width: 100%;
+}

package/lib/form/layout/Section/ModuleFormSection.module.css

@@ -1,3 +1,3 @@
-.singleColumn {
-  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
-}
+.singleColumn {
+  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
+}

package/lib/form/layout/Section/Section.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _ModuleFormSectionModule = _interopRequireDefault(require("./ModuleFormSection.module.css"));
 
@@ -77,7 +77,14 @@ var Section = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = Section;
-Section.propTypes = _propTypes.propTypes;
+Section.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  containerClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  titleClass: _propTypes["default"].string
+};
 
 if (false) {
   Section.docs = {

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -9,9 +9,7 @@ exports["default"] = exports.SetupHeader = exports.SetupFooter = exports.SetupCo
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
@@ -127,8 +125,18 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = SetupDetailLayout;
-SetupDetailLayout.propTypes = _propTypes.SetupDetailLayout_propTypes;
-SetupDetailLayout.defaultProps = _defaultProps.SetupDetailLayout_defaultProps;
+SetupDetailLayout.propTypes = {
+  children: _propTypes["default"].element,
+  dataId: _propTypes["default"].string,
+  getHelpInfo: _propTypes["default"].func,
+  helpInfoTitle: _propTypes["default"].string,
+  needHelpInfo: _propTypes["default"].bool
+};
+SetupDetailLayout.defaultProps = {
+  helpInfoTitle: 'Page Tips',
+  needHelpInfo: false,
+  dataId: 'SetupDetailLayout'
+};
 
 if (false) {
   SetupDetailLayout.docs = {
@@ -221,8 +229,27 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.SetupHeader = SetupHeader;
-SetupHeader.propTypes = _propTypes.SetupHeader_propTypes;
-SetupHeader.defaultProps = _defaultProps.SetupHeader_defaultProps;
+SetupHeader.propTypes = {
+  dataId: _propTypes["default"].string,
+  getLeftPlaceHolder: _propTypes["default"].func,
+  getRightPlaceHolder: _propTypes["default"].func,
+  headerCustomStyle: _propTypes["default"].object,
+  isCustomizedHeader: _propTypes["default"].bool,
+  leftClassName: _propTypes["default"].string,
+  needBack: _propTypes["default"].bool,
+  needHelpInfo: _propTypes["default"].bool,
+  needHelpInfoWrapper: _propTypes["default"].bool,
+  onBackClick: _propTypes["default"].func,
+  openHelpInfo: _propTypes["default"].func,
+  rightClassName: _propTypes["default"].string,
+  title: _propTypes["default"].string
+};
+SetupHeader.defaultProps = {
+  needBack: false,
+  needHelpInfo: false,
+  needHelpInfoWrapper: false,
+  dataId: 'SetupHeader'
+};
 
 var SetupContent = /*#__PURE__*/function (_Component2) {
   _inherits(SetupContent, _Component2);
@@ -257,8 +284,16 @@ var SetupContent = /*#__PURE__*/function (_Component2) {
 }(_react.Component);
 
 exports.SetupContent = SetupContent;
-SetupContent.propTypes = _propTypes.SetupContent_propTypes;
-SetupContent.defaultProps = _defaultProps.SetupContent_defaultProps;
+SetupContent.propTypes = {
+  children: _propTypes["default"].element,
+  className: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  needPadding: _propTypes["default"].bool
+};
+SetupContent.defaultProps = {
+  needPadding: true,
+  dataId: 'SetupContent'
+};
 
 var SetupFooter = /*#__PURE__*/function (_Component3) {
   _inherits(SetupFooter, _Component3);
@@ -287,5 +322,10 @@ var SetupFooter = /*#__PURE__*/function (_Component3) {
 }(_react.Component);
 
 exports.SetupFooter = SetupFooter;
-SetupFooter.propTypes = _propTypes.SetupFooter_propTypes;
-SetupFooter.defaultProps = _defaultProps.SetupFooter_defaultProps;
+SetupFooter.propTypes = {
+  children: _propTypes["default"].element,
+  dataId: _propTypes["default"].string
+};
+SetupFooter.defaultProps = {
+  dataId: 'SetupFooter'
+};