@digigov/react-core 0.21.0 → 0.21.1

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @digigov/react-core
 
-This log was last generated on Thu, 02 Mar 2023 11:33:41 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Mar 2023 10:21:39 GMT and should not be manually modified.
+
+## 0.21.1
+Mon, 13 Mar 2023 10:21:39 GMT
+
+### Patches
+
+- add disabled prop and corresponding class for CheckboxItem and RadioItem components
 
 ## 0.21.0
 Thu, 02 Mar 2023 11:33:41 GMT

package/CheckboxItem/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={true}
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
 exports[`renders the CheckboxItem with \`name\` prop 1`] = `
 <ForwardRef(CheckboxItem)
   name="example"
@@ -14,13 +42,49 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
+        name="example"
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={false}
+          name="example"
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
+exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+  name="example"
+  value="example"
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
         name="example"
         type="checkbox"
+        value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={true}
           name="example"
           type="checkbox"
+          value="example"
         />
       </ForwardRef(Base)>
     </label>
@@ -42,11 +106,13 @@ exports[`renders the CheckboxItem with \`value\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
         value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
           value="example"
         />
@@ -68,10 +134,12 @@ exports[`renders the CheckboxItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
         />
       </ForwardRef(Base)>

package/CheckboxItem/index.d.ts

@@ -9,6 +9,11 @@ export interface CheckboxItemProps extends BaseProps<'input'> {
      * Value property is optional and it specifies the value of an <input> element.
      */
     value?: string;
+    /**
+     * disabled prop disables the checkbox input.
+     * disabled property is optional and it is false by default.
+     */
+    disabled?: boolean;
 }
 /**
  * Details for the CheckboxItem.

package/CheckboxItem/index.js

@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 
 /**
  * Details for the CheckboxItem.
@@ -28,19 +28,22 @@ var CheckboxItem = /*#__PURE__*/_react["default"].forwardRef(function CheckboxIt
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-checkboxes__item')
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: (0, _clsx["default"])(true && 'govgr-label govgr-checkboxes__label')
+    className: (0, _clsx["default"])(disabled === true && 'govgr-checkboxes__label--disabled', true && 'govgr-label govgr-checkboxes__label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
     ref: ref,
     type: "checkbox",
     name: name,
     value: value,
-    className: (0, _clsx["default"])(true && 'govgr-checkboxes__input')
+    className: (0, _clsx["default"])(true && 'govgr-checkboxes__input'),
+    disabled: disabled
   }, props))));
 });
 

package/CheckboxItem/index.test.js

