@digigov/react-core 0.3.1 → 0.5.1

package/es/Container/index.js

@@ -1,22 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["cols", "fullWidth", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
 /**
- * Container is a wrapper component for Main and Side
+ * Use Container as a wrapper.
  */
 export var Container = /*#__PURE__*/React.forwardRef(function Container(_ref, ref) {
-  var className = _ref.className,
+  var _ref$cols = _ref.cols,
+      cols = _ref$cols === void 0 ? true : _ref$cols,
+      _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-width-container')
+    className: clsx(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
   }, props), /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(true && 'govgr-main-wrapper')
+    className: clsx(cols && 'govgr-main-wrapper')
   }, props), children));
 });
 export default Container;

package/es/DateInputItem/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the DateInputItem with name and width===4 props 1`] = `
+<ForwardRef(DateInputItem)
+  name="date-input"
+  width={4}
+>
+  <div
+    className="govgr-date-input__item"
+  >
+    <label
+      className="govgr-label"
+    >
+      hello
+      <input
+        className="govgr-input--width-4 govgr-input"
+        inputMode="numeric"
+        name="date-input"
+        pattern="[0-9]*"
+        type="text"
+      />
+    </label>
+  </div>
+</ForwardRef(DateInputItem)>
+`;
+
 exports[`renders the DateInputItem with name prop 1`] = `
 <ForwardRef(DateInputItem)
   name="date-input"
@@ -11,14 +35,14 @@ exports[`renders the DateInputItem with name prop 1`] = `
       className="govgr-label"
     >
       hello
+      <input
+        className="govgr-input--width-2 govgr-input"
+        inputMode="numeric"
+        name="date-input"
+        pattern="[0-9]*"
+        type="text"
+      />
     </label>
-    <input
-      className="govgr-input govgr-input--width-2"
-      inputMode="numeric"
-      name="date-input"
-      pattern="[0-9]*"
-      type="text"
-    />
   </div>
 </ForwardRef(DateInputItem)>
 `;
@@ -32,13 +56,13 @@ exports[`renders the DateInputItem with no props 1`] = `
       className="govgr-label"
     >
       hello
+      <input
+        className="govgr-input--width-2 govgr-input"
+        inputMode="numeric"
+        pattern="[0-9]*"
+        type="text"
+      />
     </label>
-    <input
-      className="govgr-input govgr-input--width-2"
-      inputMode="numeric"
-      pattern="[0-9]*"
-      type="text"
-    />
   </div>
 </ForwardRef(DateInputItem)>
 `;

package/es/DateInputItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "className", "children"];
+var _excluded = ["name", "width", "error", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -11,6 +11,9 @@ import clsx from 'clsx';
  */
 export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(_ref, ref) {
   var name = _ref.name,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 2 : _ref$width,
+      error = _ref.error,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -20,12 +23,12 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
     className: clsx(className, true && 'govgr-date-input__item')
   }, props), /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label')
-  }, children), /*#__PURE__*/React.createElement("input", {
+  }, children, /*#__PURE__*/React.createElement("input", {
     type: "text",
     pattern: "[0-9]*",
     inputMode: "numeric",
     name: name,
-    className: clsx(true && ['govgr-input', 'govgr-input--width-2'])
-  }));
+    className: clsx(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input')
+  })));
 });
 export default DateInputItem;

package/es/DateInputItem/index.test.js

@@ -14,4 +14,13 @@ var _ref2 = /*#__PURE__*/React.createElement(DateInputItem, {
 
 it('renders the DateInputItem with name prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(DateInputItem, {
+  width: 4,
+  name: 'date-input'
+}, "hello");
+
+it('renders the DateInputItem with name and width===4 props', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });

package/es/Field/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Field with error=false 1`] = `
+<ForwardRef(Field)
+  error={false}
+>
+  <div
+    className="govgr-field"
+  >
+    hello
+  </div>
+</ForwardRef(Field)>
+`;
+
+exports[`renders the Field with error=true 1`] = `
+<ForwardRef(Field)
+  error={true}
+>
+  <div
+    className="govgr-field__error govgr-field"
+  >
+    hello
+  </div>
+</ForwardRef(Field)>
+`;
+
+exports[`renders the Field with no props 1`] = `
+<ForwardRef(Field)>
+  <div
+    className="govgr-field"
+  >
+    hello
+  </div>
+</ForwardRef(Field)>
+`;

package/es/{FormGroup → Field}/index.js

@@ -5,9 +5,9 @@ import React from 'react';
 import clsx from 'clsx';
 
 /**
- * FormGroup component wraps components such as Checkbox.
+ * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
-export var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(_ref, ref) {
+export var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
   var error = _ref.error,
       className = _ref.className,
       children = _ref.children,
@@ -15,7 +15,7 @@ export var FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(_ref, re
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className, error === true && 'govgr-form-group__error', true && 'govgr-form-group')
+    className: clsx(className, error === true && 'govgr-field__error', true && 'govgr-field')
   }, props), children);
 });
-export default FormGroup;
+export default Field;

package/es/Field/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Field from '@digigov/react-core/Field';
+
+var _ref = /*#__PURE__*/React.createElement(Field, null, "hello");
+
+it('renders the Field with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Field, {
+  error: true
+}, "hello");
+
+it('renders the Field with error=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Field, {
+  error: false
+}, "hello");
+
+it('renders the Field with error=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});