@inseefr/lunatic 2.4.8-beta → 2.4.8-dynamicArray

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 (22) hide show
  1. package/lib/components/loop/loop.js +2 -2
  2. package/lib/components/loop/roster-for-loop/roster-for-loop.js +35 -32
  3. package/lib/components/loop/roster-for-loop/roster-table.js +17 -16
  4. package/lib/components/loop/roster-for-loop/roster.scss +32 -34
  5. package/lib/components/loop/roster-for-loop/row.js +48 -19
  6. package/lib/hooks/use-did-change.js +19 -0
  7. package/lib/src/components/loop/block-for-loop/block-for-loop-ochestrator.d.ts +1 -1
  8. package/lib/src/components/loop/block-for-loop/block-for-loop.d.ts +1 -1
  9. package/lib/src/components/loop/roster-for-loop/roster-for-loop-orchestrator.d.ts +1 -1
  10. package/lib/src/components/loop/roster-for-loop/roster-for-loop.d.ts +4 -4
  11. package/lib/src/components/loop/roster-for-loop/roster-table.d.ts +2 -2
  12. package/lib/src/components/type.d.ts +2 -2
  13. package/lib/src/hooks/use-did-change.d.ts +4 -0
  14. package/lib/stories/loop/block-for-loop.stories.js +1 -8
  15. package/lib/stories/loop/roster-for-loop.stories.js +8 -1
  16. package/lib/stories/loop/source-with-header.json +16 -4
  17. package/lib/use-lunatic/commons/fill-components/fill-component-expressions.js +1 -1
  18. package/package.json +1 -1
  19. package/lib/components/loop/roster-for-loop/body.js +0 -52
  20. package/lib/components/loop/roster-for-loop/header.js +0 -34
  21. package/lib/src/components/loop/roster-for-loop/body.d.ts +0 -12
  22. package/lib/src/components/loop/roster-for-loop/header.d.ts +0 -9
package/lib/components/loop/loop.js CHANGED
@@ -24,7 +24,7 @@ function Loop(props) {
24
24
  value = props.value,
25
25
  executeExpression = props.executeExpression,
26
26
  componentType = props.componentType,
27
- headers = props.headers,
27
+ header = props.header,
28
28
  shortcut = props.shortcut,
29
29
  management = props.management,
30
30
  missing = props.missing,
@@ -68,7 +68,7 @@ function Loop(props) {
68
68
  shortcut: shortcut,
69
69
  features: features,
70
70
  preferences: preferences,
71
- headers: headers,
71
+ header: header,
72
72
  errors: errors
73
73
  });
74
74
  default:
package/lib/components/loop/roster-for-loop/roster-for-loop.js CHANGED
@@ -1,21 +1,19 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _declarations = require("../../declarations");
10
- var _rosterTable = _interopRequireDefault(require("./roster-table"));
7
+ var _react = require("react");
11
8
  var _commons = require("../../commons");
9
+ var _lunaticComponentWithLabel = _interopRequireDefault(require("../../commons/components/lunatic-component-with-label"));
10
+ var _rosterTable = _interopRequireDefault(require("./roster-table"));
12
11
  var _handleRowButton = _interopRequireDefault(require("../commons/handle-row-button"));
13
12
  var _i18n = _interopRequireDefault(require("../../../i18n"));
14
13
  var _getInitLength = _interopRequireDefault(require("../commons/get-init-length"));
