@bento-core/facet-filter 1.0.1-ccdihub.19 → 1.0.1-ccdihub.20

package/dist/components/inputs/checkbox/CheckboxView.js

@@ -13,14 +13,7 @@ var _emptycheckbox = _interopRequireDefault(require("./assets/emptycheckbox.svg"
 var _checkedbox = _interopRequireDefault(require("./assets/checkedbox.svg"));
 var _CheckboxStyle = _interopRequireDefault(require("./CheckboxStyle"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-unused-vars */
-/* eslint-disable no-unused-vars */
-/* eslint-disable react/jsx-wrap-multilines */
-/* eslint-disable react/jsx-indent */
-/* eslint-disable object-curly-newline */
-/* eslint-disable object-shorthand */
-/* eslint-disable react/jsx-one-expression-per-line */
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const alignment = 'flex-start';
 const CheckBoxView = _ref => {
   let {
@@ -41,6 +34,11 @@ const CheckBoxView = _ref => {
   } = checkboxItem;
   const indexType = index % 2 === 0 ? 'Even' : 'Odd';
   const checkedSection = "".concat(section).toLowerCase().replace(' ', '_');
+  const labelCheckbox = {
+    inputProps: {
+      'aria-label': 'Checkbox item'
+    }
+  };
   const handleToggle = () => {
     const toggleCheckBoxItem = {
       name: name,
@@ -71,8 +69,9 @@ const CheckBoxView = _ref => {
     className: (0, _clsx.default)({
       ["".concat(checkedSection, "Checked").concat(indexType)]: isChecked
     })
-  }, /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
-    id: "checkbox_".concat(facet.label, "_").concat(name),
+  }, /*#__PURE__*/_react.default.createElement(_core.Checkbox, _extends({
+    id: "checkbox_".concat(facet.label, "_").concat(name)
+  }, labelCheckbox, {
     icon: /*#__PURE__*/_react.default.createElement(_core.Icon, {
       style: {
         fontSize: '18px',
@@ -99,7 +98,7 @@ const CheckBoxView = _ref => {
     classes: {
       root: classes.checkboxRoot
     }
-  }), tooltip ? /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
+  })), tooltip ? /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
     id: datafield,
     title: tooltip
   }, /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/facet-filter",
-  "version": "1.0.1-ccdihub.19",
+  "version": "1.0.1-ccdihub.20",
   "description": "### Bento core sidebar design:",
   "main": "dist/index.js",
   "scripts": {

package/src/components/inputs/checkbox/CheckboxView.js

@@ -46,6 +46,8 @@ const CheckBoxView = ({
   const indexType = index % 2 === 0 ? 'Even' : 'Odd';
   const checkedSection = `${section}`.toLowerCase().replace(' ', '_');
 
+  const labelCheckbox = { inputProps: { 'aria-label': 'Checkbox item' } };
+
   const handleToggle = () => {
     const toggleCheckBoxItem = {
       name: name,
@@ -81,6 +83,7 @@ const CheckBoxView = ({
       >
         <Checkbox
           id={`checkbox_${facet.label}_${name}`}
+          {...labelCheckbox}
           icon={
             <Icon style={{
               fontSize: '18px',