@inseefr/lunatic 2.7.21 → 3.0.0-rc.10

package/lib/components/index.js

@@ -1,223 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _button["default"];
-  }
-});
-Object.defineProperty(exports, "CheckboxBoolean", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxBoolean["default"];
-  }
-});
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxGroup["default"];
-  }
-});
-Object.defineProperty(exports, "CheckboxOne", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxOne["default"];
-  }
-});
-Object.defineProperty(exports, "ComponentSet", {
-  enumerable: true,
-  get: function get() {
-    return _lunaticComponentSet.LunaticComponentSet;
-  }
-});
-Object.defineProperty(exports, "ConfirmationModal", {
-  enumerable: true,
-  get: function get() {
-    return _modal["default"];
-  }
-});
-Object.defineProperty(exports, "Datepicker", {
-  enumerable: true,
-  get: function get() {
-    return _datepicker["default"];
-  }
-});
-Object.defineProperty(exports, "Declarations", {
-  enumerable: true,
-  get: function get() {
-    return _declarations["default"];
-  }
-});
-Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _dropdown["default"];
-  }
-});
-Object.defineProperty(exports, "Duration", {
-  enumerable: true,
-  get: function get() {
-    return _duration["default"];
-  }
-});
-Object.defineProperty(exports, "FilterDescription", {
-  enumerable: true,
-  get: function get() {
-    return _filterDescription["default"];
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _input["default"];
-  }
-});
-Object.defineProperty(exports, "InputNumber", {
-  enumerable: true,
-  get: function get() {
-    return _inputNumber["default"];
-  }
-});
-Object.defineProperty(exports, "Loop", {
-  enumerable: true,
-  get: function get() {
-    return _loop.Loop;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _modalControls["default"];
-  }
-});
-Object.defineProperty(exports, "PairwiseLinks", {
-  enumerable: true,
-  get: function get() {
-    return _pairwiseLinks.PairwiseLinks;
-  }
-});
-Object.defineProperty(exports, "Question", {
-  enumerable: true,
-  get: function get() {
-    return _question.Question;
-  }
-});
-Object.defineProperty(exports, "QuestionContext", {
-  enumerable: true,
-  get: function get() {
-    return _questionContext["default"];
-  }
-});
-Object.defineProperty(exports, "QuestionExplication", {
-  enumerable: true,
-  get: function get() {
-    return _questionExplication["default"];
-  }
-});
-Object.defineProperty(exports, "QuestionInformation", {
-  enumerable: true,
-  get: function get() {
-    return _questionInformation["default"];
-  }
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function get() {
-    return _radio["default"];
-  }
-});
-Object.defineProperty(exports, "RosterForLoop", {
-  enumerable: true,
-  get: function get() {
-    return _rosterForLoop.RosterForLoop;
-  }
-});
-Object.defineProperty(exports, "Roundabout", {
-  enumerable: true,
-  get: function get() {
-    return _roundabout["default"];
-  }
-});
-Object.defineProperty(exports, "Sequence", {
-  enumerable: true,
-  get: function get() {
-    return _sequence["default"];
-  }
-});
-Object.defineProperty(exports, "Subsequence", {
-  enumerable: true,
-  get: function get() {
-    return _subsequence["default"];
-  }
-});
-Object.defineProperty(exports, "Suggester", {
-  enumerable: true,
-  get: function get() {
-    return _suggester["default"];
-  }
-});
-Object.defineProperty(exports, "SuggesterLoaderWidget", {
-  enumerable: true,
-  get: function get() {
-    return _suggesterLoaderWidget["default"];
-  }
-});
-Object.defineProperty(exports, "Summary", {
-  enumerable: true,
-  get: function get() {
-    return _summary.Summary;
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function get() {
-    return _switch["default"];
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _lunaticTable.LunaticTable;
-  }
-});
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function get() {
-    return _textarea["default"];
-  }
-});
-var _button = _interopRequireDefault(require("./button"));
-var _checkboxGroup = _interopRequireDefault(require("./checkbox/checkbox-group"));
-var _checkboxBoolean = _interopRequireDefault(require("./checkbox/checkbox-boolean"));
-var _checkboxOne = _interopRequireDefault(require("./checkbox/checkbox-one"));
-var _datepicker = _interopRequireDefault(require("./datepicker"));
-var _declarations = _interopRequireDefault(require("./declarations"));
-var _dropdown = _interopRequireDefault(require("./dropdown"));
-var _input = _interopRequireDefault(require("./input"));
-var _inputNumber = _interopRequireDefault(require("./input-number"));
-var _filterDescription = _interopRequireDefault(require("./filter-description"));
-var _loop = require("./loop/loop");
-var _modalControls = _interopRequireDefault(require("./modal-controls"));
-var _pairwiseLinks = require("./pairwise-links/pairwise-links");
-var _radio = _interopRequireDefault(require("./radio"));
-var _rosterForLoop = require("./loop/roster-for-loop/roster-for-loop");
-var _sequence = _interopRequireDefault(require("./sequence"));
-var _subsequence = _interopRequireDefault(require("./subsequence"));
-var _suggester = _interopRequireDefault(require("./suggester"));
-var _switch = _interopRequireDefault(require("./switch"));
-var _textarea = _interopRequireDefault(require("./textarea"));
-var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-widget"));
-var _roundabout = _interopRequireDefault(require("./roundabout"));
-var _lunaticTable = require("./table/lunatic-table");
-var _lunaticComponentSet = require("./component-set/lunatic-component-set");
-var _duration = _interopRequireDefault(require("./duration"));
-var _summary = require("./summary");
-var _questionInformation = _interopRequireDefault(require("./questions/question-information"));
-var _questionContext = _interopRequireDefault(require("./questions/question-context"));
-var _questionExplication = _interopRequireDefault(require("./question-explication"));
-var _modal = _interopRequireDefault(require("./modal"));
-var _question = require("./question");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/input/html/input.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _commons = require("../../commons");
-require("./input.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Input(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    required = _ref.required,
-    maxLength = _ref.maxLength,
-    label = _ref.label,
-    description = _ref.description,
-    id = _ref.id,
-    errors = _ref.errors,
-    readOnly = _ref.readOnly;
-  var labelId = "label-".concat(id);
-  var handleChange = (0, _react.useCallback)(function (e) {
-    var value = e.target.value;
-    onChange(value);
-  }, [onChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])('lunatic-input'),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
-      htmlFor: id,
-      id: labelId,
-      description: description,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      id: id,
-      "aria-labelledby": labelId,
-      autoComplete: "off",
-      type: "text",
-      disabled: disabled,
-      readOnly: readOnly,
-      value: checkValue(value),
-      onChange: handleChange,
-      "aria-required": required,
-      required: required,
-      maxLength: maxLength,
-      "aria-invalid": !!errors
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: errors
-    })]
-  });
-}
-function checkValue(value) {
-  return (value !== null && value !== void 0 ? value : '').toString();
-}
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(Input, 'Input');