14
+ var _useRefSync = require("../../../hooks/use-ref-sync");
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
- 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); }
18
- 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; }
19
17
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
20
18
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
19
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -32,12 +30,13 @@ function RosterforLoop(_ref) {
32
30
  label = _ref.label,
33
31
  components = _ref.components,
34
32
  executeExpression = _ref.executeExpression,
35
- headers = _ref.headers,
33
+ header = _ref.header,
36
34
  missing = _ref.missing,
37
- shortcut = _ref.shortcut,
38
35
  id = _ref.id,
39
36
  management = _ref.management,
40
- errors = _ref.errors;
37
+ errors = _ref.errors,
38
+ missingResponse = _ref.missingResponse,
39
+ description = _ref.description;
41
40
  var min = (lines === null || lines === void 0 ? void 0 : lines.min) || DEFAULT_MIN_ROWS;
42
41
  var max = (lines === null || lines === void 0 ? void 0 : lines.max) || DEFAULT_MAX_ROWS;
43
42
  var _useState = (0, _react.useState)(function () {
@@ -47,19 +46,21 @@ function RosterforLoop(_ref) {
47
46
  nbRows = _useState2[0],
48
47
  setNbRows = _useState2[1];
49
48
  var showButtons = min && max && min !== max;
49
+ var valueMapRef = (0, _useRefSync.useRefSync)(valueMap);
50
+ var nbRowsRef = (0, _useRefSync.useRefSync)(nbRows);
50
51
  var addRow = (0, _react.useCallback)(function () {
51
52
  if (nbRows < max) {
52
53
  setNbRows(nbRows + 1);
53
54
  }
54
55
  }, [max, nbRows]);
55
56
  var handleChangeLoop = (0, _react.useCallback)(function (response, value, args) {
56
- var v = valueMap[response.name];
57
+ var v = valueMapRef.current[response.name];
57
58
  v[args.index] = value;
58
59
  handleChange(response, v, {
59
60
  loop: true,
60
- length: nbRows
61
+ length: nbRowsRef.current
61
62
  }); // TODO: a retaper pour déplacer cette compléxité
62
- }, [handleChange, nbRows, valueMap]);
63
+ }, [handleChange, nbRowsRef, valueMapRef]);
63
64
  var removeRow = (0, _react.useCallback)(function () {
64
65
  if (nbRows > 1) {
65
66
  var newNbRows = nbRows - 1;
@@ -79,32 +80,34 @@ function RosterforLoop(_ref) {
79
80
  }, [nbRows, handleChange, valueMap]);
80
81
  if (nbRows > 0) {
81
82
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
82
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
83
- declarations: declarations,
84
- id: id
85
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
86
- declarations: declarations,
87
- id: id
88
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterTable["default"], {
83
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_lunaticComponentWithLabel["default"], {
89
84
  id: id,
90
- components: components,
91
- nbRows: nbRows,
92
- executeExpression: executeExpression,
93
- headers: headers,
94
- handleChange: handleChangeLoop,
95
- value: valueMap,
96
- management: management,
97
- missing: missing,
98
- shortcut: shortcut,
99
- errors: errors
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
85
+ label: label,
101
86
  declarations: declarations,
102
- id: id
87
+ missing: missing,
88
+ missingResponse: missingResponse,
89
+ management: management,
90
+ description: description,
91
+ handleChange: handleChange,
92
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterTable["default"], {
93
+ id: id,
94
+ components: components,
95
+ nbRows: nbRows,
96
+ executeExpression: executeExpression,
97
+ header: header,
98
+ handleChange: handleChangeLoop,
99
+ value: valueMap,
100
+ missing: missing,
101
+ errors: errors
102
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
103
+ errors: errors,
104
+ activeId: id
105
+ })]
103
106
  }), showButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
104
107
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
105
108
  onClick: addRow,
106
109
  disabled: nbRows === max,
107
- children: label || _i18n["default"].DEFAULT_BUTTON_ADD
110
+ children: _i18n["default"].DEFAULT_BUTTON_ADD
108
111
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
109
112
  onClick: removeRow,
110
113
  disabled: nbRows === min,
package/lib/components/loop/roster-for-loop/roster-table.js CHANGED
@@ -4,43 +4,44 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
7
  var _htmlTable = require("../../commons/components/html-table");
9
- var _header = _interopRequireDefault(require("./header"));
10
- var _body = _interopRequireDefault(require("./body"));
8
+ var _header = _interopRequireDefault(require("../../table/header"));
11
9
  require("./roster.scss");
12
10
  var _commons = require("../../commons");
11
+ var _rosterForLoopOrchestrator = _interopRequireDefault(require("./roster-for-loop-orchestrator"));
13
12
  var _jsxRuntime = require("react/jsx-runtime");
14
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
+ var preferences = ['COLLECTED'];
15
15
  function RosterTable(_ref) {
16
16
  var components = _ref.components,
17
17
  nbRows = _ref.nbRows,
18
18
  executeExpression = _ref.executeExpression,
19
19
  id = _ref.id,
20
- headers = _ref.headers,
20
+ header = _ref.header,
21
21
  valueMap = _ref.value,
22
- shortcut = _ref.shortcut,
23
22
  missing = _ref.missing,
24
- management = _ref.management,
25
23
  handleChange = _ref.handleChange;
26
24
  if (nbRows <= 0) {
27
25
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
28
26
  }
29
27
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
30
28
  id: id,
29
+ className: "rosterTable",
31
30
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
32
- header: headers,
31
+ header: header,
33
32
  id: id
34
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body["default"], {
33
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
35
34
  id: id,
36
- components: components,
37
- handleChange: handleChange,
38
- nbRows: nbRows,
39
- value: valueMap,
40
- management: management,
41
- missing: missing,
42
- shortcut: shortcut,
43
- executeExpression: executeExpression
35
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
36
+ id: "roster-".concat(id),
37
+ components: components,
38
+ nbRows: nbRows,
39
+ handleChange: handleChange,
40
+ executeExpression: executeExpression,
41
+ valueMap: valueMap,
42
+ missing: missing,
43
+ preferences: preferences
44
+ })
44
45
  })]
