@zohodesk/dot 1.0.0-temp-38 → 1.0.0-temp-39

package/src/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js

@@ -1,19 +1,19 @@
-import React from 'react';
-import ValidationMessage from '../ValidationMessage';
-export default class ValidationMessage__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <ValidationMessage text='validation' type='secondary' size='small' />
-    );
-  }
-}
-if (__DOCS__) {
-  ValidationMessage__default.docs = {
-    componentGroup: 'Form Fields',
-    folderName: 'Style Guide'
-  };
-}
+import React from 'react';
+import ValidationMessage from '../ValidationMessage';
+export default class ValidationMessage__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <ValidationMessage text='validation' type='secondary' size='small' />
+    );
+  }
+}
+if (__DOCS__) {
+  ValidationMessage__default.docs = {
+    componentGroup: 'Form Fields',
+    folderName: 'Style Guide'
+  };
+}

package/src/form/layout/Field/Field.js

@@ -1,53 +1,53 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './Field.module.css';
-
-export default class Field extends Component {
-  render() {
-    let {
-      width,
-      children,
-      rowBreak,
-      column,
-      className,
-      containerClass,
-      dataId
-    } = this.props;
-    return (
-      <React.Fragment>
-        <div
-          className={`${containerClass ? containerClass : ''} ${
-            column == 'single' ? `${style.singleColumn}` : `${style[width]} `
-          }`} data-id={dataId}
-        >
-          <div
-            className={`${className ? className : ''} ${`fieldWidth_${width}`}`}
-          >
-            {children}
-          </div>
-        </div>
-        {rowBreak && <div className={style.rowBreak} />}
-      </React.Fragment>
-    );
-  }
-}
-
-Field.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  column: PropTypes.string,
-  containerClass: PropTypes.string,
-  dataId: PropTypes.string,
-  rowBreak: PropTypes.bool,
-  width: PropTypes.oneOf(['full', 'half'])
-};
-Field.defaultProps = {
-  width: 'half',
-  rowBreak: false
-};
-
-if (__DOCS__) {
-  Field.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import style from './Field.module.css';
+
+export default class Field extends Component {
+  render() {
+    let {
+      width,
+      children,
+      rowBreak,
+      column,
+      className,
+      containerClass,
+      dataId
+    } = this.props;
+    return (
+      <React.Fragment>
+        <div
+          className={`${containerClass ? containerClass : ''} ${
+            column == 'single' ? `${style.singleColumn}` : `${style[width]} `
+          }`} data-id={dataId}
+        >
+          <div
+            className={`${className ? className : ''} ${`fieldWidth_${width}`}`}
+          >
+            {children}
+          </div>
+        </div>
+        {rowBreak && <div className={style.rowBreak} />}
+      </React.Fragment>
+    );
+  }
+}
+
+Field.propTypes = {
+  children: PropTypes.any,
+  className: PropTypes.string,
+  column: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  rowBreak: PropTypes.bool,
+  width: PropTypes.oneOf(['full', 'half'])
+};
+Field.defaultProps = {
+  width: 'half',
+  rowBreak: false
+};
+
+if (__DOCS__) {
+  Field.docs = {
+    componentGroup: 'ModuleAddForm'
+  };
+}

package/src/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/src/form/layout/Field/docs/Field__default.docs.js

@@ -1,20 +1,20 @@
-import React, { Component } from 'react';
-import Field from '../Field';
-export default class Field__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <Field column='two' rowBreak>
-        <div style={{ textAlign: 'center' }}>Chidren</div>
-      </Field>
-    );
-  }
-}
-if (__DOCS__) {
-  Field__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}
+import React, { Component } from 'react';
+import Field from '../Field';
+export default class Field__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <Field column='two' rowBreak>
+        <div style={{ textAlign: 'center' }}>Chidren</div>
+      </Field>
+    );
+  }
+}
+if (__DOCS__) {
+  Field__default.docs = {
+    componentGroup: 'ModuleAddForm'
+  };
+}

package/src/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/src/form/layout/Section/Section.js

@@ -1,47 +1,47 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import style from './ModuleFormSection.module.css';
-export default class Section extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    let {
-      title,
-      dataId,
-      containerClass,
-      titleClass,
-      className,
-      column,
-      formName
-    } = this.props;
-    return (
-      <div data-id={dataId} className={containerClass ? containerClass : ''}>
-        {title && <div className={titleClass ? titleClass : ''}>{title}</div>}
-        <div
-          className={`${className ? className : ''} ${
-            column == 'single' ? style.singleColumn : ''
-          }`}
-          data-id={formName && formName}
-        >
-          {this.props.children}
-        </div>
-      </div>
-    );
-  }
-}
-Section.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClass: PropTypes.string,
-  dataId: PropTypes.string,
-  title: PropTypes.string,
-  titleClass: PropTypes.string
-};
-if (__DOCS__) {
-  Section.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}
-
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import style from './ModuleFormSection.module.css';
+export default class Section extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      title,
+      dataId,
+      containerClass,
+      titleClass,
+      className,
+      column,
+      formName
+    } = this.props;
+    return (
+      <div data-id={dataId} className={containerClass ? containerClass : ''}>
+        {title && <div className={titleClass ? titleClass : ''}>{title}</div>}
+        <div
+          className={`${className ? className : ''} ${
+            column == 'single' ? style.singleColumn : ''
+          }`}
+          data-id={formName && formName}
+        >
+          {this.props.children}
+        </div>
+      </div>
+    );
+  }
+}
+Section.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  title: PropTypes.string,
+  titleClass: PropTypes.string
+};
+if (__DOCS__) {
+  Section.docs = {
+    componentGroup: 'ModuleAddForm'
+  };
+}
+

package/src/form/layout/Section/docs/Section__default.docs.js

@@ -1,21 +1,21 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Section from '../Section';
-export default class Section__default extends Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return (
-      <Section title='SectionTitle'>
-        <div>Section children</div>
-      </Section>
-    );
-  }
-}
-if (__DOCS__) {
-  Section__default.docs = {
-    componentGroup: 'ModuleAddForm'
-  };
-}
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Section from '../Section';
+export default class Section__default extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <Section title='SectionTitle'>
+        <div>Section children</div>
+      </Section>
+    );
+  }
+}
+if (__DOCS__) {
+  Section__default.docs = {
+    componentGroup: 'ModuleAddForm'
+  };
+}