@inseefr/lunatic 2.7.14 → 2.7.16

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

@@ -24,13 +24,15 @@ function LunaticCheckboxBoolean(_ref) {
     missing = _ref.missing,
     missingResponse = _ref.missingResponse,
     management = _ref.management,
-    description = _ref.description;
+    description = _ref.description,
+    readOnly = _ref.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,

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

@@ -22,7 +22,9 @@ function LunaticCheckboxGroup(_ref) {
     declarations = _ref.declarations,
     missingResponse = _ref.missingResponse,
     missing = _ref.missing,
-    management = _ref.management;
+    management = _ref.management,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled;
   var options = responses.map(function (_ref2) {
     var label = _ref2.label,
       response = _ref2.response,
@@ -39,6 +41,7 @@ function LunaticCheckboxGroup(_ref) {
     };
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     label: label,
     preferences: preferences,

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

@@ -24,13 +24,16 @@ function LunaticCheckboxOne(_ref) {
     missingResponse = _ref.missingResponse,
     missing = _ref.missing,
     management = _ref.management,
-    shortcut = _ref.shortcut;
+    shortcut = _ref.shortcut,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled;
   var onSelect = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
     response: response,
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     label: label,
     preferences: preferences,
@@ -49,7 +52,9 @@ function LunaticCheckboxOne(_ref) {
       errors: (0, _errors.getComponentErrors)(errors, id),
       onSelect: onSelect,
       label: label,
-      shortcut: shortcut
+      shortcut: shortcut,
+      readOnly: readOnly,
+      disabled: disabled
     })
   });
 }

package/lib/components/commons/components/missing/missing.js

@@ -36,7 +36,8 @@ var MissingPure = exports.MissingPure = function MissingPure(props) {
     shortcut = props.shortcut,
     missingShortcut = props.missingShortcut,
     dontKnowButton = props.dontKnowButton,
-    refusedButton = props.refusedButton;
+    refusedButton = props.refusedButton,
+    disabled = props.disabled;
   var value = missingResponse === null || missingResponse === void 0 ? void 0 : missingResponse.value;
   var onClick = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
@@ -61,12 +62,14 @@ var MissingPure = exports.MissingPure = function MissingPure(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "missing-button".concat(value === _constants.DK ? '-active' : '', " missing-button-dk").concat(value === _constants.DK ? '-active' : ''),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], {
+        disabled: disabled,
         label: dontKnowButton,
         onClick: onClickDK
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "missing-button".concat(value === _constants.RF ? '-active' : '', " missing-button-rf").concat(value === _constants.RF ? '-active' : ''),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button["default"], {
+        disabled: disabled,
         label: refusedButton,
         onClick: onClickRF
       })

package/lib/components/commons/components/missing/missing.scss

@@ -1,30 +1,27 @@
-.lunatic-component {
-	.missing-buttons {
-		margin-top: 1em;
-		.button-lunatic {
-			width: 4em;
-			font-size: 1em;
-			font-weight: normal;
-		}
-		.missing-button {
-			.button-lunatic {
-				background-color: var(--color-very-very-light);
-				color: var(--color-primary-dark);
-				&:hover {
-					background-color: white;
-					color: var(--color-primary-main);
-				}
-			}
-		}
-		.missing-button-active {
-			.button-lunatic {
-				background-color: var(--color-primary-dark);
-				color: var(--color-very-very-light);
-				&:hover {
-					background-color: var(--color-primary-main);
-					color: white;
-				}
-			}
-		}
-	}
+.missing-buttons {
+	margin-top: 1em;
+}
+.missing-buttons .button-lunatic {
+	width: 4em;
+	font-size: 1em;
+	font-weight: normal;
+}
+.missing-buttons .button-lunatic {
+	background-color: var(--color-very-very-light);
+	color: var(--color-primary-dark);
+}
+.missing-buttons .button-lunatic:not(:disabled):hover {
+	background-color: white;
+	color: var(--color-primary-main);
+}
+.missing-buttons .button-lunatic:disabled {
+	opacity: .5;
+}
+.missing-button-active .button-lunatic {
+	background-color: var(--color-primary-dark);
+	color: var(--color-very-very-light);
+}
+.missing-buttons .missing-button-active .button-lunatic:hover {
+	background-color: var(--color-primary-main);
+	color: white;
 }

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

@@ -35,6 +35,7 @@ var LunaticDatepicker = function LunaticDatepicker(props) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,

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

@@ -35,6 +35,7 @@ function LunaticDropdown(_ref) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,

package/lib/components/duration/duration.js

@@ -22,13 +22,16 @@ function Duration(props) {
     missing = props.missing,
     missingResponse = props.missingResponse,
     management = props.management,
-    description = props.description;
+    description = props.description,
+    readOnly = props.readOnly,
+    disabled = props.disabled;
   var onChange = (0, _commons.useOnHandleChange)({
     handleChange: handleChange,
     response: response,
     value: value !== null && value !== void 0 ? value : ''
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,

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

@@ -33,6 +33,7 @@ function LunaticInput(props) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,

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

@@ -44,6 +44,7 @@ function LunaticInputNumber(props) {
     management: management,
     description: description,
     handleChange: handleChange,
+    disabled: readOnly || disabled,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
       onChange: onChange,
       id: id,

package/lib/components/radio/lunatic-radio-group.js

@@ -37,6 +37,7 @@ function LunaticRadioGroup(props) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     label: label,
     preferences: preferences,

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

@@ -39,6 +39,7 @@ function LunaticSuggester(_ref) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,

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

@@ -28,7 +28,9 @@ function LunaticSwitch(_ref) {
     management = _ref.management,
     description = _ref.description,
     label = _ref.label,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled;
   var booleanValue = value !== null && value !== void 0 ? value : false;
   var onClick = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
@@ -36,6 +38,7 @@ function LunaticSwitch(_ref) {
     value: value
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    disabled: readOnly || disabled,
     id: id,
     preferences: preferences,
     declarations: declarations,
@@ -51,7 +54,9 @@ function LunaticSwitch(_ref) {
       onClick: onClick,
       statusLabel: statusLabel,
       label: label,
-      errors: (0, _errors.getComponentErrors)(errors, id)
+      errors: (0, _errors.getComponentErrors)(errors, id),
+      readOnly: readOnly,
+      disabled: disabled
     })
   });
 }

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

@@ -29,13 +29,15 @@ var LunaticTextarea = function LunaticTextarea(props) {
     missingResponse = props.missingResponse,
     management = props.management,
     readOnly = props.readOnly,
-    required = props.required;
+    required = props.required,
+    disabled = props.disabled;
   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,

package/lib/src/components/checkbox/checkbox-boolean/lunatic-checkbox-boolean.d.ts

@@ -1,5 +1,5 @@
 import type { LunaticComponentProps } from '../../type';
-declare function LunaticCheckboxBoolean({ value, id, options, disabled, handleChange, response, errors, label, preferences, declarations, missing, missingResponse, management, description, }: LunaticComponentProps<'CheckboxBoolean'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticCheckboxBoolean({ value, id, options, disabled, handleChange, response, errors, label, preferences, declarations, missing, missingResponse, management, description, readOnly, }: LunaticComponentProps<'CheckboxBoolean'>): import("react/jsx-runtime").JSX.Element;
 declare namespace LunaticCheckboxBoolean {
     var defaultProps: {
         value: boolean;

package/lib/src/components/checkbox/checkbox-group/lunatic-checkbox-group.d.ts

@@ -7,5 +7,5 @@ export type CheckboxGroupOption = {
     description?: ReactNode;
     onClick: (b: boolean) => void;
 };
-declare function LunaticCheckboxGroup({ id, value, responses, shortcut, handleChange, errors, label, description, preferences, declarations, missingResponse, missing, management, }: LunaticComponentProps<'CheckboxGroup'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticCheckboxGroup({ id, value, responses, shortcut, handleChange, errors, label, description, preferences, declarations, missingResponse, missing, management, readOnly, disabled, }: LunaticComponentProps<'CheckboxGroup'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticCheckboxGroup;

package/lib/src/components/checkbox/checkbox-one/lunatic-checkbox-one.d.ts

@@ -1,3 +1,3 @@
 import type { LunaticComponentProps } from '../../type';
-declare function LunaticCheckboxOne({ id, options, value, errors, handleChange, response, label, description, preferences, declarations, missingResponse, missing, management, shortcut, }: LunaticComponentProps<'CheckboxOne'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticCheckboxOne({ id, options, value, errors, handleChange, response, label, description, preferences, declarations, missingResponse, missing, management, shortcut, readOnly, disabled, }: LunaticComponentProps<'CheckboxOne'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticCheckboxOne;

package/lib/src/components/commons/components/lunatic-component-without-label.d.ts

@@ -7,6 +7,6 @@ type Props = {
     handleChange: (response: {
         name: string;
     }, value: any, args?: Record<string, unknown>) => void;
-} & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing'>;
+} & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing' | 'disabled'>;
 declare function LunaticComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 export default LunaticComponent;

package/lib/src/components/commons/components/missing/missing.d.ts

@@ -5,9 +5,10 @@ type Props = {
     handleChange: LunaticBaseProps<any>['handleChange'];
     componentType?: string;
     paginatedLoop?: boolean;
+    disabled?: boolean;
     missingResponse?: LunaticBaseProps['missingResponse'];
 };
 type PropsFromContext = Pick<ReturnType<typeof useLunaticMissing>, 'shortcut' | 'missingStrategy' | 'dontKnowButton' | 'refusedButton' | 'missingShortcut'>;
 declare const Missing: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
-export declare const MissingPure: (props: Pick<Props, 'handleChange' | 'missingResponse'> & PropsFromContext) => import("react/jsx-runtime").JSX.Element;
+export declare const MissingPure: (props: Pick<Props, 'handleChange' | 'missingResponse' | 'disabled'> & PropsFromContext) => import("react/jsx-runtime").JSX.Element;
 export default Missing;

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

@@ -11,6 +11,7 @@ type Props = {
     onClick: (v: boolean) => void;
     id: string;
     label: ReactNode;
+    readOnly?: boolean;
     errors?: LunaticError[];
 };
 declare const _default: import("react").ComponentType<Props>;

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

@@ -1,3 +1,3 @@
 import type { LunaticComponentProps } from '../type';
-declare function LunaticSwitch({ id, value, statusLabel, handleChange, response, preferences, declarations, missing, missingResponse, management, description, label, errors, }: LunaticComponentProps<'Switch'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticSwitch({ id, value, statusLabel, handleChange, response, preferences, declarations, missing, missingResponse, management, description, label, errors, readOnly, disabled, }: LunaticComponentProps<'Switch'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticSwitch;

package/lib/src/use-lunatic/commons/execute-condition-filter.d.ts

@@ -1,3 +1,3 @@
 import type { LunaticExpression, LunaticState } from '../type';
-declare function executeConditionFilter(filter: LunaticExpression, execute: LunaticState['executeExpression'], iteration?: number): unknown;
+declare function executeConditionFilter(filter: LunaticExpression, execute: LunaticState['executeExpression'], iteration?: number): any;
 export default executeConditionFilter;

package/lib/src/use-lunatic/commons/variables/lunatic-variables-store.d.ts

@@ -76,6 +76,7 @@ declare class LunaticVariable {
      * Set the value and returns true if the variable is touched
      */
     setValue(value: unknown, iteration?: IterationLevel): boolean;
+    private updateTimestamps;
     private setValueForArray;
     private getSavedValue;
     private getDependencies;

package/lib/src/utils/array.d.ts

@@ -11,3 +11,14 @@ export declare function setAtIndex<T>(arr: T, index: number | number[], newValue
  */
 export declare function getAtIndex(arr: unknown, indexes: number[]): unknown;
 export declare function resizeArray<T = unknown>(array: unknown, newLength: number, defaultValue?: T): T[];
+/**
+ * Return the first non null/undefined value of an array
+ */
+export declare function firstValueItem<T = unknown>(items: T | T[]): T | undefined;
+/**
+ * Return a list of partial array
+ *
+ * Example :
+ * - subArray([1, 2, 3]) // [[1], [1, 2], [1, 2, 3]]
+ */
+export declare function subArrays<T = unknown>(items: T[] | T): T[][];

package/lib/src/utils/variables.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/stories/behaviour/missing/missing.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ReadOnly = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultArgTypes = _interopRequireDefault(require("../../utils/default-arg-types"));
+var _orchestrator = _interopRequireDefault(require("../../utils/orchestrator"));
+var _source = _interopRequireDefault(require("./source.json"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var stories = {
+  title: 'Behaviour/Missing',
+  component: _orchestrator["default"],
+  argTypes: _objectSpread(_objectSpread({}, _defaultArgTypes["default"]), {}, {
+    missing: {
+      table: {
+        disable: false
+      },
+      control: 'boolean',
+      defaultValue: true
+    },
+    activeGoNextForMissing: {
+      table: {
+        disable: false
+      },
+      control: 'boolean',
+      defaultValue: true
+    },
+    management: {
+      table: {
+        disable: false
+      },
+      control: 'boolean',
+      defaultValue: false
+    },
+    activeControls: {
+      control: 'boolean',
+      defaultValue: true
+    },
+    source: {
+      table: {
+        disable: false
+      },
+      control: {
+        type: 'object'
+      },
+      defaultValue: _source["default"]
+    },
+    data: {
+      table: {
+        disable: false
+      },
+      control: {
+        type: 'object'
+      },
+      defaultValue: {
+        COLLECTED: {
+          READY: {
+            COLLECTED: true
+          }
+        }
+      }
+    }
+  })
+};
+var _default = exports["default"] = stories;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
+};
+var Default = exports.Default = Template.bind({});
+Default.args = {
+  pagination: true,
+  missing: true,
+  source: _source["default"]
+};
+var ReadOnly = exports.ReadOnly = Template.bind({});
+ReadOnly.args = {
+  pagination: true,
+  missing: true,
+  readOnly: true,
+  source: _source["default"]
+};