45
46
  });
46
47
  }
package/lib/components/loop/roster-for-loop/roster.scss CHANGED
@@ -1,39 +1,37 @@
1
- // .lunatic-component {
2
- // .table-lunatic {
3
- // table-layout: fixed;
4
- // border-collapse: collapse;
5
- // margin-top: 0.3em;
6
- // margin-bottom: 0.3em;
7
- // & td,
8
- // th {
9
- // border: 0.15em solid var(--color-primary-dark);
10
- // padding: 0.2em;
11
- // }
12
- // & td {
13
- // .field,
14
- // .field-with-tooltip {
15
- // display: flex;
16
- // justify-content: center;
17
- // align-items: center;
18
- // }
19
- // }
20
- // }
1
+ .lunatic-component {
2
+ .rosterTable {
3
+ border-collapse: separate;
4
+ border-spacing: 0;
5
+ thead {
6
+ position: sticky;
7
+ background-color: var(--color-primary-contrast-text);
8
+ z-index: 1;
9
+ top: 0;
10
+ th {
11
+ border-top: 2px solid;
12
+ border-bottom: 2px solid;
13
+ border-right: 2px solid;
14
+ }
15
+ th:first-child {
16
+ border-left: 2px solid;
17
+ }
18
+ }
19
+ tbody {
20
+ th {
21
+ border-top: 1px solid;
22
+ border-bottom: 1px solid;
23
+ border-right: 1px solid;
24
+ }
21
25
 
22
- // .table-lunatic .tooltip-lunatic img {
23
- // height: 20px;
24
- // width: 20px;
25
- // }
26
- // }
26
+ td {
27
+ border-bottom: 1px solid;
28
+ border-right: 1px solid;
29
+ }
27
30
 
28
- .lunatic-table {
29
- table-layout: fixed;
30
- border-collapse: collapse;
31
- margin-top: 0.3em;
32
- margin-bottom: 0.3em;
33
- .lunatic-table-thead {
34
- .lunatic-table-th {
35
- border: 0.15em solid var(--color-primary-dark);
36
- padding: 0.2em;
31
+ th:first-child,
32
+ td:first-child {
33
+ border-left: 1px solid;
34
+ }
37
35
  }
38
36
  }
39
37
  }
package/lib/components/loop/roster-for-loop/row.js CHANGED
@@ -1,16 +1,13 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
7
+ var _react = require("react");
9
8
  var _htmlTable = require("../../commons/components/html-table");
10
9
  var _commons = require("../../commons");
11
10
  var _jsxRuntime = require("react/jsx-runtime");
12
- 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); }
13
- 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; }
14
11
  var emptyValue = {};
15
12
  function Row(_ref) {
16
13
  var id = _ref.id,
@@ -59,25 +56,57 @@ function Row(_ref) {
59
56
  }
60
57
  }
61
58
  }
62
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
59
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowCell, {
63
60
  id: idComponent,
64
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
65
- component: component,
66
- handleChange: handleChangeRow,
67
- features: features,
68
- missing: missing,
69
- shortcut: shortcut,
70
- management: management,
71
- value: value,
72
- id: idComponent,
73
- preferences: preferences,
74
- iteration: rowIndex,
75
- executeExpression: executeExpression,
76
- errors: errors
77
- })
61
+ component: component,
62
+ handleChange: handleChangeRow,
63
+ features: features,
64
+ missing: missing,
65
+ shortcut: shortcut,
66
+ management: management,
67
+ value: value,
68
+ preferences: preferences,
69
+ rowIndex: rowIndex,
70
+ executeExpression: executeExpression,
71
+ errors: errors
78
72
  }, key);
