@digigov/react-core 0.21.0 → 0.21.1

package/es/RadioItem/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';
@@ -13,20 +13,23 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, 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 = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement("label", {
-    className: clsx(true && 'govgr-label govgr-radios__label')
+    className: clsx(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-label govgr-radios__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "radio",
     name: name,
     value: value,
-    className: clsx(true && 'govgr-radios__input')
+    className: clsx(true && 'govgr-radios__input'),
+    disabled: disabled
   }, props))));
 });
 export default RadioItem;

package/es/RadioItem/index.test.js

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

package/esm/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/esm/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/esm/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/esm/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/esm/RadioItem/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';
@@ -13,20 +13,23 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, 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 = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement("label", {
-    className: clsx(true && 'govgr-label govgr-radios__label')
+    className: clsx(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-label govgr-radios__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "radio",
     name: name,
     value: value,
-    className: clsx(true && 'govgr-radios__input')
+    className: clsx(true && 'govgr-radios__input'),
+    disabled: disabled
   }, props))));
 });
 export default RadioItem;

package/esm/RadioItem/index.test.js

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

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.21.0
+/** @license Digigov v0.21.1
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,7 +11,7 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.33.0",
+    "@digigov/css": "0.33.1",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/src/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/src/CheckboxItem/index.test.tsx

@@ -17,3 +17,17 @@ it('renders the CheckboxItem with `value` prop', () => {
     mount(<CheckboxItem value="example">hello</CheckboxItem>)
   ).toMatchSnapshot();
 });
+
+it('renders the CheckboxItem with `disabled` prop', () => {
+  expect(mount(<CheckboxItem disabled>hello</CheckboxItem>)).toMatchSnapshot();
+});
+
+it('renders the CheckboxItem with `value` `name` and `disabled` props', () => {
+  expect(
+    mount(
+      <CheckboxItem value="example" name="example" disabled>
+        hello
+      </CheckboxItem>
+    )
+  ).toMatchSnapshot();
+});

package/src/CheckboxItem/index.tsx

@@ -12,6 +12,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.
@@ -21,7 +26,10 @@ export interface CheckboxItemProps extends BaseProps<'input'> {
 export const CheckboxItem = React.forwardRef<
   HTMLInputElement,
   CheckboxItemProps
->(function CheckboxItem({ name, value, className, children, ...props }, ref) {
+>(function CheckboxItem(
+  { name, value, className, disabled = false, children, ...props },
+  ref
+) {
   return (
     <div
       className={clsx(className, {
@@ -31,6 +39,7 @@ export const CheckboxItem = React.forwardRef<
       <label
         className={clsx({
           'govgr-label govgr-checkboxes__label': true,
+          'govgr-checkboxes__label--disabled': disabled === true,
         })}
       >
         {children}
@@ -43,6 +52,7 @@ export const CheckboxItem = React.forwardRef<
           className={clsx({
             'govgr-checkboxes__input': true,
           })}
+          disabled={disabled}
           {...props}
         />
       </label>