@@ -28,4 +28,22 @@ var _ref3 = /*#__PURE__*/_react["default"].createElement(_CheckboxItem["default"
 
 it('renders the CheckboxItem with `value` prop', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_CheckboxItem["default"], {
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `disabled` prop', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_CheckboxItem["default"], {
+  value: "example",
+  name: "example",
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `value` `name` and `disabled` props', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
 });

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

@@ -14,11 +14,13 @@ exports[`renders the RadioItem  value props 1`] = `
       <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"
         />
@@ -28,6 +30,34 @@ exports[`renders the RadioItem  value props 1`] = `
 </ForwardRef(RadioItem)>
 `;
 
+exports[`renders the RadioItem with disabled prop 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__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>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
 exports[`renders the RadioItem with name  props 1`] = `
 <ForwardRef(RadioItem)
   name="name"
@@ -42,11 +72,13 @@ exports[`renders the RadioItem with name  props 1`] = `
       <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"
         />
@@ -71,12 +103,48 @@ exports[`renders the RadioItem with name and value props 1`] = `
       <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>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
+exports[`renders the RadioItem with name disabled and value props 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+  name="name"
+  value="someValue"
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__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"
@@ -99,10 +167,12 @@ exports[`renders the RadioItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
         type="radio"
       >
         <input
           className="govgr-radios__input"
+          disabled={false}
           type="radio"
         />
       </ForwardRef(Base)>

package/RadioItem/index.d.ts

@@ -9,6 +9,11 @@ export interface RadioItemProps extends BaseProps<'input'> {
      * Value property is optional and it specifies the value of an <input> element.
      */
     value?: string;
+    /**
+     * disabled prop disables the radio input.
+     * disabled property is optional and it is false by default.
+     */
+    disabled?: boolean;
 }
 /**
  * RadioItem component is used for display radio buttons.

package/RadioItem/index.js

@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 
 /**
  * RadioItem component is used for display radio buttons.
@@ -27,19 +27,22 @@ var RadioItem = /*#__PURE__*/_react["default"].forwardRef(function RadioItem(_re
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    className: (0, _clsx["default"])(true && 'govgr-label govgr-radios__label')
+    className: (0, _clsx["default"])(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-label govgr-radios__label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
     ref: ref,
     type: "radio",
     name: name,
     value: value,
-    className: (0, _clsx["default"])(true && 'govgr-radios__input')
+    className: (0, _clsx["default"])(true && 'govgr-radios__input'),
+    disabled: disabled
   }, props))));
 });
 

package/RadioItem/index.test.js

@@ -37,4 +37,22 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"],
 
 it('renders the RadioItem with name and value props', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], {
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with disabled prop', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], {
+  name: 'name',
+  value: 'someValue',
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with name disabled and value props', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });

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

@@ -1,5 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={true}
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
 exports[`renders the CheckboxItem with \`name\` prop 1`] = `
 <ForwardRef(CheckboxItem)
   name="example"
@@ -14,13 +42,49 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
+        name="example"
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={false}
+          name="example"
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
+exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+  name="example"
+  value="example"
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
         name="example"
         type="checkbox"
+        value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={true}
           name="example"
           type="checkbox"
+          value="example"
         />
       </ForwardRef(Base)>
     </label>
@@ -42,11 +106,13 @@ exports[`renders the CheckboxItem with \`value\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
         value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
           value="example"
         />
@@ -68,10 +134,12 @@ exports[`renders the CheckboxItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
         />
       </ForwardRef(Base)>

package/es/CheckboxItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -14,20 +14,23 @@ export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_r
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-checkboxes__item')
   }, /*#__PURE__*/React.createElement("label", {
-    className: clsx(true && 'govgr-label govgr-checkboxes__label')
+    className: clsx(disabled === true && 'govgr-checkboxes__label--disabled', true && 'govgr-label govgr-checkboxes__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "checkbox",
     name: name,
     value: value,
-    className: clsx(true && 'govgr-checkboxes__input')
+    className: clsx(true && 'govgr-checkboxes__input'),
+    disabled: disabled
   }, props))));
 });
 export default CheckboxItem;

package/es/CheckboxItem/index.test.js

@@ -22,4 +22,22 @@ var _ref3 = /*#__PURE__*/React.createElement(CheckboxItem, {
 
 it('renders the CheckboxItem with `value` prop', function () {
   expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(CheckboxItem, {
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `disabled` prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(CheckboxItem, {
+  value: "example",
+  name: "example",
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `value` `name` and `disabled` props', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
 });

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

@@ -14,11 +14,13 @@ exports[`renders the RadioItem  value props 1`] = `
       <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"
         />
@@ -28,6 +30,34 @@ exports[`renders the RadioItem  value props 1`] = `
 </ForwardRef(RadioItem)>
 `;
 
+exports[`renders the RadioItem with disabled prop 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__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>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
 exports[`renders the RadioItem with name  props 1`] = `
 <ForwardRef(RadioItem)
   name="name"
@@ -42,11 +72,13 @@ exports[`renders the RadioItem with name  props 1`] = `
       <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"
         />
@@ -71,12 +103,48 @@ exports[`renders the RadioItem with name and value props 1`] = `
       <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>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
+exports[`renders the RadioItem with name disabled and value props 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+  name="name"
+  value="someValue"
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__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"
@@ -99,10 +167,12 @@ exports[`renders the RadioItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
         type="radio"
       >
         <input
           className="govgr-radios__input"
+          disabled={false}
           type="radio"
         />
       </ForwardRef(Base)>