79
73
  })
80
74
  });
81
75
  }
76
+
77
+ /**
78
+ * Memoïzed version of a cell (for optimisation)
79
+ */
80
+ var RowCell = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
81
+ var id = _ref2.id,
82
+ component = _ref2.component,
83
+ handleChange = _ref2.handleChange,
84
+ features = _ref2.features,
85
+ missing = _ref2.missing,
86
+ shortcut = _ref2.shortcut,
87
+ management = _ref2.management,
88
+ value = _ref2.value,
89
+ preferences = _ref2.preferences,
90
+ rowIndex = _ref2.rowIndex,
91
+ executeExpression = _ref2.executeExpression,
92
+ errors = _ref2.errors;
93
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
94
+ id: id,
95
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
96
+ component: component,
97
+ handleChange: handleChange,
98
+ features: features,
99
+ missing: missing,
100
+ shortcut: shortcut,
101
+ management: management,
102
+ value: value,
103
+ id: id,
104
+ preferences: preferences,
105
+ iteration: rowIndex,
106
+ executeExpression: executeExpression,
107
+ errors: errors
108
+ })
109
+ });
110
+ });
82
111
  var _default = Row;
83
112
  exports["default"] = _default;
package/lib/hooks/use-did-change.js ADDED
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useDidChange = useDidChange;
7
+ var _react = require("react");
8
+ /**
9
+ * Hook for debug purpose that log the data that changed between 2 renders
10
+ */
11
+ function useDidChange(obj, suffix) {
12
+ var ref = (0, _react.useRef)(obj);
13
+ for (var key in obj) {
14
+ if (obj[key] !== ref.current[key]) {
15
+ console.log("\"".concat(key, "\" has changed ").concat(suffix !== null && suffix !== void 0 ? suffix : ''), obj[key]);
16
+ }
17
+ }
18
+ ref.current = obj;
19
+ }
package/lib/src/components/loop/block-for-loop/block-for-loop-ochestrator.d.ts CHANGED
@@ -42,7 +42,7 @@ declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, han
42
42
  bindingDependencies?: string[] | undefined;
43
43
  } | undefined) => T;
44
44
  value: Record<string, unknown[]>;
45
- headers?: {
45
+ header?: {
46
46
  label: import("react").ReactNode;
47
47
  }[] | undefined;
48
48
  paginatedLoop?: boolean | undefined;
package/lib/src/components/loop/block-for-loop/block-for-loop.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
13
13
  bindingDependencies?: string[] | undefined;
14
14
  } | undefined) => T;
15
15
  value: Record<string, unknown[]>;
16
- headers?: {
16
+ header?: {
17
17
  label: React.ReactNode;
18
18
  }[] | undefined;
19
19
  paginatedLoop?: boolean | undefined;
package/lib/src/components/loop/roster-for-loop/roster-for-loop-orchestrator.d.ts CHANGED
@@ -42,7 +42,7 @@ declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, ha
42
42
  bindingDependencies?: string[] | undefined;
43
43
  } | undefined) => T;
44
44
  value: Record<string, unknown[]>;
