@inseefr/lunatic 2.3.1 → 2.4.1-beta

package/lib/components/commons/components/fab/fab.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+require("./fab.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function empty() {}
+function Fab(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    tabIndex = _ref.tabIndex,
+    title = _ref.title,
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
+    disabled = _ref.disabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: (0, _classnames["default"])('lunatic-fab', className),
+    tabIndex: tabIndex,
+    title: title,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    disabled: disabled,
+    "aria-label": title,
+    children: children
+  });
+}
+Fab.propTypes = {
+  className: _propTypes["default"].string,
+  tabIndex: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool
+};
+Fab.defaultProps = {
+  className: undefined,
+  tabIndex: undefined,
+  title: 'Fab',
+  onClick: empty,
+  disabled: false,
+  onKeyDown: empty
+};
+var _default = Fab;
+exports["default"] = _default;

package/lib/components/commons/components/fab/fab.scss

@@ -0,0 +1,32 @@
+.lunatic-fab {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	margin: 0;
+	padding: 0;
+	outline: inherit;
+	border: none;
+	background-color: royalblue;
+	box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%),
+		0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
+
+	&:hover {
+		cursor: pointer;
+		background-color: navy;
+		transition: background-color 1s;
+	}
+
+	&.mini {
+		width: 18px;
+		height: 18px;
+	}
+
+	&:focus {
+		border: solid 1px black;
+	}
+
+	&:disabled {
+		cursor: default;
+		background-color: darkgray;
+	}
+}

package/lib/components/commons/components/fab/fab.spec.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _vitest = require("vitest");
+var _fab = _interopRequireDefault(require("./fab"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Fab', function () {
+  (0, _vitest.it)('renders children', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      children: "Test Children"
+    }));
+    (0, _vitest.expect)(_react2.screen.getByText('Test Children')).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders title', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      title: "Test Title",
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    (0, _vitest.expect)(button).toHaveAttribute('title', 'Test Title');
+    (0, _vitest.expect)(button).toHaveAttribute('aria-label', 'Test Title');
+  });
+  (0, _vitest.it)('calls onClick when clicked', function () {
+    var handleClick = _vitest.vi.fn();
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      onClick: handleClick,
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    _userEvent["default"].click(button);
+    (0, _vitest.expect)(handleClick).toHaveBeenCalledTimes(1);
+  });
+  (0, _vitest.it)('calls onKeyDown when a key is pressed', function () {
+    var handleKeyDown = _vitest.vi.fn();
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      onKeyDown: handleKeyDown,
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    _userEvent["default"].type(button, '{enter}');
+    (0, _vitest.expect)(handleKeyDown).toHaveBeenCalledTimes(1);
+  });
+  (0, _vitest.it)('is disabled when disabled prop is true', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      disabled: true,
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    (0, _vitest.expect)(button).toBeDisabled();
+  });
+  (0, _vitest.it)('has custom className', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      className: "test-class",
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    (0, _vitest.expect)(button).toHaveClass('test-class');
+  });
+  (0, _vitest.it)('has custom tabIndex', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {
+      tabIndex: "1",
+      children: "Test Children"
+    }));
+    var button = _react2.screen.getByRole('button');
+    (0, _vitest.expect)(button).toHaveAttribute('tabIndex', '1');
+  });
+  (0, _vitest.it)('has default props', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fab["default"], {}));
+    var button = _react2.screen.getByRole('button');
+    (0, _vitest.expect)(button).toHaveAttribute('title', 'Fab');
+    (0, _vitest.expect)(button).not.toBeDisabled();
+  });
+});

package/lib/components/commons/components/fab/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Fab", {
+  enumerable: true,
+  get: function get() {
+    return _fab["default"];
+  }
+});
+var _fab = _interopRequireDefault(require("./fab"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/field-container/field-container.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Tooltip(_ref) {
+  var management = _ref.management;
+  if (management) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "tooltip"
+    });
+  }
+  return null;
+}
+function FieldContainer(_ref2) {
+  var children = _ref2.children,
+    management = _ref2.management,
+    value = _ref2.value,
+    id = _ref2.id;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "field-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames["default"])({
+        'field-with-tooltip': management,
+        field: !management
+      }),
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+      management: management,
+      value: value,
+      id: id
+    })]
+  });
+}
+var _default = FieldContainer;
+exports["default"] = _default;