package/lib/components/input/html/input.spec.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _input = _interopRequireDefault(require("./input"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-(0, _vitest.describe)('Input', function () {
-  var mockOnChange = _vitest.vi.fn();
-  (0, _vitest.beforeEach)(function () {
-    mockOnChange.mockClear();
-  });
-  (0, _vitest.it)('renders without crashing', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-        value: 'input',
-        id: "input",
-        onChange: mockOnChange,
-        errors: undefined,
-        description: "description"
-      })),
-      container = _render.container;
-    (0, _vitest.expect)(container).toMatchSnapshot();
-  });
-  (0, _vitest.it)('renders label and input', function () {
-    var labelText = 'Enter a number';
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-        id: "number",
-        label: labelText,
-        onChange: mockOnChange,
-        errors: undefined
-      })),
-      container = _render2.container;
-    var label = _react.screen.getByText(labelText);
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(label).toBeInTheDocument();
-    (0, _vitest.expect)(input).toBeInTheDocument();
-  });
-  (0, _vitest.it)('calls onChange with parsed value', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-        id: "number",
-        onChange: mockOnChange,
-        errors: undefined
-      })),
-      container = _render3.container;
-    var input = container.querySelector('input[type="text"]');
-    _react.fireEvent.change(input, {
-      target: {
-        value: 'Dupont'
-      }
-    });
-    (0, _vitest.expect)(mockOnChange).toHaveBeenCalledTimes(1);
-    (0, _vitest.expect)(mockOnChange).toHaveBeenCalledWith('Dupont');
-  });
-  (0, _vitest.it)('disables input when disabled prop is true', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-        id: "number",
-        disabled: true,
-        onChange: mockOnChange,
-        errors: undefined
-      })),
-      container = _render4.container;
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toBeDisabled();
-  });
-  (0, _vitest.it)('should handle readOnly', function () {
-    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-        id: "number",
-        value: "toto",
-        readOnly: true,
-        onChange: mockOnChange,
-        errors: undefined
-      })),
-      container = _render5.container;
-    (0, _vitest.expect)(container).toMatchSnapshot();
-    var input = container.querySelector('input[type="text"]');
-    (0, _vitest.expect)(input).toHaveAttribute('readonly');
-    input.focus();
-    (0, _vitest.expect)(input).toHaveFocus();
-    (0, _vitest.expect)(input).toHaveValue('toto');
-  });
-});

package/lib/components/input/index.js

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