45
- headers?: {
45
+ header?: {
46
46
  label: import("react").ReactNode;
47
47
  }[] | undefined;
48
48
  paginatedLoop?: boolean | undefined;
package/lib/src/components/loop/roster-for-loop/roster-for-loop.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- declare const _default: React.ComponentType<import("../../type").LunaticBaseProps<unknown> & {
1
+ /// <reference types="react" />
2
+ declare const _default: import("react").ComponentType<import("../../type").LunaticBaseProps<unknown> & {
3
3
  lines: {
4
4
  min: number;
5
5
  max: number;
@@ -13,8 +13,8 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
13
13
  bindingDependencies?: string[] | undefined;
14
14
  } | undefined) => T;
15
15
  value: Record<string, unknown[]>;
16
- headers?: {
17
- label: React.ReactNode;
16
+ header?: {
17
+ label: import("react").ReactNode;
18
18
  }[] | undefined;
19
19
  paginatedLoop?: boolean | undefined;
20
20
  }>;
package/lib/src/components/loop/roster-for-loop/roster-table.d.ts CHANGED
@@ -8,6 +8,6 @@ type Props = {
8
8
  index: number;
9
9
  [k: string]: unknown;
10
10
  }) => void;
11
- } & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'headers' | 'value' | 'management' | 'missing' | 'shortcut' | 'errors'>;
12
- declare function RosterTable({ components, nbRows, executeExpression, id, headers, value: valueMap, shortcut, missing, management, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
11
+ } & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'header' | 'value' | 'missing' | 'errors'>;
12
+ declare function RosterTable({ components, nbRows, executeExpression, id, header, value: valueMap, missing, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
13
13
  export default RosterTable;
package/lib/src/components/type.d.ts CHANGED
@@ -90,7 +90,7 @@ type ComponentPropsByType = {
90
90
  components: LunaticComponentDefinition[];
91
91
  executeExpression: LunaticState['executeExpression'];
92
92
  value: Record<string, unknown[]>;
93
- headers?: Array<{
93
+ header?: Array<{
94
94
  label: ReactNode;
95
95
  }>;
96
96
  paginatedLoop?: boolean;
@@ -104,7 +104,7 @@ type ComponentPropsByType = {
104
104
  components: LunaticComponentDefinition[];
105
105
  executeExpression: LunaticState['executeExpression'];
106
106
  value: Record<string, unknown[]>;
107
- headers?: Array<{
107
+ header?: Array<{
108
108
  label: ReactNode;
109
109
  }>;
110
110
  paginatedLoop?: boolean;
package/lib/src/hooks/use-did-change.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Hook for debug purpose that log the data that changed between 2 renders
3
+ */
4
+ export declare function useDidChange(obj: Record<string, unknown>, suffix?: string): void;
package/lib/stories/loop/block-for-loop.stories.js CHANGED
@@ -3,11 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = exports.WithHeader = exports.Default = void 0;
6
+ exports["default"] = exports.Default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
9
9
  var _sourceBloc = _interopRequireDefault(require("./source-bloc.json"));
10
- var _sourceWithHeader = _interopRequireDefault(require("./source-with-header.json"));
11
10
  var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
12
11
  var _jsxRuntime = require("react/jsx-runtime");
13
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -32,10 +31,4 @@ exports.Default = Default;
32
31
  Default.args = {
33
32
  id: 'bloc-for-loop',
34
33
  source: _sourceBloc["default"]
35
- };
36
- var WithHeader = Template.bind({});
37
- exports.WithHeader = WithHeader;
38
- WithHeader.args = {
39
- id: 'bloc-for-loop-headers',
40
- source: _sourceWithHeader["default"]
41
34
  };
package/lib/stories/loop/roster-for-loop.stories.js CHANGED
@@ -3,11 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = exports.Default = void 0;
6
+ exports["default"] = exports.WithHeader = exports.Default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
9
9
  var _sourceRoster = _interopRequireDefault(require("./source-roster"));
10
10
  var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
11
+ var _sourceWithHeader = _interopRequireDefault(require("./source-with-header.json"));
11
12
  var _jsxRuntime = require("react/jsx-runtime");
12
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
14
  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); }
@@ -31,4 +32,10 @@ exports.Default = Default;
31
32
  Default.args = {
32
33
  id: 'roster-for-loop',
33
34
  source: _sourceRoster["default"]
35
+ };
36
+ var WithHeader = Template.bind({});
37
+ exports.WithHeader = WithHeader;
38
+ WithHeader.args = {
39
+ id: 'roster-for-loop-headers',
40
+ source: _sourceWithHeader["default"]
34
41
  };
package/lib/stories/loop/source-with-header.json CHANGED
@@ -14,16 +14,28 @@
14
14
  {
15
15
  "id": "loop-prenom",
16
16
  "componentType": "RosterForLoop",
17
- "headers": [
18
- { "headerCell": true, "label": "Prénom" },
19
- { "headerCell": true, "label": "Age" }
17
+ "header": [
18
+ {
19
+ "headerCell": true,
20
+ "label": {
21
+ "value": "Prénom",
22
+ "type": "VTL|MD"
23
+ }
24
+ },
25
+ {
26
+ "headerCell": true,
27
+ "label": {
28
+ "value": "Age",
29
+ "type": "VTL|MD"
30
+ }
31
+ }
20
32
  ],
21
33
  "label": { "value": "\"Ajouter un individu\"", "type": "VTL|MD" },
22
34
  "conditionFilter": { "value": "true", "type": "VTL" },
23
35
  "bindingDependencies": ["PRENOM", "AGE"],
24
36
  "lines": {
25
37
  "min": { "value": 1, "type": "VTL" },
26
- "max": { "value": 10, "type": "VTL" }
38
+ "max": { "value": 1000, "type": "VTL" }
27
39
  },
28
40
  "page": "1",
29
41
  "components": [
package/lib/use-lunatic/commons/fill-components/fill-component-expressions.js CHANGED
@@ -24,7 +24,7 @@ var VTL_ATTRIBUTES = ['label', 'options.label', 'responses.label', 'hierarchy.la
24
24
  // Disable controls compilation
25
25
  // 'controls.control',
26
26
  // 'controls.errorMessage',
27
- 'controls.iterations', 'lines.min', 'lines.max', 'iterations', 'xAxisIterations', 'yAxisIterations', 'conditionFilter', 'headers.label', 'header.label'];
27
+ 'controls.iterations', 'lines.min', 'lines.max', 'iterations', 'xAxisIterations', 'yAxisIterations', 'conditionFilter', 'header.label'];
28
28
 
29
29
  // Utility type to replace all expression from an object into a translated version
30
30
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inseefr/lunatic",
3
- "version": "2.4.8-beta",
3
+ "version": "2.4.8-dynamicArray",
4
4
  "workersVersion": "0.2.5-experimental",
5
5
  "description": "Library of questionnaire components",
6
6
  "repository": {
package/lib/components/loop/roster-for-loop/body.js DELETED
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _htmlTable = require("../../commons/components/html-table");
9
- var _rosterForLoopOrchestrator = _interopRequireDefault(require("./roster-for-loop-orchestrator"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- 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); }
13
- 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; }
14
- 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); }
15
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
- 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; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- 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); }
20
- function Body(_ref) {
21
- var id = _ref.id,
22
- components = _ref.components,
23
- nbRows = _ref.nbRows,
24
- executeExpression = _ref.executeExpression,
25
- handleChange = _ref.handleChange,
26
- valueMap = _ref.value,
27
- missing = _ref.missing;
28
- var handleChangeRow = (0, _react.useCallback)(function (response, value, args) {
29
- handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
30
- loop: true,
31
- length: nbRows
32
- }));
33
- }, [nbRows, handleChange]);
34
- if (nbRows <= 0) {
35
- return null;
36
- }
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
38
- id: id,
39
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
40
- id: "roster-".concat(id),
41
- components: components,
42
- nbRows: nbRows,
43
- handleChange: handleChangeRow,
44
- executeExpression: executeExpression,
45
- valueMap: valueMap,
46
- missing: missing,
47
- preferences: ['COLLECTED']
48
- })
49
- });
50
- }
51
- var _default = Body;
52
- exports["default"] = _default;
package/lib/components/loop/roster-for-loop/header.js DELETED
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _htmlTable = require("../../commons/components/html-table");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function Header(_ref) {
12
- var header = _ref.header,
13
- id = _ref.id;
14
- if (!Array.isArray(header)) {
15
- return null;
16
- }
17
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Thead, {
18
- id: id,
19
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
20
- id: id,
21
- row: 0,
22
- children: header.map(function (_ref2, index) {
23
- var label = _ref2.label;
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Th, {
25
- id: id,
26
- index: index,
27
- children: label
28
- }, "".concat(label, "-").concat(index));
29
- })
30
- })
31
- });
32
- }
33
- var _default = Header;
34
- exports["default"] = _default;
package/lib/src/components/loop/roster-for-loop/body.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { LunaticComponentProps } from '../../type';
2
- type Props = {
3
- nbRows: number;
4
- handleChange: (response: {
5
- name: string;
6
- }, value: unknown, args: {
7
- index: number;
8
- [k: string]: unknown;
9
- }) => void;
10
- } & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'headers' | 'value' | 'management' | 'missing' | 'shortcut' | 'errors'>;
11
- declare function Body({ id, components, nbRows, executeExpression, handleChange, value: valueMap, missing, }: Props): import("react/jsx-runtime").JSX.Element | null;
12
- export default Body;
package/lib/src/components/loop/roster-for-loop/header.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { ReactNode } from 'react';
2
- type Props = {
3
- id?: string;
4
- header?: Array<{
5
- label: ReactNode;
6
- }>;
7
- };
8
- declare function Header({ header, id }: Props): import("react/jsx-runtime").JSX.Element | null;
9
- export default Header;