package/lib/components/commons/components/field-container/filed-container.spec.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
+var _fieldContainer = _interopRequireDefault(require("./field-container"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('FieldContainer', function () {
+  (0, _vitest.it)('renders the children', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      children: "Test Children"
+    }));
+    (0, _vitest.expect)(_react2.screen.getByText('Test Children')).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders with field class if management is false', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      management: false,
+      children: "Test Children"
+    }));
+    (0, _vitest.expect)(_react2.screen.getByText('Test Children')).toHaveClass('field');
+  });
+  (0, _vitest.it)('renders with field-with-tooltip class if management is true', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      management: true,
+      children: "Test Children"
+    }));
+    (0, _vitest.expect)(_react2.screen.getByText('Test Children')).toHaveClass('field-with-tooltip');
+  });
+  (0, _vitest.it)('does not render the tooltip if management is false', function () {
+    (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      management: false,
+      children: "Test Children"
+    }));
+    (0, _vitest.expect)(_react2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+  });
+});

package/lib/components/commons/components/field-container/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _fieldContainer["default"];
+  }
+});
+var _fieldContainer = _interopRequireDefault(require("./field-container"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/fieldset.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _createCustomizableField = _interopRequireDefault(require("../create-customizable-field"));
+var _safetyLabel = _interopRequireDefault(require("../safety-label"));
+var _description = _interopRequireDefault(require("./description"));
+require("./fieldset.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Fieldset(_ref) {
+  var children = _ref.children,
+    legend = _ref.legend,
+    description = _ref.description,
+    className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: (0, _classnames["default"])(className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("legend", {
+      children: [(0, _safetyLabel["default"])(legend), /*#__PURE__*/(0, _jsxRuntime.jsx)(_description["default"], {
+        value: description
+      })]
+    }), children]
+  });
+}
+var _default = (0, _createCustomizableField["default"])(Fieldset, 'Fieldset');
+exports["default"] = _default;

package/lib/components/commons/components/fieldset.scss

@@ -0,0 +1,5 @@
+fieldset {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}

package/lib/components/commons/components/fieldset.spec.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _fieldset = _interopRequireDefault(require("./fieldset"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Fieldset', function () {
+  (0, _vitest.it)('renders the legend text', function () {
+    var legendText = 'Example Legend';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldset["default"], {
+        legend: legendText
+      })),
+      getByText = _render.getByText;
+    var legendElement = getByText(legendText);
+    (0, _vitest.expect)(legendElement).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders the description', function () {
+    var description = [{
+      label: 'test label 1',
+      declarationType: 'test-type-1'
+    }];
+    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldset["default"], {
+        description: description
+      })),
+      getByText = _render2.getByText;
+    var descriptionElement = getByText(description[0].label); // find the label text
+    (0, _vitest.expect)(descriptionElement).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders the children', function () {
+    var childText = 'Example child text';
+    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldset["default"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: childText
+        })
+      })),
+      getByText = _render3.getByText;
+    var childElement = getByText(childText);
+    (0, _vitest.expect)(childElement).toBeInTheDocument();
+  });
+  (0, _vitest.it)('applies the className', function () {
+    var className = 'custom-class';
+    var _render4 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldset["default"], {
+        className: className
+      })),
+      container = _render4.container;
+    var fieldsetElement = container.querySelector('fieldset');
+    (0, _vitest.expect)(fieldsetElement).toHaveClass(className);
+  });
+});

package/lib/components/commons/components/html-table/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table["default"];
+  }
+});
+Object.defineProperty(exports, "Tbody", {
+  enumerable: true,
+  get: function get() {
+    return _tbody["default"];
+  }
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _td["default"];
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _th["default"];
+  }
+});
+Object.defineProperty(exports, "Thead", {
+  enumerable: true,
+  get: function get() {
+    return _thead["default"];
+  }
+});
+Object.defineProperty(exports, "Tr", {
+  enumerable: true,
+  get: function get() {
+    return _tr["default"];
+  }
+});
+var _table = _interopRequireDefault(require("./table"));
+var _tbody = _interopRequireDefault(require("./tbody"));
+var _td = _interopRequireDefault(require("./td"));
+var _th = _interopRequireDefault(require("./th"));
+var _thead = _interopRequireDefault(require("./thead"));
+var _tr = _interopRequireDefault(require("./tr"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/commons/components/html-table/table.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+require("./table.scss");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Table(_ref) {
+  var className = _ref.className,
+    id = _ref.id,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+    id: "table-".concat(id),
+    className: (0, _classnames["default"])('lunatic-table', className),
+    children: children
+  });
+}
+Table.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string
+};
+Table.defaultProps = {
+  className: undefined
+};
+var _default = (0, _createCustomizableField["default"])(Table, 'Table');
+exports["default"] = _default;

package/lib/components/commons/components/html-table/table.scss

