npm - @inseefr/lunatic - Versions diffs - 2.4.2 → 2.4.3-beta - Mend

@inseefr/lunatic 2.4.2 → 2.4.3-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (539) hide show

package/lib/components/button/__snapshots__/lunatic-button.spec.tsx.snap ADDED Viewed

@@ -0,0 +1,80 @@
+// Vitest Snapshot v1
+exports[`Button > renders without crashing 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <button
+        class="button-lunatic"
+        type="button"
+      >
+        <span>
+          Click me!
+        </span>
+      </button>
+    </div>
+  </body>,
+  "container": <div>
+    <button
+      class="button-lunatic"
+      type="button"
+    >
+      <span>
+        Click me!
+      </span>
+    </button>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;

package/lib/components/button/lunatic-button.js CHANGED Viewed

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isElement = require("../../utils/is-element");
 var _commons = require("../commons");
 require("./button.scss");
@@ -42,15 +41,10 @@ function Button(_ref) {
       className: (0, _classnames["default"])('button-lunatic', className, {
         disabled: disabled
       }),
-      value: label || children,
+      value: label || (children === null || children === void 0 ? void 0 : children.toString()),
       onClick: handleClick
     })
   });
 }
-Button.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  disabled: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func
-};
 var _default = (0, _commons.createCustomizableLunaticField)(Button, 'Button');
 exports["default"] = _default;

package/lib/components/checkbox/checkbox-boolean/html/checkbox-boolean.js CHANGED Viewed

@@ -4,52 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _commons = require("../../commons");
-var _commons2 = require("../../../commons");
+var _commons = require("../../../commons");
+var _commons2 = require("../../commons");
+var _function = require("../../../../utils/function");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function CheckboxBoolean(_ref) {
   var checked = _ref.checked,
     id = _ref.id,
     disabled = _ref.disabled,
     onClick = _ref.onClick,
-    labelId = _ref.labelId,
     label = _ref.label,
     description = _ref.description,
     errors = _ref.errors;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "lunatic-checkbox-boolean",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.CheckboxOption, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons2.CheckboxOption, {
       disabled: disabled,
       checked: checked,
       id: id,
-      onClick: onClick,
-      labelledBy: labelId,
-      value: checked,
+      onClick: onClick !== null && onClick !== void 0 ? onClick : _function.voidFunction,
       label: label,
       description: description
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons2.Errors, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
       errors: errors,
       activeId: id
     })]
   });
 }
-CheckboxBoolean.prototype = {
-  id: _propTypes["default"].string.isRequired,
-  checked: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  disabled: _propTypes["default"].bool,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  errors: _propTypes["default"].object,
-  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array])
-};
-CheckboxBoolean.defaultProps = {
-  checked: undefined,
-  disabled: false,
-  errors: undefined,
-  description: undefined
-};
-var _default = (0, _commons2.createCustomizableLunaticField)(CheckboxBoolean, 'CheckboxBoolean');
+var _default = (0, _commons.createCustomizableLunaticField)(CheckboxBoolean, 'CheckboxBoolean');
 exports["default"] = _default;

package/lib/components/checkbox/checkbox-boolean/html/checkbox-boolean.spec.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
 var _checkboxBoolean = _interopRequireDefault(require("./checkbox-boolean"));
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -14,14 +13,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     _vitest.vi.resetAllMocks();
   });
   (0, _vitest.it)('renders label ', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+        id: "checkbox",
         label: label
       })),
       getByText = _render.getByText;
     (0, _vitest.expect)(getByText(label)).toBeInTheDocument();
   });
   (0, _vitest.it)('renders unchecked checkbox', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+        id: "checkbox",
         label: label,
         description: description
       })),
@@ -31,7 +32,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(checkbox).toBeEnabled();
   });
   (0, _vitest.it)('renders checked checkbox', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+        id: 'checkbox',
         label: label,
         description: description,
         checked: true,
@@ -43,14 +45,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(checkbox).toBeEnabled();
   });
   (0, _vitest.it)('calls onClick when checkbox is clicked', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
+        id: "checkbox",
         label: label,
         description: description,
         onClick: onClick
       })),
       getByRole = _render4.getByRole;
     var checkbox = getByRole('checkbox');
-    _react2.fireEvent.click(checkbox);
+    _react.fireEvent.click(checkbox);
     (0, _vitest.expect)(onClick).toHaveBeenCalledTimes(1);
     (0, _vitest.expect)(onClick).toHaveBeenCalledWith(true);
   });

package/lib/components/checkbox/checkbox-boolean/lunatic-checkbox-boolean.js CHANGED Viewed

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _checkboxBoolean = _interopRequireDefault(require("./html/checkbox-boolean"));
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../../commons/components/lunatic-component-without-label"));
 var _useOnHandleChange = _interopRequireDefault(require("../../commons/use-on-handle-change"));
+var _checkboxBoolean = _interopRequireDefault(require("./html/checkbox-boolean"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticCheckboxBoolean(_ref) {
@@ -42,8 +41,7 @@ function LunaticCheckboxBoolean(_ref) {
     handleChange: handleChange,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxBoolean["default"], {
       id: id,
-      options: options,
-      checked: value,
+      checked: value !== null && value !== void 0 ? value : false,
       onClick: onChange,
       disabled: disabled,
       label: label,

package/lib/components/checkbox/checkbox-group/checkbox-group-content.js CHANGED Viewed

@@ -9,32 +9,28 @@ var _commons = require("../commons");
 require("./checkbox.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function CheckboxGroupContainer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "lunatic-checkbox-group-option",
-    children: children
-  });
-}
-function CheckboxGroupContent(_ref2) {
-  var options = _ref2.options,
-    id = _ref2.id;
-  return options.map(function (option) {
-    var label = option.label,
-      checked = option.checked,
-      name = option.name,
-      onClick = option.onClick,
-      description = option.description;
-    var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(name);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxGroupContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.CheckboxOption, {
-        id: checkboxId,
-        checked: checked,
-        onClick: onClick,
-        label: label,
-        description: description
-      })
-    }, checkboxId);
+function CheckboxGroupContent(_ref) {
+  var options = _ref.options,
+    id = _ref.id;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: options.map(function (option) {
+      var label = option.label,
+        checked = option.checked,
+        name = option.name,
+        onClick = option.onClick,
+        description = option.description;
+      var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(name);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "lunatic-checkbox-group-option",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.CheckboxOption, {
+          id: checkboxId,
+          checked: checked,
+          onClick: onClick,
+          label: label,
+          description: description
+        })
+      }, checkboxId);
+    })
   });
 }
 var _default = CheckboxGroupContent;

package/lib/components/checkbox/checkbox-group/html/checkbox-group-content.js CHANGED Viewed

@@ -4,47 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _commons = require("../../commons");
 var _getShortcutKey = require("../../commons/getShortcutKey");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function CheckboxGroupContainer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "lunatic-checkbox-group-option",
-    children: children
-  });
-}
-function CheckboxGroupContent(_ref2) {
-  var options = _ref2.options,
-    id = _ref2.id,
-    shortcut = _ref2.shortcut;
+function CheckboxGroupContent(_ref) {
+  var options = _ref.options,
+    id = _ref.id,
+    shortcut = _ref.shortcut;
   var maxIndex = options.length;
-  return options.map(function (option, index) {
-    var label = option.label,
-      checked = option.checked,
-      name = option.name,
-      onClick = option.onClick,
-      description = option.description;
-    var codeModality = (0, _getShortcutKey.getShortcutKey)(index, maxIndex);
-    var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(name);
-    var labelId = "lunatic-checkbox-label-".concat(id, "-").concat(name);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxGroupContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: options.map(function (option, index) {
+      var label = option.label,
+        checked = option.checked,
+        name = option.name,
+        onClick = option.onClick,
+        description = option.description;
+      var codeModality = (0, _getShortcutKey.getShortcutKey)(index, maxIndex);
+      var checkboxId = "lunatic-checkbox-".concat(id, "-").concat(name);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "lunatic-checkbox-group-option",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.CheckboxOption, {
           id: checkboxId,
-          labelledBy: labelId,
           checked: checked,
           onClick: onClick,
-          onKeyDown: onClick,
           label: label,
           description: description,
           shortcut: shortcut,
-          codeModality: shortcut && codeModality
+          codeModality: shortcut ? codeModality : undefined
         })
-      }, checkboxId)
-    });
+      }, checkboxId);
+    })
   });
 }
 var _default = CheckboxGroupContent;

package/lib/components/checkbox/checkbox-group/html/checkbox-group.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _checkboxGroupContent = _interopRequireDefault(require("./checkbox-group-content"));
 var _commons = require("../../../commons");
 require("./checkbox-group.scss");
@@ -32,21 +31,5 @@ function CheckboxGroup(_ref) {
     })]
   });
 }
-CheckboxGroup.propTypes = {
-  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-    description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array]),
-    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool])
-  })),
-  id: _propTypes["default"].string.isRequired,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  errors: _propTypes["default"].object,
-  shortcut: _propTypes["default"].bool
-};
-CheckboxGroup.defaultProps = {
-  options: [],
-  errors: undefined,
-  label: undefined
-};
 var _default = (0, _commons.createCustomizableLunaticField)(CheckboxGroup, 'CheckboxGroup');
 exports["default"] = _default;

package/lib/components/checkbox/checkbox-group/lunatic-checkbox-group.js CHANGED Viewed

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _checkboxGroup = _interopRequireDefault(require("./html/checkbox-group"));
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../../commons/components/lunatic-component-without-label"));
+var _checkboxGroup = _interopRequireDefault(require("./html/checkbox-group"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticCheckboxGroup(_ref) {
@@ -28,11 +28,10 @@ function LunaticCheckboxGroup(_ref) {
       response = _ref2.response,
       description = _ref2.description;
     var name = response.name;
-    var checked = name in value ? value[name] : false;
     return {
       label: label,
       name: name,
-      checked: checked,
+      checked: castValueToBoolean(value, name),
       description: description,
       onClick: function onClick(checked) {
         handleChange(response, checked);
@@ -53,12 +52,18 @@ function LunaticCheckboxGroup(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxGroup["default"], {
       id: id,
       options: options,
-      value: value,
       label: label,
       errors: errors,
       shortcut: shortcut
     })
   });
 }
+function castValueToBoolean(value, name) {
+  if (value && name in value) {
+    var _value$name;
+    return (_value$name = value[name]) !== null && _value$name !== void 0 ? _value$name : false;
+  }
+  return false;
+}
 var _default = LunaticCheckboxGroup;
 exports["default"] = _default;

package/lib/components/checkbox/checkbox-one/html/checkbox-one.js CHANGED Viewed

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _radioGroup = _interopRequireDefault(require("../../../radio/html/radio-group"));
 var _commons = require("../../../commons");
 require("./checkbox-one.scss");
@@ -33,22 +31,5 @@ function CheckboxOne(_ref) {
     shortcut: shortcut
   });
 }
-CheckboxOne.propTypes = {
-  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-    description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool])
-  })),
-  id: _propTypes["default"].string.isRequired,
-  onSelect: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  errors: _propTypes["default"].object,
-  shortcut: _propTypes["default"].bool
-};
-CheckboxOne.defaultProps = {
-  options: [],
-  errors: undefined,
-  label: undefined
-};
 var _default = (0, _commons.createCustomizableLunaticField)(CheckboxOne, 'CheckboxOne');
 exports["default"] = _default;

package/lib/components/checkbox/checkbox-one/html/checkbox-one.spec.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
 var _checkboxOne = _interopRequireDefault(require("./checkbox-one"));
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,13 +18,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   }];
   var onSelect = _vitest.vi.fn();
   (0, _vitest.it)('renders the component with correct props', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOne["default"], {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOne["default"], {
         options: options,
         value: "option-1",
         id: "checkbox-one",
-        onSelect: onSelect,
-        errors: [],
-        shortcut: "c"
+        onSelect: onSelect
       })),
       getByText = _render.getByText;
     (0, _vitest.expect)(getByText('Option 1')).toBeInTheDocument();
@@ -33,18 +30,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(getByText('Option 3')).toBeInTheDocument();
   });
   (0, _vitest.it)('calls onSelect when an option is selected', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOne["default"], {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOne["default"], {
         options: options,
         value: "option-1",
         id: "checkbox-one",
         label: "Checkbox One",
         description: "Choose one option",
-        onSelect: onSelect,
-        errors: [],
-        shortcut: "c"
+        onSelect: onSelect
       })),
       getByText = _render2.getByText;
-    _react2.fireEvent.click(getByText('Option 2'));
+    _react.fireEvent.click(getByText('Option 2'));
     (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
     (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('option-2');
   });

package/lib/components/checkbox/checkbox-one/lunatic-checkbox-one.js CHANGED Viewed

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../../commons/components/lunatic-component-without-label"));
 var _useOnHandleChange = _interopRequireDefault(require("../../commons/use-on-handle-change"));
 var _checkboxOne = _interopRequireDefault(require("./html/checkbox-one"));
@@ -48,7 +47,6 @@ function LunaticCheckboxOne(_ref) {
       value: value,
       errors: errors,
       onSelect: onSelect,
-      response: response,
       label: label,
       shortcut: shortcut
     })

package/lib/components/checkbox/commons/checkbox-option.js CHANGED Viewed

@@ -1,12 +1,10 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icons = require("../../commons/icons");
 var _commons = require("../../commons");
@@ -14,8 +12,6 @@ require("./checkbox-option.scss");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function CheckboxOption(_ref) {
   var disabled = _ref.disabled,
     checked = _ref.checked,
@@ -47,7 +43,7 @@ function CheckboxOption(_ref) {
         role: "checkbox",
         className: "lunatic-input-checkbox",
         "aria-checked": checked,
-        tabIndex: "0",
+        tabIndex: 0,
         onClick: onClickOption,
         onKeyDown: handleKeyDown,
         "aria-labelledby": labelId,
@@ -61,7 +57,7 @@ function CheckboxOption(_ref) {
           }), label]
         })]
       })
-    }), shortcut && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactKeyboardEventHandler["default"], {
+    }), shortcut && codeModality && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactKeyboardEventHandler["default"], {
       handleKeys: [codeModality],
       onKeyEvent: function onKeyEvent(key, e) {
         e.preventDefault();
@@ -71,19 +67,5 @@ function CheckboxOption(_ref) {
     })]
   });
 }
-CheckboxOption.prototype = {
-  id: _propTypes["default"].string.isRequired,
-  onClick: _propTypes["default"].func.isRequired,
-  checked: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].array])
-};
-CheckboxOption.defaultProps = {
-  checked: undefined,
-  disabled: false,
-  label: undefined,
-  description: undefined
-};
 var _default = (0, _commons.createCustomizableLunaticField)(CheckboxOption, 'CheckboxOption');
 exports["default"] = _default;

package/lib/components/checkbox/commons/checkbox-option.spec.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
 var _checkboxOption = _interopRequireDefault(require("./checkbox-option"));
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -29,7 +28,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     label: 'Test checkbox'
   };
   (0, _vitest.it)('renders the component correctly', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, props))),
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, props))),
       getByRole = _render.getByRole,
       getByText = _render.getByText;
     var checkbox = getByRole('checkbox');
@@ -39,12 +38,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     (0, _vitest.expect)(label).toBeInTheDocument();
   });
   (0, _vitest.it)('renders the label text', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, defaultProps))),
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, defaultProps))),
       getByText = _render2.getByText;
     (0, _vitest.expect)(getByText(defaultProps.label)).toBeInTheDocument();
   });
   (0, _vitest.it)('renders the component with the checked attribute', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread(_objectSpread({}, props), {}, {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread(_objectSpread({}, props), {}, {
         checked: true
       }))),
       getByRole = _render3.getByRole;
@@ -52,18 +51,18 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     (0, _vitest.expect)(checkbox).toBeChecked();
   });
   (0, _vitest.it)('calls the onClick function when clicked', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, props))),
+    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, props))),
       getByRole = _render4.getByRole;
     var checkbox = getByRole('checkbox');
-    _react2.fireEvent.click(checkbox);
+    _react.fireEvent.click(checkbox);
     (0, _vitest.expect)(props.onClick).toHaveBeenCalledTimes(1);
     (0, _vitest.expect)(props.onClick).toHaveBeenCalledWith(true);
   });
   (0, _vitest.it)('calls the onClick function when space key is pressed', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, defaultProps))),
+    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkboxOption["default"], _objectSpread({}, defaultProps))),
       getByRole = _render5.getByRole;
     var checkbox = getByRole('checkbox');
-    _react2.fireEvent.keyDown(checkbox, {
+    _react.fireEvent.keyDown(checkbox, {
       code: 'Space'
     });
     (0, _vitest.expect)(defaultProps.onClick).toHaveBeenCalledWith(true);