@inseefr/lunatic 2.7.3 → 2.7.4

package/lib/components/commons/components/combo-box/combo-box.stories.js

@@ -34,9 +34,6 @@ var LabelRenderer = function LabelRenderer(_ref) {
   });
 };
 var Template = function Template(args) {
-  console.log({
-    args: args
-  });
   var _useState = (0, _react.useState)(args.value),
     _useState2 = _slicedToArray(_useState, 2),
     localValue = _useState2[0],

package/lib/components/datepicker/html/DatepickerField.js

@@ -23,7 +23,7 @@ function DatepickerField(_ref) {
     onChange(e.target.valueAsNumber);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])('lunaticDatepickerField', !max && 'lunaticDatepickerFieldLarge'),
+    className: (0, _classnames["default"])('lunaticDatepickerField', (!max || max > 999) && 'lunaticDatepickerFieldLarge'),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: id,
       children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/components/datepicker/html/__snapshots__/datepicker.spec.tsx.snap

@@ -65,6 +65,7 @@ exports[`Datepicker > should render properly with format YYYY 1`] = `
         </label>
         <input
           id="datepickeryear"
+          max="9999"
           min="1"
           type="number"
           value="1999"
@@ -140,6 +141,7 @@ exports[`Datepicker > should render properly with format YYYY-MM 1`] = `
         </label>
         <input
           id="datepickeryear"
+          max="9999"
           min="1"
           type="number"
           value="1999"
