@zohodesk/dot 1.4.15 → 1.4.16

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

@@ -1,5 +1,3 @@
-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 { defaultProps } from './props/defaultProps';
@@ -103,18 +101,18 @@ export default class TextBoxField extends PureComponent {
       ePhiData: ePhiData,
       dataId: dataId,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps, {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
       id: labelName
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
+    }, /*#__PURE__*/React.createElement(TextBoxIcon, {
       htmlId: uniqueId,
       id: id,
       type: textBoxType,
@@ -134,24 +132,26 @@ export default class TextBoxField extends PureComponent {
       isDisabled: isDisabled,
       needEffect: isReadOnly || isDisabled ? false : true,
       isClickable: isClickable,
-      needReadOnlyStyle: needReadOnlyStyle
-    }, TextBoxIconProps, {
+      needReadOnlyStyle: needReadOnlyStyle,
+      ...TextBoxIconProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    }), children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       dataId: `${dataId}_ValidationMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      htmlFor: uniqueId,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

package/es/form/fields/TextBoxField/__tests__/TextBoxField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextBoxField from '../TextBoxField';
+describe('TextBoxField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextBoxField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap

@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextBoxField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="textBoxField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <div
+        class="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container xmedium  primary  effect  borderColor_default  "
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            id="1"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditor from '../TextEditor';
+describe('TextEditor', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditor, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditor rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="textEditor large borderTop
+        light  editorHide flex cover coldir"
+    data-id="containerComponent"
+    data-iseditor="true"
+    data-selector-id="textEditor"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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 { defaultProps } from './props/defaultProps';
@@ -121,17 +119,18 @@ export default class TextEditorField extends PureComponent {
       renderProps: {
         end: this.renderEnd
       }
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       htmlFor: !isReadOnly && !isDisabled ? id : undefined,
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       onClick: this.handleLabelClick,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextEditorWrapper, _extends({
+    }, /*#__PURE__*/React.createElement(TextEditorWrapper, {
       needEditor: needEditor,
       onChange: this.handleChange,
       id: id,
@@ -160,13 +159,15 @@ export default class TextEditorField extends PureComponent {
       shouldEditorUpdateContent: shouldEditorUpdateContent,
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleEditorDropUpload: handleEditorDropUpload,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorWrapperProps))), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorWrapperProps
+    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps)));
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps
+    }));
   }
 
 }

package/es/form/fields/TextEditorField/__tests__/TextEditorField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditorField from '../TextEditorField';
+describe('TextEditorField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditorField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditorField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  "
+    data-selector-id="textEditorField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <div
+        class="container"
+        data-selector-id="textEditorWrapper"
+      >
+        <textarea
+          class="textBox  container xsmall primary needBorder noresize     effect borderColor_default"
+          data-id="TextareaComp"
+          data-selector-id="textarea"
+          data-test-id="TextareaComp"
+        />
+        <div />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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 './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -132,7 +130,7 @@ export default class TextEditorWrapper extends Component {
     return /*#__PURE__*/React.createElement("div", {
       className: style.container,
       "data-selector-id": dataSelectorId
-    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
+    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -144,8 +142,9 @@ export default class TextEditorWrapper extends Component {
       getRef: getRef,
       size: textBoxSize,
       variant: textBoxVariant,
-      customClass: style.textBox
-    }, Textarea1Props)) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+      customClass: style.textBox,
+      ...Textarea1Props
+    }) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
       name: "slideDown",
       runOnMount: true,
       enterDuration: '300',
@@ -154,7 +153,7 @@ export default class TextEditorWrapper extends Component {
       component: "div"
     }, /*#__PURE__*/React.createElement("div", {
       className: style.textEditor
-    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
+    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
       id: id,
       value: value,
       onChange: !isReadOnly && !isDisabled ? onChange : null,
@@ -182,8 +181,9 @@ export default class TextEditorWrapper extends Component {
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleDropUpload: handleEditorDropUpload,
       onFocus: this.focusCallback,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorProps
+    }) : /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -194,8 +194,9 @@ export default class TextEditorWrapper extends Component {
       needEffect: !(isReadOnly || isDisabled),
       getRef: getRef,
       size: textBoxSize,
-      variant: textBoxVariant
-    }, Textarea2Props)))));
+      variant: textBoxVariant,
+      ...Textarea2Props
+    }))));
   }
 
 }

package/es/form/fields/TextEditorWrapper/__tests__/TextEditorWrapper.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditorWrapper from '../TextEditorWrapper';
+describe('TextEditorWrapper', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditorWrapper, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditorWrapper rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+    data-selector-id="textEditorWrapper"
+  >
+    <textarea
+      class="textBox  container small primary needBorder noresize  smallanimated   effect borderColor_default"
+      data-id="TextareaComp"
+      data-selector-id="textarea"
+      data-test-id="TextareaComp"
+    />
+    <div />
+  </div>
+</DocumentFragment>
+`;

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

@@ -1,5 +1,3 @@
-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 { defaultProps } from './props/defaultProps';
@@ -105,17 +103,18 @@ export default class TextareaField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       id: id,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       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", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(Textarea, _extends({
+    }, /*#__PURE__*/React.createElement(Textarea, {
       onChange: this.handleChange,
       animated: animated,
       size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
@@ -133,24 +132,26 @@ export default class TextareaField extends PureComponent {
       needEffect: isReadOnly || isDisabled ? false : true,
       resize: "vertical" // onKeyDown={onKeyDown}
       ,
-      htmlId: uniqueId
-    }, TextareaProps, {
+      htmlId: uniqueId,
+      ...TextareaProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

package/es/form/fields/TextareaField/__tests__/TextareaField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextareaField from '../TextareaField';
+describe('TextareaField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextareaField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextareaField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="textareaField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <textarea
+        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect borderColor_default"
+        data-id="property(undefined)"
+        data-selector-id="textarea"
+        data-test-id="property(undefined)"
+        id="1"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/ValidationMessage/__tests__/ValidationMessage.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ValidationMessage from '../ValidationMessage';
+describe('ValidationMessage', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ValidationMessage, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ValidationMessage rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="primary"
+    data-id="errorMsgContainer"
+    data-selector-id="validationMessage"
+    data-test-id="errorMsgContainer"
+    role="alert"
+  >
+    <label
+      class="label title xsmall mandatory font_default
+           cursor lable "
+      data-id="label"
+      data-selector-id="label"
+      data-test-id="label"
+      data-title=""
+    >
+      Label
+    </label>
+  </div>
+</DocumentFragment>
+`;

package/es/form/layout/Field/__tests__/Field.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Field from '../Field';
+describe('Field', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Field, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Field rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" half "
+  >
+    <div
+      class=" fieldWidth_half"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/form/layout/Section/__tests__/Section.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Section from '../Section';
+describe('Section', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Section, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Section rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+  >
+    <div
+      class=" "
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/layout/SetupDetailLayout/__tests__/SetupDetailLayout.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SetupDetailLayout from '../SetupDetailLayout';
+describe('SetupDetailLayout', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SetupDetailLayout, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SetupDetailLayout rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="SetupDetailLayout"
+    data-scroll="true"
+    data-selector-id="container"
+    data-test-id="SetupDetailLayout"
+  />
+</DocumentFragment>
+`;

package/es/layout/SubtabLayout/SubtabLayout.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
 import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
@@ -124,15 +122,15 @@ export default class SubtabLayout extends React.Component {
       children,
       dataId
     } = this.props;
-    return /*#__PURE__*/React.createElement(Card, _extends({
+    return /*#__PURE__*/React.createElement(Card, {
       isScrollAttribute: true,
-      dataId: dataId
-    }, this.props, {
+      dataId: dataId,
+      ...this.props,
       childTypes: {
         cardHeader: SubtabHeader,
         cardContent: SubtabContent
       }
-    }), children);
+    }, children);
   }
 
 }

package/es/layout/SubtabLayout/__tests__/SubtabLayout.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SubtabLayout from '../SubtabLayout';
+describe('SubtabLayout', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SubtabLayout, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SubtabLayout rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="subTabLayout"
+    data-scroll="true"
+    data-selector-id="container"
+    data-test-id="subTabLayout"
+  />
+</DocumentFragment>
+`;

package/es/list/AvatarFlip/__tests__/AvatarFlip.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AvatarFlip from '../AvatarFlip';
+describe('AvatarFlip', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AvatarFlip, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});