@digigov/react-core 0.25.4 → 0.26.0

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

@@ -1,5 +1,56 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the RadioItem  \`divider\` props 1`] = `
+<ForwardRef(RadioItem)
+  divider="ή"
+>
+  <ForwardRef(ChoiceDivider)
+    text="ή"
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-choice-divider"
+    >
+      <div
+        className="govgr-choice-divider"
+      >
+        ή
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(ChoiceDivider)>
+  <div
+    className="govgr-radios__item"
+  >
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label"
+    >
+      <ForwardRef(Base)
+        as="label"
+        className="govgr-radios__label govgr-label"
+      >
+        <label
+          className="govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={false}
+            type="radio"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={false}
+              type="radio"
+            />
+          </ForwardRef(Base)>
+        </label>
+      </ForwardRef(Base)>
+    </ForwardRef(LabelContainer)>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
 exports[`renders the RadioItem  value props 1`] = `
 <ForwardRef(RadioItem)
   value="someValue"
@@ -7,25 +58,92 @@ exports[`renders the RadioItem  value props 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label"
+    >
+      <ForwardRef(Base)
+        as="label"
+        className="govgr-radios__label govgr-label"
+      >
+        <label
+          className="govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={false}
+            type="radio"
+            value="someValue"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={false}
+              type="radio"
+              value="someValue"
+            />
+          </ForwardRef(Base)>
+        </label>
+      </ForwardRef(Base)>
+    </ForwardRef(LabelContainer)>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
+exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`value\` props 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+  divider="ή"
+  name="name"
+  value="someValue"
+>
+  <ForwardRef(ChoiceDivider)
+    text="ή"
+  >
+    <ForwardRef(Base)
+      as="div"
+      className="govgr-choice-divider"
+    >
+      <div
+        className="govgr-choice-divider"
+      >
+        ή
+      </div>
+    </ForwardRef(Base)>
+  </ForwardRef(ChoiceDivider)>
+  <div
+    className="govgr-radios__item"
+  >
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label--disabled govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={false}
-        type="radio"
-        value="someValue"
+        as="label"
+        className="govgr-radios__label--disabled govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={false}
-          type="radio"
-          value="someValue"
-        />
+        <label
+          className="govgr-radios__label--disabled govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={true}
+            name="name"
+            type="radio"
+            value="someValue"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={true}
+              name="name"
+              type="radio"
+              value="someValue"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;
@@ -37,23 +155,32 @@ exports[`renders the RadioItem with disabled prop 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-radios__label--disabled govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label--disabled govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={true}
-        type="radio"
+        as="label"
+        className="govgr-radios__label--disabled govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={true}
-          type="radio"
-        />
+        <label
+          className="govgr-radios__label--disabled govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={true}
+            type="radio"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={true}
+              type="radio"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;
@@ -65,25 +192,34 @@ exports[`renders the RadioItem with name  props 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={false}
-        name="name"
-        type="radio"
+        as="label"
+        className="govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={false}
-          name="name"
-          type="radio"
-        />
+        <label
+          className="govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={false}
+            name="name"
+            type="radio"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={false}
+              name="name"
+              type="radio"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;
@@ -96,27 +232,36 @@ exports[`renders the RadioItem with name and value props 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={false}
-        name="name"
-        type="radio"
-        value="someValue"
+        as="label"
+        className="govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={false}
-          name="name"
-          type="radio"
-          value="someValue"
-        />
+        <label
+          className="govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={false}
+            name="name"
+            type="radio"
+            value="someValue"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={false}
+              name="name"
+              type="radio"
+              value="someValue"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;
@@ -130,27 +275,36 @@ exports[`renders the RadioItem with name disabled and value props 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-radios__label--disabled govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label--disabled govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={true}
-        name="name"
-        type="radio"
-        value="someValue"
+        as="label"
+        className="govgr-radios__label--disabled govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={true}
-          name="name"
-          type="radio"
-          value="someValue"
-        />
+        <label
+          className="govgr-radios__label--disabled govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={true}
+            name="name"
+            type="radio"
+            value="someValue"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={true}
+              name="name"
+              type="radio"
+              value="someValue"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;
@@ -160,23 +314,32 @@ exports[`renders the RadioItem with no props 1`] = `
   <div
     className="govgr-radios__item"
   >
-    <label
-      className="govgr-label govgr-radios__label"
+    <ForwardRef(LabelContainer)
+      className="govgr-radios__label"
     >
-      hello
       <ForwardRef(Base)
-        as="input"
-        className="govgr-radios__input"
-        disabled={false}
-        type="radio"
+        as="label"
+        className="govgr-radios__label govgr-label"
       >
-        <input
-          className="govgr-radios__input"
-          disabled={false}
-          type="radio"
-        />
+        <label
+          className="govgr-radios__label govgr-label"
+        >
+          hello
+          <ForwardRef(Base)
+            as="input"
+            className="govgr-radios__input"
+            disabled={false}
+            type="radio"
+          >
+            <input
+              className="govgr-radios__input"
+              disabled={false}
+              type="radio"
+            />
+          </ForwardRef(Base)>
+        </label>
       </ForwardRef(Base)>
-    </label>
+    </ForwardRef(LabelContainer)>
   </div>
 </ForwardRef(RadioItem)>
 `;

package/es/RadioItem/index.js

@@ -1,36 +1,40 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "name", "value"];
+var _excluded = ["divider", "name", "value", "className", "disabled", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 import LabelContainer from '@digigov/react-core/LabelContainer';
+import clsx from 'clsx';
+import ChoiceDivider from '@digigov/react-core/ChoiceDivider';
 
 /**
  * RadioItem component is used for display radio buttons.
  * RadioItem component must be included inside Radio component, as a children component.
  */
 export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, ref) {
-  var children = _ref.children,
+  var divider = _ref.divider,
+      name = _ref.name,
+      value = _ref.value,
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      value = _ref.value,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDivider, {
+    text: divider
+  }), /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement(LabelContainer, {
     className: clsx(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-radios__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(true && 'govgr-radios__input'),
-    disabled: disabled,
-    name: name,
     ref: ref,
     type: "radio",
-    value: value
-  }, props))));
+    name: name,
+    value: value,
+    className: clsx(true && 'govgr-radios__input'),
+    disabled: disabled
+  }, props)))));
 });
 export default RadioItem;

package/es/RadioItem/index.test.js

@@ -25,28 +25,47 @@ it('renders the RadioItem  value props', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(RadioItem, {
+  divider: 'ή'
+}, "hello");
+
+it('renders the RadioItem  `divider` props', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(RadioItem, {
   name: 'name',
   value: 'someValue'
 }, "hello");
 
 it('renders the RadioItem with name and value props', function () {
-  expect(mount(_ref4)).toMatchSnapshot();
+  expect(mount(_ref5)).toMatchSnapshot();
 });
 
-var _ref5 = /*#__PURE__*/React.createElement(RadioItem, {
+var _ref6 = /*#__PURE__*/React.createElement(RadioItem, {
   disabled: true
 }, "hello");
 
 it('renders the RadioItem with disabled prop', function () {
-  expect(mount(_ref5)).toMatchSnapshot();
+  expect(mount(_ref6)).toMatchSnapshot();
 });
 
-var _ref6 = /*#__PURE__*/React.createElement(RadioItem, {
-  disabled: true,
+var _ref7 = /*#__PURE__*/React.createElement(RadioItem, {
   name: 'name',
-  value: 'someValue'
+  value: 'someValue',
+  disabled: true
 }, "hello");
 
 it('renders the RadioItem with name disabled and value props', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(RadioItem, {
+  name: 'name',
+  value: 'someValue',
+  divider: 'ή',
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with `name`, `disabled`, `divider` and `value` props', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
 });

package/es/SectionBreak/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "size", "visible"];
+var _excluded = ["visible", "size", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SectionBreak is used to create a thematic break between sections of content.
  */
 export var SectionBreak = /*#__PURE__*/React.forwardRef(function SectionBreak(_ref, ref) {
-  var className = _ref.className,
+  var _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 's' : _ref$size,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "hr",
-    className: clsx(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break')
   }, props));
 });
 export default SectionBreak;

package/es/SelectContainer/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "name"];
+var _excluded = ["name", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * The SelectContainer component allows users to choose an option from a long list.
  * It is used as a parent component to wrap SelectOption component.
  */
 export var SelectContainer = /*#__PURE__*/React.forwardRef(function SelectContainer(_ref, ref) {
-  var children = _ref.children,
+  var name = _ref.name,
       className = _ref.className,
-      name = _ref.name,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "select",
-    className: clsx(className, true && 'govgr-select'),
     name: name,
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-select')
   }, props), children);
 });
 export default SelectContainer;

package/es/SelectContainer/index.test.js

@@ -17,8 +17,8 @@ it('renders the SelectContainer with name props', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(SelectContainer, {
-  defaultValue: 'some-value',
-  name: 'some-name'
+  name: 'some-name',
+  defaultValue: 'some-value'
 }, "hello");
 
 it('renders the SelectContainer with name and defaultValue', function () {

package/es/SelectOption/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "selected", "value"];
+var _excluded = ["value", "selected", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * SelectOption component is used for display options value.
  * SelectOption component must be included inside Select component as children component
  */
 export var SelectOption = /*#__PURE__*/React.forwardRef(function SelectOption(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var value = _ref.value,
       selected = _ref.selected,
-      value = _ref.value,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "option",
-    className: clsx(className),
+    value: value,
     ref: ref,
     selected: selected,
-    value: value
+    className: clsx(className)
   }, props), children);
 });
 export default SelectOption;

package/es/SingleCharacterInputContainer/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the SingleCharacterInputContainer.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  *
  */
 export var SingleCharacterInputContainer = /*#__PURE__*/React.forwardRef(function SingleCharacterInputContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-single-character-input--container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-single-character-input--container')
   }, props), children);
 });
 export default SingleCharacterInputContainer;