package/lib/components/input/lunatic-input.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _input = _interopRequireDefault(require("./html/input"));
-var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
-var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
-var _errors = require("../commons/components/errors/errors");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function LunaticInput(props) {
-  var id = props.id,
-    value = props.value,
-    handleChange = props.handleChange,
-    response = props.response,
-    errors = props.errors,
-    declarations = props.declarations,
-    preferences = props.preferences,
-    label = props.label,
-    disabled = props.disabled,
-    missing = props.missing,
-    missingResponse = props.missingResponse,
-    management = props.management,
-    description = props.description,
-    required = props.required,
-    maxLength = props.maxLength,
-    readOnly = props.readOnly;
-  var onChange = (0, _useOnHandleChange["default"])({
-    handleChange: handleChange,
-    response: response,
-    value: value
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
-    disabled: readOnly || disabled,
-    id: id,
-    preferences: preferences,
-    declarations: declarations,
-    value: value,
-    missing: missing,
-    missingResponse: missingResponse,
-    management: management,
-    description: description,
-    handleChange: handleChange,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
-      id: id,
-      value: value,
-      onChange: onChange,
-      label: label,
-      disabled: disabled,
-      errors: (0, _errors.getComponentErrors)(errors, id),
-      required: required,
-      maxLength: maxLength,
-      readOnly: readOnly
-    })
-  });
-}
-var _default = exports["default"] = LunaticInput;

package/lib/components/input-number/html/__snapshots__/input-number.spec.tsx.snap

@@ -1,42 +0,0 @@
-// Vitest Snapshot v1
-
-exports[`InputNumber > renders without crashing 1`] = `
-<div>
-  <div
-    class="lunatic-input-number"
-  >
-    <input
-      aria-invalid="false"
-      aria-labelledby="label-input"
-      class=""
-      id="input"
-      inputmode="numeric"
-      lang="en"
-      required=""
-      type="text"
-      value=""
-    />
-  </div>
-</div>
-`;
-
-exports[`InputNumber > should handle readOnly 1`] = `
-<div>
-  <div
-    class="lunatic-input-number"
-  >
-    <input
-      aria-invalid="false"
-      aria-labelledby="label-number"
-      class=""
-      id="number"
-      inputmode="numeric"
-      lang="en"
-      readonly=""
-      required=""
-      type="text"
-      value="123"
-    />
-  </div>
-</div>
-`;

package/lib/components/input-number/html/input-number-thousand.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _reactNumberFormat = require("react-number-format");
-var _i18n = require("../../../i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var InputNumberThousand = function InputNumberThousand(_ref) {
-  var id = _ref.id,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    required = _ref.required,
-    labelId = _ref.labelId,
-    max = _ref.max,
-    decimals = _ref.decimals,
-    invalid = _ref.invalid;
-  var handleChange = (0, _react.useCallback)(function (e) {
-    var _e$floatValue;
-    var val = (_e$floatValue = e.floatValue) !== null && _e$floatValue !== void 0 ? _e$floatValue : null;
-    onChange(Number.isNaN(val) ? null : val);
-  }, [onChange]);
-  var isAllowed = (0, _react.useCallback)(function (values) {
-    var floatValue = values.floatValue;
-    if (Number.isInteger(max) && floatValue && max) return floatValue <= max || false;
-    return true;
-  }, [max]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNumberFormat.NumericFormat, {
-    id: id,
-    className: (0, _classnames["default"])({
-      disabled: disabled
-    }),
-    onValueChange: handleChange,
-    value: value !== null && value !== void 0 ? value : '',
-    "aria-labelledby": labelId,
-    disabled: disabled,
-    readOnly: readOnly,
-    required: required,
-    lang: "en",
-    isAllowed: isAllowed,
-    allowedDecimalSeparators: _i18n.inputNumberPropsI18N.allDecimalSeparators,
-    decimalSeparator: _i18n.inputNumberPropsI18N.decimalSeparator,
-    decimalScale: decimals,
-    allowLeadingZeros: true,
-    thousandSeparator: _i18n.inputNumberPropsI18N.thousandSeparator,
-    inputMode: decimals ? 'decimal' : 'numeric',
-    "aria-invalid": invalid
-  });
-};
-var _default = exports["default"] = InputNumberThousand;

package/lib/components/input-number/html/input-number.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _function = require("../../../utils/function");
-var _commons = require("../../commons");
-var _inputNumberThousand = _interopRequireDefault(require("./input-number-thousand"));
-require("./input-number.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function InputNumber(_ref) {
-  var id = _ref.id,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? _function.voidFunction : _ref$onChange,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    max = _ref.max,
-    _ref$decimals = _ref.decimals,
-    decimals = _ref$decimals === void 0 ? 0 : _ref$decimals,
-    unit = _ref.unit,
-    label = _ref.label,
-    errors = _ref.errors,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? true : _ref$required,
-    description = _ref.description;
-  var labelId = "label-".concat(id);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "lunatic-input-number",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
-      htmlFor: id,
-      id: labelId,
-      description: description,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumberThousand["default"], {
-      id: id,
-      value: value,
-      onChange: onChange,
-      disabled: disabled,
-      readOnly: readOnly,
-      required: required,
-      labelId: labelId,
-      max: max,
-      decimals: decimals,
-      invalid: !!errors
-    }), unit && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: unit
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: errors
-    })]
-  });
-}
-var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(InputNumber, 'InputNumber');