@@ -0,0 +1,27 @@
+.lunatic-component {
+	.lunatic-table {
+		table-layout: fixed;
+		border-collapse: collapse;
+		margin-top: 0.3em;
+		margin-bottom: 0.3em;
+		& td,
+		th {
+			border: 0.15em solid var(--color-primary-dark);
+			padding: 0.2em;
+			font-size: 13px;
+		}
+		& td {
+			.field,
+			.field-with-tooltip {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+	}
+
+	.table-lunatic .tooltip-lunatic img {
+		height: 20px;
+		width: 20px;
+	}
+}

package/lib/components/commons/components/html-table/table.spec.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _table = _interopRequireDefault(require("./table"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Table', function () {
+  (0, _vitest.it)('renders without crashing', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_table["default"], {
+        id: "test-table"
+      })),
+      getByRole = _render.getByRole;
+    (0, _vitest.expect)(getByRole('table')).toBeInTheDocument();
+  });
+  (0, _vitest.it)('applies custom className when provided', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_table["default"], {
+        id: "test-table",
+        className: "custom-class"
+      })),
+      getByRole = _render2.getByRole;
+    (0, _vitest.expect)(getByRole('table')).toHaveClass('custom-class');
+  });
+});

package/lib/components/commons/components/html-table/tbody.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Tbody(_ref) {
+  var id = _ref.id,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    id: id ? "lunatic-table-tbody-".concat(id) : undefined,
+    className: (0, _classnames["default"])('lunatic-table-tbody', className),
+    children: children
+  });
+}
+Tbody.propTypes = {
+  id: _propTypes["default"].string,
+  className: _propTypes["default"].string
+};
+Tbody.defaultProps = {
+  className: undefined,
+  id: undefined
+};
+var _default = (0, _createCustomizableField["default"])(Tbody, 'Tbody');
+exports["default"] = _default;

package/lib/components/commons/components/html-table/tbody.spec.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _tbody = _interopRequireDefault(require("./tbody"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Tbody component', function () {
+  (0, _vitest.it)('renders the component with the correct props and children', function () {
+    var testId = 'test-id';
+    var testClass = 'test-class';
+    var testContent = 'Test content';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_tbody["default"], {
+        id: testId,
+        className: testClass,
+        children: testContent
+      })),
+      getByRole = _render.getByRole,
+      getByText = _render.getByText;
+    var tbodyElement = getByRole('rowgroup');
+    (0, _vitest.expect)(tbodyElement).toHaveAttribute('id', "lunatic-table-tbody-".concat(testId));
+    (0, _vitest.expect)(tbodyElement).toHaveClass('lunatic-table-tbody');
+    (0, _vitest.expect)(tbodyElement).toHaveClass(testClass);
+    (0, _vitest.expect)(getByText(testContent)).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders the component without an ID or class when not provided', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_tbody["default"], {})),
+      getByRole = _render2.getByRole;
+    var tbodyElement = getByRole('rowgroup');
+    (0, _vitest.expect)(tbodyElement).not.toHaveAttribute('id');
+    (0, _vitest.expect)(tbodyElement).toHaveClass('lunatic-table-tbody');
+  });
+});

package/lib/components/commons/components/html-table/td.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createCustomizableField = _interopRequireDefault(require("../../create-customizable-field"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Td(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    row = _ref.row,
+    index = _ref.index,
+    className = _ref.className,
+    colSpan = _ref.colSpan,
+    rowSpan = _ref.rowSpan;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    id: "lunatic-table-td-".concat(id, "-").concat(row, "-").concat(index),
+    className: (0, _classnames["default"])('lunatic-table-td', className),
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    children: children
+  });
+}
+Td.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  row: _propTypes["default"].number.isRequired,
+  index: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string,
+  rowSpan: _propTypes["default"].number,
+  colSpan: _propTypes["default"].number
+};
+Td.defaultProps = {
+  className: undefined,
+  rowSpan: undefined,
+  colSpan: undefined
+};
+var _default = (0, _createCustomizableField["default"])(Td, 'Td');
+exports["default"] = _default;

package/lib/components/commons/components/html-table/td.spec.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _td = _interopRequireDefault(require("./td"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Td', function () {
+  (0, _vitest.it)('renders a td element with the correct props and children', function () {
+    var id = 'test-id';
+    var row = 1;
+    var index = 2;
+    var className = 'test-class';
+    var colSpan = 2;
+    var rowSpan = 3;
+    var children = 'Test content';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_td["default"], {
+              id: id,
+              row: row,
+              index: index,
+              className: className,
+              colSpan: colSpan,
+              rowSpan: rowSpan,
+              children: children
+            })
+          })
+        })
+      })),
+      getByRole = _render.getByRole;
+    var td = getByRole('cell', {
+      name: children
+    });
+    (0, _vitest.expect)(td).toHaveAttribute('id', "lunatic-table-td-".concat(id, "-").concat(row, "-").concat(index));
+    (0, _vitest.expect)(td).toHaveClass('lunatic-table-td');
+    (0, _vitest.expect)(td).toHaveClass(className);
+    (0, _vitest.expect)(td).toHaveAttribute('colspan', colSpan.toString());
+    (0, _vitest.expect)(td).toHaveAttribute('rowspan', rowSpan.toString());
+  });
+});