@inseefr/lunatic 3.6.5 → 3.6.7
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.
- package/README.md +25 -0
- package/components/CheckboxGroup/CustomCheckboxGroup.d.ts +1 -1
- package/components/CheckboxGroup/CustomCheckboxGroup.js.map +1 -1
- package/components/Loop/Loop.d.ts +1 -1
- package/components/Loop/Loop.js +5 -27
- package/components/Loop/Loop.js.map +1 -1
- package/components/Loop/utils.d.ts +8 -0
- package/components/Loop/utils.js +65 -0
- package/components/Loop/utils.js.map +1 -0
- package/components/RosterForLoop/RosterForLoop.js +4 -27
- package/components/RosterForLoop/RosterForLoop.js.map +1 -1
- package/components/Roundabout/CustomRoundabout.js +2 -2
- package/components/Roundabout/CustomRoundabout.js.map +1 -1
- package/components/Roundabout/roundabout.spec.js +22 -0
- package/components/Roundabout/roundabout.spec.js.map +1 -1
- package/components/shared/Checkbox/CheckboxOption.d.ts +4 -2
- package/components/shared/Checkbox/CheckboxOption.js.map +1 -1
- package/components/shared/Radio/RadioGroup.d.ts +1 -1
- package/components/shared/Radio/RadioGroup.js.map +1 -1
- package/esm/components/CheckboxGroup/CustomCheckboxGroup.d.ts +1 -1
- package/esm/components/CheckboxGroup/CustomCheckboxGroup.js.map +1 -1
- package/esm/components/Loop/Loop.d.ts +1 -1
- package/esm/components/Loop/Loop.js +5 -28
- package/esm/components/Loop/Loop.js.map +1 -1
- package/esm/components/Loop/utils.d.ts +8 -0
- package/esm/components/Loop/utils.js +62 -0
- package/esm/components/Loop/utils.js.map +1 -0
- package/esm/components/RosterForLoop/RosterForLoop.js +5 -29
- package/esm/components/RosterForLoop/RosterForLoop.js.map +1 -1
- package/esm/components/Roundabout/CustomRoundabout.js +2 -2
- package/esm/components/Roundabout/CustomRoundabout.js.map +1 -1
- package/esm/components/Roundabout/roundabout.spec.js +22 -0
- package/esm/components/Roundabout/roundabout.spec.js.map +1 -1
- package/esm/components/shared/Checkbox/CheckboxOption.d.ts +4 -2
- package/esm/components/shared/Checkbox/CheckboxOption.js.map +1 -1
- package/esm/components/shared/Radio/RadioGroup.d.ts +1 -1
- package/esm/components/shared/Radio/RadioGroup.js.map +1 -1
- package/esm/use-lunatic/commons/compile-controls.js +33 -7
- package/esm/use-lunatic/commons/compile-controls.js.map +1 -1
- package/esm/use-lunatic/props/propIterations.js +12 -1
- package/esm/use-lunatic/props/propIterations.js.map +1 -1
- package/esm/use-lunatic/reducer/controls/check-base-control.js.map +1 -1
- package/package.json +16 -3
- package/src/components/CheckboxGroup/CustomCheckboxGroup.tsx +1 -0
- package/src/components/Loop/Loop.tsx +6 -35
- package/src/components/Loop/utils.test.ts +39 -0
- package/src/components/Loop/utils.ts +73 -0
- package/src/components/RosterForLoop/RosterForLoop.tsx +3 -33
- package/src/components/Roundabout/CustomRoundabout.tsx +11 -1
- package/src/components/Roundabout/roundabout.spec.tsx +38 -0
- package/src/components/shared/Checkbox/CheckboxOption.tsx +3 -2
- package/src/components/shared/Radio/RadioGroup.tsx +1 -0
- package/src/stories/behaviour/controls/controls.stories.tsx +12 -3
- package/src/stories/behaviour/controls/data-standalone-loop.json +17 -0
- package/src/stories/behaviour/controls/source-standalone-loop.json +5503 -0
- package/src/stories/loop/source-paginated.json +1 -1
- package/src/stories/roundabout/roundabout.stories.tsx +13 -0
- package/src/stories/roundabout/sourceWithControl.json +613 -0
- package/src/use-lunatic/commons/compile-controls.ts +60 -11
- package/src/use-lunatic/props/propIterations.ts +30 -15
- package/src/use-lunatic/reducer/controls/check-base-control.ts +0 -1
- package/src/use-lunatic/use-lunatic-bug.test.ts +42 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/use-lunatic/commons/compile-controls.js +31 -7
- package/use-lunatic/commons/compile-controls.js.map +1 -1
- package/use-lunatic/props/propIterations.js +12 -1
- package/use-lunatic/props/propIterations.js.map +1 -1
- package/use-lunatic/reducer/controls/check-base-control.js.map +1 -1
- /package/src/stories/behaviour/controls/{source-loop.json → source-roster-for-loop.json} +0 -0
package/README.md
CHANGED
|
@@ -251,3 +251,28 @@ We build this library in ESM and CJS. ESM is the standard when you develop a fro
|
|
|
251
251
|
But if you need test which use `@inseefr/lunatic`, you need lunatic library as CJS lib (to allow to run in node environnement).
|
|
252
252
|
So we have two build: one for ESM and one for CJS.
|
|
253
253
|
You have nothing to change in your code base, it's simply working.
|
|
254
|
+
|
|
255
|
+
## Testing with playwright
|
|
256
|
+
|
|
257
|
+
If this is the first time you've run tests with your computer, run the command :
|
|
258
|
+
|
|
259
|
+
- `npx playwright install chromium`
|
|
260
|
+
|
|
261
|
+
Then you can run directly:
|
|
262
|
+
|
|
263
|
+
- `npx playwright test --reporter=html`
|
|
264
|
+
|
|
265
|
+
or with UI (launched in your local browser):
|
|
266
|
+
|
|
267
|
+
- `npx playwright test --ui-port=8888 --ui-host=localhost`
|
|
268
|
+
|
|
269
|
+
> Tests are launched in built mode i.e the storybook is built before testing
|
|
270
|
+
|
|
271
|
+
### Alternative
|
|
272
|
+
|
|
273
|
+
To have real time test (refreshed when you're coding), you need to run storybook in a separate command prompt and launch test.
|
|
274
|
+
|
|
275
|
+
- `yarn storbook`
|
|
276
|
+
- `npx playwright test`
|
|
277
|
+
|
|
278
|
+
The inconvenient is that “dev” mode can be too slow to display storybook pages and fails test. (timeout exceeded)..
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { LunaticError } from '../../use-lunatic/type';
|
|
2
2
|
import type { LunaticComponentProps } from '../type';
|
|
3
|
-
type Props = Pick<LunaticComponentProps<'CheckboxGroup'>, 'id' | 'label' | 'description' | 'declarations' | 'shortcut' | 'readOnly' | 'disabled' | 'options' | 'orientation' | 'detailAlwaysDisplayed'> & {
|
|
3
|
+
type Props = Pick<LunaticComponentProps<'CheckboxGroup'>, 'id' | 'label' | 'description' | 'declarations' | 'shortcut' | 'readOnly' | 'disabled' | 'options' | 'orientation' | 'detailAlwaysDisplayed' | 'shouldBeFiltered'> & {
|
|
4
4
|
errors?: LunaticError[];
|
|
5
5
|
};
|
|
6
6
|
export declare const CustomCheckboxGroup: import("react").ComponentType<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";;;;AACA,yEAAsE;AACtE,+EAA4E;AAC5E,0DAAuD;AACvD,sEAAmE;AACnE,sEAAmE;AAEnE,sEAAmE;
|
|
1
|
+
{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";;;;AACA,yEAAsE;AACtE,+EAA4E;AAC5E,0DAAuD;AACvD,sEAAmE;AACnE,sEAAmE;AAEnE,sEAAmE;AAmBtD,QAAA,mBAAmB,GAAG,IAAA,uCAAkB,EACpD,eAAe,EACf,CAAC,EACA,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,qBAAqB,GACd,EAAE,EAAE;IACX,OAAO,CACN,wBAAC,mBAAQ,IACR,SAAS,EAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,aAExB,uBAAC,2BAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,gCACC,SAAS,EAAE,0CAA0C,WAAW,EAAE,YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,CACN,gCAAK,SAAS,EAAE,+BAA+B,YAC9C,uBAAC,+BAAc,OACV,MAAM,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,EACjB,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,YAAY,EACX,QAAQ,CAAC,CAAC,CAAC,IAAA,+BAAc,EAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,EAE7D,qBAAqB,EAAE,qBAAqB,GAC3C,IAZmD,MAAM,CAAC,EAAE,CAazD,CACN,CAAC;gBACH,CAAC,CAAC,GACG,EACN,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -4,7 +4,7 @@ import type { LunaticError } from '../../use-lunatic/type';
|
|
|
4
4
|
/**
|
|
5
5
|
* Loop without specific markup (stack of subcomponents)
|
|
6
6
|
*/
|
|
7
|
-
export declare function Loop(
|
|
7
|
+
export declare function Loop(props: LunaticComponentProps<'Loop'>): import("react/jsx-runtime").JSX.Element | null;
|
|
8
8
|
type CustomProps = Omit<LunaticComponentProps<'RosterForLoop' | 'Loop'>, 'response' | 'handleChanges' | 'errors' | 'lines' | 'iterations' | 'value' | 'getComponents'> & PropsWithChildren<{
|
|
9
9
|
errors?: LunaticError[];
|
|
10
10
|
addRow?: () => void;
|
package/components/Loop/Loop.js
CHANGED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.CustomLoop = void 0;
|
|
7
7
|
exports.Loop = Loop;
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const react_1 = require("react");
|
|
10
9
|
const i18n_1 = __importDefault(require("../../i18n"));
|
|
11
10
|
const array_1 = require("../../utils/array");
|
|
12
11
|
const LunaticComponents_1 = require("../LunaticComponents");
|
|
@@ -16,35 +15,14 @@ const Label_1 = require("../shared/Label/Label");
|
|
|
16
15
|
const Declarations_1 = require("../shared/Declarations/Declarations");
|
|
17
16
|
const Button_1 = require("../shared/Button/Button");
|
|
18
17
|
const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
|
|
18
|
+
const utils_1 = require("./utils");
|
|
19
19
|
/**
|
|
20
20
|
* Loop without specific markup (stack of subcomponents)
|
|
21
21
|
*/
|
|
22
|
-
function Loop(
|
|
23
|
-
const min
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
return Math.max(iterations, min);
|
|
27
|
-
});
|
|
28
|
-
const addRow = (0, react_1.useCallback)(() => {
|
|
29
|
-
if (nbRows < max) {
|
|
30
|
-
setNbRows(nbRows + 1);
|
|
31
|
-
}
|
|
32
|
-
}, [max, nbRows]);
|
|
33
|
-
const removeRow = (0, react_1.useCallback)(() => {
|
|
34
|
-
if (nbRows > 1) {
|
|
35
|
-
const newNbRows = nbRows - 1;
|
|
36
|
-
setNbRows(newNbRows);
|
|
37
|
-
// Downsize all variables by 1
|
|
38
|
-
const newResponses = Object.entries(value).map(([k, v]) => {
|
|
39
|
-
return {
|
|
40
|
-
name: k,
|
|
41
|
-
value: v?.filter((_, i) => i < newNbRows),
|
|
42
|
-
};
|
|
43
|
-
});
|
|
44
|
-
handleChanges(newResponses);
|
|
45
|
-
}
|
|
46
|
-
}, [nbRows, handleChanges, value]);
|
|
47
|
-
if (nbRows <= 0) {
|
|
22
|
+
function Loop(props) {
|
|
23
|
+
const { min, max, nbRows, addRow, removeRow } = (0, utils_1.useLoopUtils)(props);
|
|
24
|
+
const { getComponents, errors } = props;
|
|
25
|
+
if (nbRows === 0) {
|
|
48
26
|
return null;
|
|
49
27
|
}
|
|
50
28
|
return ((0, jsx_runtime_1.jsx)(exports.CustomLoop, { ...props, errors: (0, ComponentErrors_1.getComponentErrors)(errors, props.id), addRow: nbRows === max ? undefined : addRow, removeRow: nbRows === 1 || nbRows === min ? undefined : removeRow, canControlRows: min !== max && Number.isFinite(max), children: (0, array_1.times)(nbRows, (n) => ((0, jsx_runtime_1.jsx)(LunaticComponents_1.LunaticComponents, { blocklist: constant_1.blockedInLoopComponents, components: getComponents(n), componentProps: (c) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loop.js","sourceRoot":"","sources":["../../src/components/Loop/Loop.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Loop.js","sourceRoot":"","sources":["../../src/components/Loop/Loop.tsx"],"names":[],"mappings":";;;;;;AAoBA,oBAgCC;;AAnDD,sDAA2B;AAC3B,6CAA0C;AAC1C,4DAAyD;AAEzD,yCAAqD;AACrD,yEAAsE;AACtE,iDAA8C;AAC9C,sEAAmE;AACnE,oDAAiD;AACjD,+EAGmD;AAEnD,mCAAuC;AAEvC;;GAEG;AACH,SAAgB,IAAI,CAAC,KAAoC;IACxD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAExC,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,kBAAU,OACN,KAAK,EACT,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,EAC5C,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC3C,SAAS,EAAE,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjE,cAAc,EAAE,GAAG,KAAK,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,YAElD,IAAA,aAAK,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,uBAAC,qCAAiB,IACjB,SAAS,EAAE,kCAAuB,EAElC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,EAC5B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACvB,GAAG,KAAK;gBACR,GAAG,CAAC;gBACJ,SAAS,EAAE,CAAC;gBACZ,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE;gBAClB,MAAM;aACN,CAAC,IARG,CAAC,CASL,CACF,CAAC,GACU,CACb,CAAC;AACH,CAAC;AAmBY,QAAA,UAAU,GAAG,IAAA,uCAAkB,EAAc,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EACL,YAAY,EACZ,EAAE,EACF,KAAK,EACL,cAAc,EACd,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,GACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,6DACC,uBAAC,aAAK,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,YACnC,KAAK,GACC,EACR,uBAAC,2BAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACD,QAAQ,EACT,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,EAClC,cAAc,IAAI,CAClB,6DACC,uBAAC,eAAM,IAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,MAAM,YACxC,cAAC,CAAC,kBAAkB,GACb,EACT,uBAAC,eAAM,IAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,SAAS,YAC9C,cAAC,CAAC,qBAAqB,GAChB,IACP,CACH,IACC,CACH,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LunaticComponentProps } from '../type';
|
|
2
|
+
export declare const useLoopUtils: (props: Pick<LunaticComponentProps<"RosterForLoop"> | LunaticComponentProps<"Loop">, "lines" | "iterations" | "value" | "handleChanges">) => {
|
|
3
|
+
min: number;
|
|
4
|
+
max: number;
|
|
5
|
+
nbRows: number;
|
|
6
|
+
addRow: () => void;
|
|
7
|
+
removeRow: () => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useLoopUtils = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const commons_1 = require("../../use-lunatic/reducer/commons");
|
|
6
|
+
const DEFAULT_MIN_ROWS = 1;
|
|
7
|
+
const DEFAULT_MAX_ROWS = 12;
|
|
8
|
+
const useLoopUtils = (props) => {
|
|
9
|
+
const { lines, iterations, value: valueMap, handleChanges } = props;
|
|
10
|
+
const min = lines?.min ?? DEFAULT_MIN_ROWS;
|
|
11
|
+
const max = lines?.max ?? DEFAULT_MAX_ROWS;
|
|
12
|
+
const [nbRows, setNbRows] = (0, react_1.useState)(Math.max(min, iterations ?? DEFAULT_MIN_ROWS));
|
|
13
|
+
/**
|
|
14
|
+
* For Loop & rosterForLoop,
|
|
15
|
+
* Value can be inconsistent i.e the value has not the right size
|
|
16
|
+
* The function add null values to the end of value (array), only when component is mount
|
|
17
|
+
*
|
|
18
|
+
* This the case when size of value is defined by VTL (but the value is not triggered by change)
|
|
19
|
+
* - ex: external variable indicate the size of variable
|
|
20
|
+
* - ex: min != max
|
|
21
|
+
*
|
|
22
|
+
* Improvment: do some kind of dynamic resizing and remove this useEffect.
|
|
23
|
+
* Variables must be consistent in variable-store.
|
|
24
|
+
*/
|
|
25
|
+
(0, react_1.useEffect)(() => {
|
|
26
|
+
const initialResponses = Object.entries(valueMap)
|
|
27
|
+
.filter(([, v]) => (v?.length ?? 0) < nbRows)
|
|
28
|
+
.map(([k, v]) => ({
|
|
29
|
+
name: k,
|
|
30
|
+
value: (0, commons_1.resizeArrayVariable)(v, nbRows, null),
|
|
31
|
+
}));
|
|
32
|
+
if (initialResponses.length > 0)
|
|
33
|
+
handleChanges(initialResponses);
|
|
34
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
35
|
+
}, []);
|
|
36
|
+
const addRow = (0, react_1.useCallback)(() => {
|
|
37
|
+
if (nbRows < max) {
|
|
38
|
+
const newNbRows = nbRows + 1;
|
|
39
|
+
setNbRows(newNbRows);
|
|
40
|
+
const newResponses = Object.entries(valueMap).map(([k, v]) => ({
|
|
41
|
+
name: k,
|
|
42
|
+
value: (0, commons_1.resizeArrayVariable)(v, newNbRows, null),
|
|
43
|
+
}));
|
|
44
|
+
handleChanges(newResponses);
|
|
45
|
+
}
|
|
46
|
+
}, [max, nbRows, valueMap, handleChanges]);
|
|
47
|
+
const removeRow = (0, react_1.useCallback)(() => {
|
|
48
|
+
if (nbRows <= min) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const newNbRows = nbRows - 1;
|
|
52
|
+
setNbRows(newNbRows);
|
|
53
|
+
// Downsize all variables by 1
|
|
54
|
+
const newResponses = Object.entries(valueMap).map(([k, v]) => {
|
|
55
|
+
return {
|
|
56
|
+
name: k,
|
|
57
|
+
value: v?.filter((_, i) => i < newNbRows),
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
handleChanges(newResponses);
|
|
61
|
+
}, [nbRows, min, valueMap, handleChanges]);
|
|
62
|
+
return { min, max, nbRows, addRow, removeRow };
|
|
63
|
+
};
|
|
64
|
+
exports.useLoopUtils = useLoopUtils;
|
|
65
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/components/Loop/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,41 +9,18 @@ const LunaticComponents_1 = require("../LunaticComponents");
|
|
|
9
9
|
const constant_1 = require("../Loop/constant");
|
|
10
10
|
const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
|
|
11
11
|
const Loop_1 = require("../Loop/Loop");
|
|
12
|
-
const
|
|
13
|
-
const DEFAULT_MAX_ROWS = 12;
|
|
12
|
+
const utils_1 = require("../Loop/utils");
|
|
14
13
|
/**
|
|
15
14
|
* Loop displayed as a table
|
|
16
15
|
*/
|
|
17
16
|
const RosterForLoop = (props) => {
|
|
18
|
-
const {
|
|
17
|
+
const { min, max, nbRows, addRow, removeRow } = (0, utils_1.useLoopUtils)(props);
|
|
18
|
+
const { errors,
|
|
19
19
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
20
|
-
declarations, header,
|
|
20
|
+
declarations, header, id, getComponents,
|
|
21
21
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22
22
|
label, ...otherProps // These props will be passed down to the child components
|
|
23
23
|
} = props;
|
|
24
|
-
const min = lines?.min ?? DEFAULT_MIN_ROWS;
|
|
25
|
-
const max = lines?.max ?? DEFAULT_MAX_ROWS;
|
|
26
|
-
const [nbRows, setNbRows] = (0, react_1.useState)(Math.max(min, iterations));
|
|
27
|
-
const addRow = (0, react_1.useCallback)(() => {
|
|
28
|
-
if (nbRows < max) {
|
|
29
|
-
setNbRows(nbRows + 1);
|
|
30
|
-
}
|
|
31
|
-
}, [max, nbRows]);
|
|
32
|
-
const removeRow = (0, react_1.useCallback)(() => {
|
|
33
|
-
if (nbRows <= min) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const newNbRows = nbRows - 1;
|
|
37
|
-
setNbRows(newNbRows);
|
|
38
|
-
// Downsize all variables by 1
|
|
39
|
-
const newResponses = Object.entries(valueMap).map(([k, v]) => {
|
|
40
|
-
return {
|
|
41
|
-
name: k,
|
|
42
|
-
value: v?.filter((_, i) => i < newNbRows),
|
|
43
|
-
};
|
|
44
|
-
});
|
|
45
|
-
handleChanges(newResponses);
|
|
46
|
-
}, [nbRows, min, valueMap, handleChanges]);
|
|
47
24
|
if (nbRows === 0) {
|
|
48
25
|
return null;
|
|
49
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RosterForLoop.js","sourceRoot":"","sources":["../../src/components/RosterForLoop/RosterForLoop.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"RosterForLoop.js","sourceRoot":"","sources":["../../src/components/RosterForLoop/RosterForLoop.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AAEjC,2CAAoE;AACpE,6CAA0C;AAC1C,4DAAyD;AACzD,+CAA2D;AAC3D,+EAGmD;AACnD,uCAA0C;AAC1C,yCAA6C;AAE7C;;GAEG;AACI,MAAM,aAAa,GAAG,CAC5B,KAA6C,EAC5C,EAAE;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EACL,MAAM;IACN,6DAA6D;IAC7D,YAAY,EACZ,MAAM,EACN,EAAE,EACF,aAAa;IACb,6DAA6D;IAC7D,KAAK,EACL,GAAG,UAAU,CAAC,0DAA0D;MACxE,GAAG,KAAK,CAAC;IAEV,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,OAAO,CACN,uBAAC,iBAAU,OACN,KAAK,EACT,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,EAC5C,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC3C,SAAS,EAAE,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,CAAC,YAE7C,wBAAC,aAAK,IAAC,EAAE,EAAE,EAAE,aACX,MAAM,IAAI,uBAAC,mBAAW,IAAC,MAAM,EAAE,MAAM,GAAI,EAC1C,uBAAC,aAAK,cACJ,IAAA,aAAK,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;wBACpB,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;wBACpC,MAAM,UAAU,GAAG,IAAA,oCAAkB,EAAC,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;wBAClE,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC;wBAC3C,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC;wBACzB,OAAO,CACN,wBAAC,gBAAQ,eACR,uBAAC,UAAE,IACF,GAAG,EAAE,CAAC,EAEN,SAAS,EACR,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,YAGpD,uBAAC,qCAAiB,IACjB,SAAS,EAAE,kCAAuB,EAClC,UAAU,EAAE,UAAU,EACtB,IAAI,QACJ,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;4CACvB,GAAG,UAAU;4CACb,GAAG,CAAC;4CACJ,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE;4CAClB,SAAS,EAAE,CAAC;4CACZ,MAAM;yCACN,CAAC,EACF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,UAAE,OAAK,KAAK,GAAI,GACpC,IAjBG,CAAC,CAkBF,EACJ,aAAa,IAAI,CACjB,uBAAC,UAAE,IAAC,SAAS,EAAC,gBAAgB,YAE7B,uBAAC,UAAE,IAAC,OAAO,EAAE,IAAI,YAChB,uBAAC,iCAAe,IAAC,MAAM,EAAE,UAAU,GAAI,GACnC,GACD,CACL,KA7Ba,CAAC,CA8BL,CACX,CAAC;oBACH,CAAC,CAAC,GACK,IACD,GACI,CACb,CAAC;AACH,CAAC,CAAC;AA5EW,QAAA,aAAa,iBA4ExB"}
|
|
@@ -14,8 +14,8 @@ const LabelDescription_1 = require("../shared/LabelDescription");
|
|
|
14
14
|
function RoundaboutItem({ label, progress, description, onClick, disabled, iteration, locked, errors, }) {
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)("section", { className: "lunatic-roundabout__item", children: [(0, jsx_runtime_1.jsxs)("div", { children: [label && ((0, jsx_runtime_1.jsx)("label", { className: "lunatic-roundabout__label", htmlFor: `action${iteration}`, children: label })), description && ((0, jsx_runtime_1.jsx)("div", { className: "lunatic-roundabout__description", children: description }))] }), !disabled && ((0, jsx_runtime_1.jsx)(Button_1.Button, { id: `action${iteration}`, className: (0, classnames_1.default)('lunatic-roundabout__button', getButtonClass(progress)), onClick: onClick, disabled: locked && progress === 1, children: getButtonLabel(progress) })), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
|
|
16
16
|
}
|
|
17
|
-
exports.CustomRoundabout = (0, slottableComponent_1.slottableComponent)('Roundabout', ({ declarations, description, id, items, goToIteration, label, locked }) => {
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "lunatic-roundabout", children: [(0, jsx_runtime_1.jsx)("div", { id: `roundabout-${id}`, className: "lunatic-roundabout__label", children: label }), (0, jsx_runtime_1.jsx)(LabelDescription_1.LabelDescription, { value: description }), (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), (0, jsx_runtime_1.jsx)("div", { className: "lunatic-roundabout__items", children: items.map((item, k) => ((0, jsx_runtime_1.jsx)(RoundaboutItem, { iteration: k, ...item, errors: item.errors, onClick: () => goToIteration(k), locked: locked }, k))) })] }));
|
|
17
|
+
exports.CustomRoundabout = (0, slottableComponent_1.slottableComponent)('Roundabout', ({ declarations, description, id, items, goToIteration, label, locked, errors, }) => {
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "lunatic-roundabout", children: [(0, jsx_runtime_1.jsx)("div", { id: `roundabout-${id}`, className: "lunatic-roundabout__label", children: label }), (0, jsx_runtime_1.jsx)(LabelDescription_1.LabelDescription, { value: description }), (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors }), (0, jsx_runtime_1.jsx)("div", { className: "lunatic-roundabout__items", children: items.map((item, k) => ((0, jsx_runtime_1.jsx)(RoundaboutItem, { iteration: k, ...item, errors: item.errors, onClick: () => goToIteration(k), locked: locked }, k))) })] }));
|
|
19
19
|
});
|
|
20
20
|
function getButtonLabel(progress) {
|
|
21
21
|
if (progress === 1) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomRoundabout.js","sourceRoot":"","sources":["../../src/components/Roundabout/CustomRoundabout.tsx"],"names":[],"mappings":";;;;;;;AAAA,yEAAsE;AAGtE,oDAAiD;AACjD,4DAAoC;AACpC,+EAA4E;AAG5E,sEAAmE;AACnE,iEAA8D;AAS9D,SAAS,cAAc,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,GACK;IACX,OAAO,CACN,qCAAS,SAAS,EAAC,0BAA0B,aAC5C,4CACE,KAAK,IAAI,CACT,kCACC,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,SAAS,SAAS,EAAE,YAE5B,KAAK,GACC,CACR,EACA,WAAW,IAAI,CACf,gCAAK,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAO,CACpE,IACI,EACL,CAAC,QAAQ,IAAI,CACb,uBAAC,eAAM,IACN,EAAE,EAAE,SAAS,SAAS,EAAE,EACxB,SAAS,EAAE,IAAA,oBAAU,EACpB,4BAA4B,EAC5B,cAAc,CAAC,QAAQ,CAAC,CACxB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,IAAI,QAAQ,KAAK,CAAC,YAEjC,cAAc,CAAC,QAAQ,CAAC,GACjB,CACT,EACD,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC1B,CACV,CAAC;AACH,CAAC;AAiBY,QAAA,gBAAgB,GAAG,IAAA,uCAAkB,EACjD,YAAY,EACZ,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomRoundabout.js","sourceRoot":"","sources":["../../src/components/Roundabout/CustomRoundabout.tsx"],"names":[],"mappings":";;;;;;;AAAA,yEAAsE;AAGtE,oDAAiD;AACjD,4DAAoC;AACpC,+EAA4E;AAG5E,sEAAmE;AACnE,iEAA8D;AAS9D,SAAS,cAAc,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,GACK;IACX,OAAO,CACN,qCAAS,SAAS,EAAC,0BAA0B,aAC5C,4CACE,KAAK,IAAI,CACT,kCACC,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,SAAS,SAAS,EAAE,YAE5B,KAAK,GACC,CACR,EACA,WAAW,IAAI,CACf,gCAAK,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAO,CACpE,IACI,EACL,CAAC,QAAQ,IAAI,CACb,uBAAC,eAAM,IACN,EAAE,EAAE,SAAS,SAAS,EAAE,EACxB,SAAS,EAAE,IAAA,oBAAU,EACpB,4BAA4B,EAC5B,cAAc,CAAC,QAAQ,CAAC,CACxB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,IAAI,QAAQ,KAAK,CAAC,YAEjC,cAAc,CAAC,QAAQ,CAAC,GACjB,CACT,EACD,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC1B,CACV,CAAC;AACH,CAAC;AAiBY,QAAA,gBAAgB,GAAG,IAAA,uCAAkB,EACjD,YAAY,EACZ,CAAC,EACA,YAAY,EACZ,WAAW,EACX,EAAE,EACF,KAAK,EACL,aAAa,EACb,KAAK,EACL,MAAM,EACN,MAAM,GACN,EAAE,EAAE;IACJ,OAAO,CACN,iCAAK,SAAS,EAAC,oBAAoB,aAClC,gCAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B,YAChE,KAAK,GACD,EACN,uBAAC,mCAAgB,IAAC,KAAK,EAAE,WAAW,GAAI,EACxC,uBAAC,2BAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACF,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,EACnC,gCAAK,SAAS,EAAC,2BAA2B,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,uBAAC,cAAc,IAEd,SAAS,EAAE,CAAC,KACR,IAAI,EACR,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,IALT,CAAC,CAML,CACF,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,SAAS,cAAc,CAAC,QAAgB;IACvC,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,UAAU,CAAC;IACnB,CAAC;IACD,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,UAAU,CAAC;IACnB,CAAC;IACD,OAAO,WAAW,CAAC;AACpB,CAAC;AAED,SAAS,cAAc,CAAC,QAAgB;IACvC,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,sCAAsC,CAAC;IAC/C,CAAC;IACD,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,qCAAqC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC"}
|
|
@@ -4,6 +4,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
4
4
|
const react_1 = require("@testing-library/react");
|
|
5
5
|
const CustomRoundabout_1 = require("./CustomRoundabout");
|
|
6
6
|
const vitest_1 = require("vitest");
|
|
7
|
+
const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
|
|
8
|
+
vitest_1.vi.mock('../shared/ComponentErrors/ComponentErrors', () => ({
|
|
9
|
+
ComponentErrors: vitest_1.vi.fn(),
|
|
10
|
+
}));
|
|
7
11
|
(0, vitest_1.describe)('Roundabout', () => {
|
|
8
12
|
const mockGoToIteration = vitest_1.vi.fn();
|
|
9
13
|
(0, vitest_1.afterEach)(() => {
|
|
@@ -47,5 +51,23 @@ const vitest_1 = require("vitest");
|
|
|
47
51
|
const completeButton = getByText('Complété');
|
|
48
52
|
(0, vitest_1.expect)(completeButton).toBeDisabled();
|
|
49
53
|
});
|
|
54
|
+
(0, vitest_1.it)('displays roundabout errors', () => {
|
|
55
|
+
const errors = [
|
|
56
|
+
{
|
|
57
|
+
id: 'error1',
|
|
58
|
+
errorMessage: 'Error 1 message',
|
|
59
|
+
criticality: 'ERROR',
|
|
60
|
+
typeOfControl: 'CONSISTENCY',
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
id: 'error2',
|
|
64
|
+
errorMessage: 'Error 2 message',
|
|
65
|
+
criticality: 'WARN',
|
|
66
|
+
typeOfControl: 'CONSISTENCY',
|
|
67
|
+
},
|
|
68
|
+
];
|
|
69
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(CustomRoundabout_1.CustomRoundabout, { id: "r1", items: items, goToIteration: mockGoToIteration, locked: true, errors: errors }));
|
|
70
|
+
(0, vitest_1.expect)(ComponentErrors_1.ComponentErrors).toHaveBeenCalledWith(vitest_1.expect.objectContaining({ errors }), vitest_1.expect.anything());
|
|
71
|
+
});
|
|
50
72
|
});
|
|
51
73
|
//# sourceMappingURL=roundabout.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roundabout.spec.js","sourceRoot":"","sources":["../../src/components/Roundabout/roundabout.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,yDAAsD;AACtD,mCAA6D;AAE7D,IAAA,iBAAQ,EAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,MAAM,iBAAiB,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;IAElC,IAAA,kBAAS,EAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,SAAS,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG;QACb;YACC,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,CAAC,CAAC;SACZ;QACD;YACC,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,CAAC;SACX;QACD;YACC,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,CAAC;SACX;KACD,CAAC;IACF,MAAM,KAAK,GAAG,eAAe,CAAC;IAC9B,MAAM,WAAW,GAAG,wBAAwB,CAAC;IAE7C,IAAA,WAAE,EAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,mCAAgB,IAChB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,GACvB,CACF,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChD,IAAA,eAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChD,IAAA,eAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChD,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,IAAA,eAAM,EAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnD,IAAA,eAAM,EAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,mCAAgB,IAChB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,iBAAiB,EAChC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,GACZ,CACF,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACrC,iBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAExB,IAAA,eAAM,EAAC,iBAAiB,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACnD,IAAA,eAAM,EAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,gEAAgE,EAAE,GAAG,EAAE;QACzE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,mCAAgB,IAChB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,IAAI,GACX,CACF,CAAC;QAEF,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAA,eAAM,EAAC,cAAc,CAAC,CAAC,YAAY,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"roundabout.spec.js","sourceRoot":"","sources":["../../src/components/Roundabout/roundabout.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import type { LunaticBaseProps } from '../../type';
|
|
3
|
-
|
|
3
|
+
type CheckboxOptionProps = {
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
readOnly?: boolean;
|
|
6
6
|
checked?: boolean;
|
|
@@ -16,5 +16,7 @@ export type CheckboxOptionProps = {
|
|
|
16
16
|
detailMaxLength?: number;
|
|
17
17
|
detailValue?: string | null;
|
|
18
18
|
onDetailChange?: (value: string) => void;
|
|
19
|
+
shouldBeFiltered?: boolean;
|
|
19
20
|
};
|
|
20
|
-
export declare const CheckboxOption: import("react").ComponentType<CheckboxOptionProps
|
|
21
|
+
export declare const CheckboxOption: import("react").ComponentType<Readonly<CheckboxOptionProps>>;
|
|
22
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxOption.js","sourceRoot":"","sources":["../../../src/components/shared/Checkbox/CheckboxOption.tsx"],"names":[],"mappings":";;;;AAEA,kEAA+D;AAC/D,0CAAuC;AACvC,kEAA+D;AAC/D,6CAAgD;
|
|
1
|
+
{"version":3,"file":"CheckboxOption.js","sourceRoot":"","sources":["../../../src/components/shared/Checkbox/CheckboxOption.tsx"],"names":[],"mappings":";;;;AAEA,kEAA+D;AAC/D,0CAAuC;AACvC,kEAA+D;AAC/D,6CAAgD;AAqBhD,SAAS,qBAAqB,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,WAAW,EACX,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,OAAO,GACwB;IAC/B,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACzC,MAAM,SAAS,GAAG,CAAC,CAAC,cAAc,CAAC;IACnC,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,YAAY,IAAI,SAAS,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAyC,CAAC,CAAC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,aAAa,EAAE,CAAC;QACjB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,IAAA,+BAAc,EACb,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAClC,CAAC,CAAC,EAAE,EAAE;QACL,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,EAAE,CAAC;IACjB,CAAC,EACD,mBAAmB,CACnB,CAAC;IAEF,OAAO,CACN,6DACC,iCACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,kBACD,OAAO,mBACN,QAAQ,mBACR,QAAQ,EACvB,SAAS,EAAC,wBAAwB,kBACpB,OAAO,EACrB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,qBACP,OAAO,aAExB,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,OAAO,IAAI,CACX,gCACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,YAEnB,iCACC,CAAC,EAAC,2CAA2C,EAC7C,IAAI,EAAC,cAAc,GAClB,GACG,CACN,GACI,EACN,wBAAC,aAAK,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,aACvD,YAAY,IAAI,CAChB,iCAAM,SAAS,EAAC,eAAe,YAAE,YAAY,CAAC,WAAW,EAAE,GAAQ,CACnE,EAAE,GAAG,EACL,KAAK,IACC,IACH,EACL,SAAS,IAAI,CAAC,OAAO,IAAI,qBAAqB,CAAC,IAAI,CACnD,uBAAC,mBAAW,IACX,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,WAAW,IAAI,YAAY,EAClC,KAAK,EAAE,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACzD,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,SACR,CACF,IACC,CACH,CAAC;AACH,CAAC;AAEY,QAAA,cAAc,GAAG,IAAA,uCAAkB,EAC/C,gBAAgB,EAChB,qBAAqB,CACrB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { LunaticError } from '../../../use-lunatic/type';
|
|
2
2
|
import type { LunaticComponentProps } from '../../type';
|
|
3
|
-
export type RadioGroupProps = Pick<LunaticComponentProps<'Radio'>, 'id' | 'options' | 'value' | 'checkboxStyle' | 'label' | 'shortcut' | 'className' | 'disabled' | 'readOnly' | 'description' | 'declarations' | 'orientation' | 'detailAlwaysDisplayed'> & {
|
|
3
|
+
export type RadioGroupProps = Pick<LunaticComponentProps<'Radio'>, 'id' | 'options' | 'value' | 'checkboxStyle' | 'label' | 'shortcut' | 'className' | 'disabled' | 'readOnly' | 'description' | 'declarations' | 'orientation' | 'detailAlwaysDisplayed' | 'shouldBeFiltered'> & {
|
|
4
4
|
errors?: LunaticError[];
|
|
5
5
|
clearable?: boolean;
|
|
6
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/shared/Radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;AAAA,mDAAgD;AAChD,wEAAqE;AACrE,kEAA+D;AAC/D,+DAA4D;AAC5D,+CAA4C;AAC5C,kFAA+E;AAE/E,+DAA4D;
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/shared/Radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;AAAA,mDAAgD;AAChD,wEAAqE;AACrE,kEAA+D;AAC/D,+DAA4D;AAC5D,+CAA4C;AAC5C,kFAA+E;AAE/E,+DAA4D;AAwB5D;;GAEG;AACH,SAAS,iBAAiB,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,qBAAqB,GACJ;IACjB,MAAM,SAAS,GAAG,IAAA,+CAAsB,EAAC,OAAO,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAChC,OAAO,CACN,wBAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,aACtE,uBAAC,2BAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,gCAAK,SAAS,EAAE,0CAA0C,WAAW,EAAE,YACrE,OAAO,CAAC,GAAG,CAAC,UAAU,MAAM,EAAE,KAAK;oBACnC,MAAM,OAAO,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;oBACtD,MAAM,YAAY,GAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO,CACN,2BAAC,yBAAW,OACP,MAAM,EACV,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,CACF,CAAC;gBACH,CAAC,CAAC,GACG,EACN,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,uCAAkB,EAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { LunaticError } from '../../use-lunatic/type';
|
|
2
2
|
import type { LunaticComponentProps } from '../type';
|
|
3
|
-
type Props = Pick<LunaticComponentProps<'CheckboxGroup'>, 'id' | 'label' | 'description' | 'declarations' | 'shortcut' | 'readOnly' | 'disabled' | 'options' | 'orientation' | 'detailAlwaysDisplayed'> & {
|
|
3
|
+
type Props = Pick<LunaticComponentProps<'CheckboxGroup'>, 'id' | 'label' | 'description' | 'declarations' | 'shortcut' | 'readOnly' | 'disabled' | 'options' | 'orientation' | 'detailAlwaysDisplayed' | 'shouldBeFiltered'> & {
|
|
4
4
|
errors?: LunaticError[];
|
|
5
5
|
};
|
|
6
6
|
export declare const CustomCheckboxGroup: import("react").ComponentType<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAmBnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACpD,eAAe,EACf,CAAC,EACA,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,qBAAqB,GACd,EAAE,EAAE;IACX,OAAO,CACN,MAAC,QAAQ,IACR,SAAS,EAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,aAExB,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,cACC,SAAS,EAAE,0CAA0C,WAAW,EAAE,YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,CACN,cAAK,SAAS,EAAE,+BAA+B,YAC9C,KAAC,cAAc,OACV,MAAM,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,EACjB,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,YAAY,EACX,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,EAE7D,qBAAqB,EAAE,qBAAqB,GAC3C,IAZmD,MAAM,CAAC,EAAE,CAazD,CACN,CAAC;gBACH,CAAC,CAAC,GACG,EACN,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -4,7 +4,7 @@ import type { LunaticError } from '../../use-lunatic/type';
|
|
|
4
4
|
/**
|
|
5
5
|
* Loop without specific markup (stack of subcomponents)
|
|
6
6
|
*/
|
|
7
|
-
export declare function Loop(
|
|
7
|
+
export declare function Loop(props: LunaticComponentProps<'Loop'>): import("react/jsx-runtime").JSX.Element | null;
|
|
8
8
|
type CustomProps = Omit<LunaticComponentProps<'RosterForLoop' | 'Loop'>, 'response' | 'handleChanges' | 'errors' | 'lines' | 'iterations' | 'value' | 'getComponents'> & PropsWithChildren<{
|
|
9
9
|
errors?: LunaticError[];
|
|
10
10
|
addRow?: () => void;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useState } from 'react';
|
|
3
2
|
import D from '../../i18n';
|
|
4
3
|
import { times } from '../../utils/array';
|
|
5
4
|
import { LunaticComponents } from '../LunaticComponents';
|
|
@@ -9,36 +8,14 @@ import { Label } from '../shared/Label/Label';
|
|
|
9
8
|
import { Declarations } from '../shared/Declarations/Declarations';
|
|
10
9
|
import { Button } from '../shared/Button/Button';
|
|
11
10
|
import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
|
|
11
|
+
import { useLoopUtils } from './utils';
|
|
12
12
|
/**
|
|
13
13
|
* Loop without specific markup (stack of subcomponents)
|
|
14
14
|
*/
|
|
15
|
-
export function Loop(
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
const [nbRows, setNbRows] = useState(() => {
|
|
20
|
-
return Math.max(iterations, min);
|
|
21
|
-
});
|
|
22
|
-
const addRow = useCallback(() => {
|
|
23
|
-
if (nbRows < max) {
|
|
24
|
-
setNbRows(nbRows + 1);
|
|
25
|
-
}
|
|
26
|
-
}, [max, nbRows]);
|
|
27
|
-
const removeRow = useCallback(() => {
|
|
28
|
-
if (nbRows > 1) {
|
|
29
|
-
const newNbRows = nbRows - 1;
|
|
30
|
-
setNbRows(newNbRows);
|
|
31
|
-
// Downsize all variables by 1
|
|
32
|
-
const newResponses = Object.entries(value).map(([k, v]) => {
|
|
33
|
-
return {
|
|
34
|
-
name: k,
|
|
35
|
-
value: v === null || v === void 0 ? void 0 : v.filter((_, i) => i < newNbRows),
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
handleChanges(newResponses);
|
|
39
|
-
}
|
|
40
|
-
}, [nbRows, handleChanges, value]);
|
|
41
|
-
if (nbRows <= 0) {
|
|
15
|
+
export function Loop(props) {
|
|
16
|
+
const { min, max, nbRows, addRow, removeRow } = useLoopUtils(props);
|
|
17
|
+
const { getComponents, errors } = props;
|
|
18
|
+
if (nbRows === 0) {
|
|
42
19
|
return null;
|
|
43
20
|
}
|
|
44
21
|
return (_jsx(CustomLoop, { ...props, errors: getComponentErrors(errors, props.id), addRow: nbRows === max ? undefined : addRow, removeRow: nbRows === 1 || nbRows === min ? undefined : removeRow, canControlRows: min !== max && Number.isFinite(max), children: times(nbRows, (n) => (_jsx(LunaticComponents, { blocklist: blockedInLoopComponents, components: getComponents(n), componentProps: (c) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loop.js","sourceRoot":"","sources":["../../../src/components/Loop/Loop.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Loop.js","sourceRoot":"","sources":["../../../src/components/Loop/Loop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LunaticComponentProps } from '../type';
|
|
2
|
+
export declare const useLoopUtils: (props: Pick<LunaticComponentProps<"RosterForLoop"> | LunaticComponentProps<"Loop">, "lines" | "iterations" | "value" | "handleChanges">) => {
|
|
3
|
+
min: number;
|
|
4
|
+
max: number;
|
|
5
|
+
nbRows: number;
|
|
6
|
+
addRow: () => void;
|
|
7
|
+
removeRow: () => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
2
|
+
import { resizeArrayVariable } from '../../use-lunatic/reducer/commons';
|
|
3
|
+
const DEFAULT_MIN_ROWS = 1;
|
|
4
|
+
const DEFAULT_MAX_ROWS = 12;
|
|
5
|
+
export const useLoopUtils = (props) => {
|
|
6
|
+
var _a, _b;
|
|
7
|
+
const { lines, iterations, value: valueMap, handleChanges } = props;
|
|
8
|
+
const min = (_a = lines === null || lines === void 0 ? void 0 : lines.min) !== null && _a !== void 0 ? _a : DEFAULT_MIN_ROWS;
|
|
9
|
+
const max = (_b = lines === null || lines === void 0 ? void 0 : lines.max) !== null && _b !== void 0 ? _b : DEFAULT_MAX_ROWS;
|
|
10
|
+
const [nbRows, setNbRows] = useState(Math.max(min, iterations !== null && iterations !== void 0 ? iterations : DEFAULT_MIN_ROWS));
|
|
11
|
+
/**
|
|
12
|
+
* For Loop & rosterForLoop,
|
|
13
|
+
* Value can be inconsistent i.e the value has not the right size
|
|
14
|
+
* The function add null values to the end of value (array), only when component is mount
|
|
15
|
+
*
|
|
16
|
+
* This the case when size of value is defined by VTL (but the value is not triggered by change)
|
|
17
|
+
* - ex: external variable indicate the size of variable
|
|
18
|
+
* - ex: min != max
|
|
19
|
+
*
|
|
20
|
+
* Improvment: do some kind of dynamic resizing and remove this useEffect.
|
|
21
|
+
* Variables must be consistent in variable-store.
|
|
22
|
+
*/
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
const initialResponses = Object.entries(valueMap)
|
|
25
|
+
.filter(([, v]) => { var _a; return ((_a = v === null || v === void 0 ? void 0 : v.length) !== null && _a !== void 0 ? _a : 0) < nbRows; })
|
|
26
|
+
.map(([k, v]) => ({
|
|
27
|
+
name: k,
|
|
28
|
+
value: resizeArrayVariable(v, nbRows, null),
|
|
29
|
+
}));
|
|
30
|
+
if (initialResponses.length > 0)
|
|
31
|
+
handleChanges(initialResponses);
|
|
32
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
33
|
+
}, []);
|
|
34
|
+
const addRow = useCallback(() => {
|
|
35
|
+
if (nbRows < max) {
|
|
36
|
+
const newNbRows = nbRows + 1;
|
|
37
|
+
setNbRows(newNbRows);
|
|
38
|
+
const newResponses = Object.entries(valueMap).map(([k, v]) => ({
|
|
39
|
+
name: k,
|
|
40
|
+
value: resizeArrayVariable(v, newNbRows, null),
|
|
41
|
+
}));
|
|
42
|
+
handleChanges(newResponses);
|
|
43
|
+
}
|
|
44
|
+
}, [max, nbRows, valueMap, handleChanges]);
|
|
45
|
+
const removeRow = useCallback(() => {
|
|
46
|
+
if (nbRows <= min) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const newNbRows = nbRows - 1;
|
|
50
|
+
setNbRows(newNbRows);
|
|
51
|
+
// Downsize all variables by 1
|
|
52
|
+
const newResponses = Object.entries(valueMap).map(([k, v]) => {
|
|
53
|
+
return {
|
|
54
|
+
name: k,
|
|
55
|
+
value: v === null || v === void 0 ? void 0 : v.filter((_, i) => i < newNbRows),
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
handleChanges(newResponses);
|
|
59
|
+
}, [nbRows, min, valueMap, handleChanges]);
|
|
60
|
+
return { min, max, nbRows, addRow, removeRow };
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Loop/utils.ts"],"names":[],"mappings":"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"}
|