@@ -215,6 +217,7 @@ exports[`Datepicker > should render properly with format YYYY-MM-DD 1`] = `
         </label>
         <input
           id="datepickeryear"
+          max="9999"
           min="1"
           type="number"
           value="1999"

package/lib/components/datepicker/html/datepicker.js

@@ -30,16 +30,16 @@ function Datepicker(_ref) {
     readOnly = _ref.readOnly,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? 'YYYY-MM-DD' : _ref$format,
+    _ref$dateFormat = _ref.dateFormat,
+    dateFormat = _ref$dateFormat === void 0 ? 'YYYY-MM-DD' : _ref$dateFormat,
     onChange = _ref.onChange,
     id = _ref.id,
     label = _ref.label,
     errors = _ref.errors,
     description = _ref.description;
   var labelId = "lunatic-datepicker-".concat(id);
-  var showDay = format.includes('DD');
-  var showMonth = format.includes('MM');
+  var showDay = dateFormat.includes('DD');
+  var showMonth = dateFormat.includes('MM');
 
   // Raw state, we allow invalid dates to be typed
   var _useState = (0, _react.useState)(function () {
@@ -57,7 +57,7 @@ function Datepicker(_ref) {
     };
   };
   var handleChange = function handleChange(numbers) {
-    var formatParts = format.split('-');
+    var formatParts = dateFormat.split('-');
     var hasNaNIndex = numbers.findIndex(function (v) {
       return Number.isNaN(v);
     });
@@ -69,7 +69,7 @@ function Datepicker(_ref) {
     }
 
     // Date is not valid
-    if (format === 'YYYY-MM-DD' && !isDateValid(numbers)) {
+    if (dateFormat === 'YYYY-MM-DD' && !isDateValid(numbers)) {
       onChange(null);
       return;
     }
@@ -110,6 +110,7 @@ function Datepicker(_ref) {
         label: "Ann\xE9e",
         description: "Exemple: 2023",
         value: numbers[0],
+        max: 9999,
         onChange: setNumber(0)
       }, extraProps))]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {

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

@@ -49,7 +49,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('handle change correctly for format YYYY-MM', function () {
     (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
-      format: "YYYY-MM",
+      dateFormat: "YYYY-MM",
       value: "1999-01",
       id: "datepicker",
       "aria-labelledby": "datepicker",
@@ -70,7 +70,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('handle change correctly for year YYYY', function () {
     (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
-      format: "YYYY",
+      dateFormat: "YYYY",
       value: "1999",
       id: "datepicker",
       "aria-labelledby": "datepicker",

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _datepicker = _interopRequireDefault(require("./html/datepicker"));
 var _commons = require("../commons");
+var _errors = require("../commons/components/errors/errors");
 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 _datepicker = _interopRequireDefault(require("./html/datepicker"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var LunaticDatepicker = function LunaticDatepicker(props) {
@@ -28,7 +28,7 @@ var LunaticDatepicker = function LunaticDatepicker(props) {
     missing = props.missing,
     missingResponse = props.missingResponse,
     management = props.management,
-    format = props.format;
+    dateFormat = props.dateFormat;
   var onChange = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
     response: response,
@@ -45,7 +45,7 @@ var LunaticDatepicker = function LunaticDatepicker(props) {
     description: description,
     handleChange: handleChange,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
-      format: format,
+      dateFormat: dateFormat,
       disabled: disabled,
       readOnly: readOnly,
       value: value !== null && value !== void 0 ? value : '',

package/lib/src/components/datepicker/html/datepicker.d.ts

@@ -12,7 +12,7 @@ type Props = {
     id?: string;
     value?: string;
     onChange: (s: string | null) => void;
-    format?: string;
+    dateFormat?: string;
 };
 declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/datepicker/lunatic-datepicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const _default: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
-    format: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
+    dateFormat: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
     min?: string | undefined;
     max?: string | undefined;
     response: {

package/lib/src/components/type.d.ts

@@ -129,7 +129,7 @@ type ComponentPropsByType = {
         iteration: LunaticState['pager']['iteration'];
     };
     Datepicker: LunaticBaseProps<string | null> & {
-        format: 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY';
+        dateFormat: 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY';
         min?: string;
         max?: string;
         response: {

package/lib/src/use-lunatic/use-lunatic.d.ts

@@ -111,7 +111,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 iteration: number | undefined;
             };
             Datepicker: import("../components/type").LunaticBaseProps<string | null> & {
-                format: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
+                dateFormat: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
                 min?: string | undefined;
                 max?: string | undefined;
                 response: {
@@ -356,7 +356,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 iteration: number | undefined;
             };
             Datepicker: import("../components/type").LunaticBaseProps<string | null> & {
-                format: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
+                dateFormat: "YYYY-MM-DD" | "YYYY-MM" | "YYYY";
                 min?: string | undefined;
                 max?: string | undefined;
                 response: {

package/lib/stories/date-picker/datepicker.stories.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Basic = void 0;
-var _datepicker = _interopRequireDefault(require("../../components/datepicker"));
 var _addonActions = require("@storybook/addon-actions");
+var _datepicker = _interopRequireDefault(require("../../components/datepicker"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var _default = exports["default"] = {
   title: 'Components/Datepicker',
   component: _datepicker["default"],
   args: {
     value: '1920-02-01',
-    format: 'YYYY-MM-DD',
+    dateFormat: 'YYYY-MM-DD',
     handleChange: (0, _addonActions.action)('handleChange'),
     response: {
       name: 'date'
@@ -20,11 +20,11 @@ var _default = exports["default"] = {
   },
   parameters: {
     controls: {
-      include: ['format', 'readOnly', 'disabled']
+      include: ['dateFormat', 'readOnly', 'disabled']
     }
   },
   argTypes: {
-    format: {
+    dateFormat: {
       control: 'radio',
       options: ['YYYY-MM-DD', 'YYYY-MM', 'YYYY']
     },

package/lib/use-lunatic/commons/variables/lunatic-variables-store.js

@@ -319,12 +319,18 @@ var LunaticVariable = /*#__PURE__*/function () {
       var _this2 = this;
       try {
         return Object.fromEntries(this.getDependencies().map(function (dep) {
-          var _this2$dictionary;
+          var _this2$dictionary, _this2$dictionary$get;
           if (dep === iterationVariableName && iteration) {
             return [dep, iteration[0]];
           }
           var dependencyIteration = (0, _number.isNumber)(_this2.iterationDepth) && Array.isArray(iteration) ? [iteration[_this2.iterationDepth]] : iteration;
-          return [dep, (_this2$dictionary = _this2.dictionary) === null || _this2$dictionary === void 0 || (_this2$dictionary = _this2$dictionary.get(dep)) === null || _this2$dictionary === void 0 ? void 0 : _this2$dictionary.getValue(dependencyIteration)];
+
+          // The variable is not registered in the variable dictionary
+          // Happens when calculating unquoted VTL expression
+          if (!_this2.dictionary || !((_this2$dictionary = _this2.dictionary) !== null && _this2$dictionary !== void 0 && _this2$dictionary.has(dep))) {
+            throw new Error("Unknown variable \"".concat(dep, "\" in expression ").concat(_this2.expression));
+          }
+          return [dep, (_this2$dictionary$get = _this2.dictionary.get(dep)) === null || _this2$dictionary$get === void 0 ? void 0 : _this2$dictionary$get.getValue(dependencyIteration)];
         }));
       } catch (e) {
         if (e instanceof RangeError) {

package/lib/use-lunatic/commons/variables/lunatic-variables-store.spec.js

@@ -81,6 +81,11 @@ var _missingBehaviour = require("./behaviours/missing-behaviour");
     variables.set('FIRSTNAME', 'Jane');
     (0, _vitest.expect)(variables.run('FIRSTNAME || " " || LASTNAME')).toEqual('Jane Doe');
   });
+  (0, _vitest.it)('should throw an exception when calculated incorrect VTL', function () {
+    (0, _vitest.expect)(function () {
+      return variables.run('Hello world');
+    }).toThrowError();
+  });
   (0, _vitest.describe)('with iteration', function () {
     (0, _vitest.it)('should handle arrays', function () {
       variables.set('FIRSTNAME', ['John', 'Jane']);

package/lib/use-lunatic/reducer/reduce-on-init.js

@@ -112,7 +112,7 @@ function reduceOnInit(state, action) {
       return result;
     } catch (e) {
       // If there is an error interpreting a variable, return the raw expression
-      console.error("Cannot interpret expression : ".concat(expressionString));
+      console.error("Cannot interpret expression : ".concat(expressionString), e);
       return expressionString;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "2.7.3",
+	"version": "2.7.4",
 	"workersVersion": "0.3.0",
 	"description": "Library of questionnaire components",
 	"repository": {