@inseefr/lunatic 3.4.4 → 3.4.5-rc.0

package/README.md

@@ -93,19 +93,19 @@ Lunatic offers a library of pre-designed components to cover the different types
 ```jsx
 import * as lunatic from '@inseefr/lunatic';
 
-function App({source, data}) {
-    const {getComponents, getCurrentErrors, getModalErrors} =
-        lunatic.useLunatic(source, data, {});
-    const components = getComponents();
-    const currentErrors = getCurrentErrors();
-    const modalErrors = getModalErrors();
-
-    return (
-        <div className="container">
-            <LunaticComponents components={components}/>
-            <lunatic.Modal errors={modalErrors} goNext={goNextPageAction}/>
-        </div>
-    );
+function App({ source, data }) {
+	const { getComponents, getCurrentErrors, getModalErrors } =
+		lunatic.useLunatic(source, data, {});
+	const components = getComponents();
+	const currentErrors = getCurrentErrors();
+	const modalErrors = getModalErrors();
+
+	return (
+		<div className="container">
+			<LunaticComponents components={components} />
+			<lunatic.Modal errors={modalErrors} goNext={goNextPageAction} />
+		</div>
+	);
 }
 ```
 
@@ -194,3 +194,50 @@ To facilitate expression execution, an `executeExpression()` method is exposed i
   - `perf/XXX`: for performance improvements.
   - `revert/XXX`: to revert a previous PR.
   - `chore/XXX`: for maintenance tasks or tasks that don't fall into other categories.
+
+## Contributing
+
+### Testing your changes in an external app
+
+You have made some changes to the code and you want to test them
+in your app before submitting a pull request?
+
+Assuming `you/my-app` have `@inseefr/lunatic` as a dependency.
+
+```bash
+cd ~/github
+git clone https://github.com/you/my-app
+cd my-app
+yarn
+
+cd ~/github
+git clone https://github.com/InseeFr/Lunatic
+cd Lunatic
+yarn
+yarn build
+yarn link-in-app my-app
+npx tsc -w
+
+# Open another terminal
+
+cd ~/github/my-app
+rm -rf node_modules/.cache
+yarn start # Or whatever my-app is using for starting the project
+```
+
+You don't have to use `~/github` as reference path. Just make sure `my-app` and `@inseefr/lunatic`
+are in the same directory.
+
+> Note for the maintainer: You might run into issues if you do not list all your singleton dependencies in
+> `src/link-in-app.js -> singletonDependencies`. A singleton dependency is a dependency that can
+> only be present once in an App. Singleton dependencies are usually listed as peerDependencies example `react`, `@emotion/*`.
+
+### Releasing
+
+For releasing a new version on GitHub and NPM you don't need to create a tag.  
+Just update the `package.json` version number and push.
+
+For publishing a release candidate update your `package.json` with `1.3.4-rc.0` (`.1`, `.2`, ...).  
+It also work if you do it from a branch that have an open PR on main.
+
+> Make sure your have defined the `NPM_TOKEN` repository secret or NPM publishing will fail.

package/components/Accordion/Accordion.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const slottableComponent_1 = require("../shared/HOC/slottableComponent");
+exports.Accordion = (0, slottableComponent_1.slottableComponent)('Accordion', function Accordion({ items }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "lunatic-accordion", children: items.map((item, k) => ((0, jsx_runtime_1.jsxs)("details", { children: [(0, jsx_runtime_1.jsx)("summary", { children: item.label }), item.body] }, k))) }));
+});
+//# sourceMappingURL=Accordion.js.map

package/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,yEAAsE;AAGzD,QAAA,SAAS,GAAG,IAAA,uCAAkB,EAC1C,WAAW,EACX,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE;IAC3B,OAAO,CACN,gCAAK,SAAS,EAAC,mBAAmB,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,gDACC,8CAAU,IAAI,CAAC,KAAK,GAAW,EAC9B,IAAI,CAAC,IAAI,KAFG,CAAC,CAGL,CACV,CAAC,GACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/CheckboxBoolean/CheckboxBoolean.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomCheckboxBoolean = void 0;
+exports.CheckboxBoolean = CheckboxBoolean;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+const CheckboxOption_1 = require("../shared/Checkbox/CheckboxOption");
+const slottableComponent_1 = require("../shared/HOC/slottableComponent");
+const Declarations_1 = require("../shared/Declarations/Declarations");
+function CheckboxBoolean({ handleChanges, response, errors, value, ...props }) {
+    const checked = !!value;
+    return ((0, jsx_runtime_1.jsx)(exports.CustomCheckboxBoolean, { ...props, checked: checked, onChange: () => handleChanges([
+            {
+                name: response.name,
+                value: !checked,
+            },
+        ]), errors: (0, ComponentErrors_1.getComponentErrors)(errors, props.id) }));
+}
+exports.CustomCheckboxBoolean = (0, slottableComponent_1.slottableComponent)('CheckboxBoolean', (props) => {
+    const { disabled, checked, id, onChange, label, declarations, description, errors, } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lunatic-checkbox-boolean", children: [(0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { disabled: disabled, checked: checked, id: id, onCheck: onChange, label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations })] }), description: description, invalid: !!errors }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=CheckboxBoolean.js.map

package/components/CheckboxBoolean/CheckboxBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxBoolean.js","sourceRoot":"","sources":["../../src/components/CheckboxBoolean/CheckboxBoolean.tsx"],"names":[],"mappings":";;;AAUA,0CAuBC;;AAhCD,+EAGmD;AACnD,sEAAmE;AACnE,yEAAsE;AACtE,sEAAmE;AAGnE,SAAgB,eAAe,CAAC,EAC/B,aAAa,EACb,QAAQ,EACR,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACkC;IAC1C,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC;IACxB,OAAO,CACN,uBAAC,6BAAqB,OACjB,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CACd,aAAa,CAAC;YACb;gBACC,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,OAAO;aACf;SACD,CAAC,EAEH,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAWY,QAAA,qBAAqB,GAAG,IAAA,uCAAkB,EACtD,iBAAiB,EACjB,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,QAAQ,EACR,OAAO,EACP,EAAE,EACF,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,MAAM,GACN,GAAG,KAAK,CAAC;IACV,OAAO,CACN,iCAAK,SAAS,EAAC,0BAA0B,aACxC,uBAAC,+BAAc,IACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,KAAK,EACJ,6DACE,KAAK,EACN,uBAAC,2BAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,GACzB,IACA,EAEJ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,EACF,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/CheckboxBoolean/CheckboxBoolean.spec.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const CheckboxBoolean_1 = require("./CheckboxBoolean");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('CheckboxBoolean', () => {
+    const label = 'I accept the terms and conditions';
+    const description = 'You must accept the terms and conditions to continue.';
+    const handleChanges = vitest_1.vi.fn();
+    const response = { name: 'demo' };
+    (0, vitest_1.afterEach)(() => {
+        vitest_1.vi.resetAllMocks();
+    });
+    (0, vitest_1.it)('renders label ', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxBoolean_1.CheckboxBoolean, { id: "checkbox", label: label, value: true, handleChanges: handleChanges, response: response }));
+        (0, vitest_1.expect)(getByText(label)).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders unchecked checkbox', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxBoolean_1.CheckboxBoolean, { id: "checkbox", label: label, description: description, value: false, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        (0, vitest_1.expect)(checkbox).not.toBeChecked();
+        (0, vitest_1.expect)(checkbox).toBeEnabled();
+    });
+    (0, vitest_1.it)('renders checked checkbox', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxBoolean_1.CheckboxBoolean, { id: 'checkbox', label: label, description: description, value: true, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        (0, vitest_1.expect)(checkbox).toBeChecked();
+        (0, vitest_1.expect)(checkbox).toBeEnabled();
+    });
+    (0, vitest_1.it)('calls onClick when checkbox is clicked', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxBoolean_1.CheckboxBoolean, { id: "checkbox", label: label, description: description, value: false, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        react_1.fireEvent.click(checkbox);
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledWith([{ ...response, value: true }]);
+    });
+});
+//# sourceMappingURL=CheckboxBoolean.spec.js.map

package/components/CheckboxBoolean/CheckboxBoolean.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxBoolean.spec.js","sourceRoot":"","sources":["../../src/components/CheckboxBoolean/CheckboxBoolean.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,uDAAoD;AACpD,mCAA6D;AAE7D,IAAA,iBAAQ,EAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,MAAM,KAAK,GAAG,mCAAmC,CAAC;IAClD,MAAM,WAAW,GAAG,uDAAuD,CAAC;IAC5E,MAAM,aAAa,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAElC,IAAA,kBAAS,EAAC,GAAG,EAAE;QACd,WAAE,CAAC,aAAa,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,gBAAgB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IACf,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,4BAA4B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IACf,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC;QAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAEvC,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACnC,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IACf,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC;QAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAEvC,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/B,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IACf,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC;QAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAEvC,iBAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE1B,IAAA,eAAM,EAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAA,eAAM,EAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = CheckboxGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CustomCheckboxGroup_1 = require("./CustomCheckboxGroup");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+function CheckboxGroup({ id, shortcut, readOnly, options, disabled, errors, label, description, declarations, orientation, }) {
+    return ((0, jsx_runtime_1.jsx)(CustomCheckboxGroup_1.CustomCheckboxGroup, { id: id, description: description, options: options, label: label, errors: (0, ComponentErrors_1.getComponentErrors)(errors, id), shortcut: shortcut, disabled: disabled, readOnly: readOnly, declarations: declarations, orientation: orientation }));
+}
+//# sourceMappingURL=CheckboxGroup.js.map

package/components/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";;AAIA,sCA0BC;;AA7BD,+DAA4D;AAC5D,+EAA+E;AAE/E,SAAgB,aAAa,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GAC6B;IACxC,OAAO,CACN,uBAAC,yCAAmB,IACnB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,EAAE,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACvB,CACF,CAAC;AACH,CAAC"}

package/components/CheckboxGroup/CustomCheckboxGroup.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomCheckboxGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const slottableComponent_1 = require("../shared/HOC/slottableComponent");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+const Fieldset_1 = require("../shared/Fieldset/Fieldset");
+const CheckboxOption_1 = require("../shared/Checkbox/CheckboxOption");
+const getShortcutKey_1 = require("../shared/Checkbox/getShortcutKey");
+const Declarations_1 = require("../shared/Declarations/Declarations");
+const Input_1 = require("../Input/Input");
+exports.CustomCheckboxGroup = (0, slottableComponent_1.slottableComponent)('CheckboxGroup', ({ options, label, description, errors, shortcut, disabled, readOnly, declarations, orientation, }) => {
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { className: "lunatic-checkbox-group", legend: label, description: description, children: [(0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), (0, jsx_runtime_1.jsx)("div", { className: `lunatic-checkboxes lunatic-checkboxes--${orientation}`, children: options.map((option, index) => {
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: `lunatic-checkbox-group-option`, children: [(0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...option, disabled: disabled, readOnly: readOnly, shortcut: shortcut, invalid: !!errors, id: option.id, codeModality: shortcut ? (0, getShortcutKey_1.getShortcutKey)(index, options.length) : undefined }), option.onDetailChange && option.checked && ((0, jsx_runtime_1.jsx)(Input_1.CustomInput, { id: "detailId", label: option.detailLabel ?? 'Précisez :', value: typeof option.detailValue === 'string'
+                                    ? option.detailValue
+                                    : '', onChange: option.onDetailChange, disabled: disabled }))] }, option.id));
+                }) }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=CustomCheckboxGroup.js.map

package/components/CheckboxGroup/CustomCheckboxGroup.js.map

@@ -0,0 +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;AACnE,0CAA6C;AAiBhC,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,GACJ,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,iCAAK,SAAS,EAAE,+BAA+B,aAC9C,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,GAE5D,EACD,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,OAAO,IAAI,CAC3C,uBAAC,mBAAW,IACX,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,MAAM,CAAC,WAAW,IAAI,YAAY,EACzC,KAAK,EACJ,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ;oCACrC,CAAC,CAAC,MAAM,CAAC,WAAW;oCACpB,CAAC,CAAC,EAAE,EAEN,QAAQ,EAAE,MAAM,CAAC,cAAc,EAC/B,QAAQ,EAAE,QAAQ,GACjB,CACF,KAxBoD,MAAM,CAAC,EAAE,CAyBzD,CACN,CAAC;gBACH,CAAC,CAAC,GACG,EACN,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/CheckboxGroup/CustomCheckboxGroup.spec.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const CustomCheckboxGroup_1 = require("./CustomCheckboxGroup");
+(0, vitest_1.describe)('CheckboxGroupContent', () => {
+    const options = [
+        {
+            id: '1',
+            label: 'Option 1',
+            checked: false,
+            name: 'option1',
+            onCheck: vitest_1.vi.fn(),
+        },
+        {
+            id: '2',
+            label: 'Option 2',
+            checked: true,
+            name: 'option2',
+            onCheck: vitest_1.vi.fn(),
+        },
+        {
+            id: '3',
+            label: 'Option 3',
+            checked: false,
+            name: 'option3',
+            onCheck: vitest_1.vi.fn(),
+        },
+    ];
+    (0, vitest_1.it)('calls onCheck callback when an option is clicked', () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CustomCheckboxGroup_1.CustomCheckboxGroup, { options: options, id: "test-checkbox-group" }));
+        const option1 = getByLabelText('Option 1');
+        const option2 = getByLabelText('Option 2');
+        const option3 = getByLabelText('Option 3');
+        react_1.fireEvent.click(option1);
+        (0, vitest_1.expect)(options[0].onCheck).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(options[0].onCheck).toHaveBeenCalledWith(true);
+        react_1.fireEvent.click(option2);
+        (0, vitest_1.expect)(options[1].onCheck).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(options[1].onCheck).toHaveBeenCalledWith(false);
+        react_1.fireEvent.click(option3);
+        (0, vitest_1.expect)(options[2].onCheck).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(options[2].onCheck).toHaveBeenCalledWith(true);
+    });
+});
+//# sourceMappingURL=CustomCheckboxGroup.spec.js.map

package/components/CheckboxGroup/CustomCheckboxGroup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCheckboxGroup.spec.js","sourceRoot":"","sources":["../../src/components/CheckboxGroup/CustomCheckboxGroup.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,mCAAkD;AAClD,+DAA4D;AAE5D,IAAA,iBAAQ,EAAC,sBAAsB,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG;QACf;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE;SAChB;QACD;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE;SAChB;QACD;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE;SAChB;KACD,CAAC;IAEF,IAAA,WAAE,EAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAChC,uBAAC,yCAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,qBAAqB,GAAG,CAClE,CAAC;QAEF,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAE3C,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAEtD,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAEvD,iBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/CheckboxOne/CheckboxOne.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxOne = CheckboxOne;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RadioGroup_1 = require("../shared/Radio/RadioGroup");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+/**
+ * Checkbox acting as a radio (only one option can be checked at a time)
+ */
+function CheckboxOne({ options, value, id, label, description, errors, disabled, readOnly, shortcut, declarations, orientation, }) {
+    return ((0, jsx_runtime_1.jsx)(RadioGroup_1.RadioGroup, { id: id, className: "lunatic-checkbox-one", options: options, value: value, disabled: disabled, readOnly: readOnly, errors: (0, ComponentErrors_1.getComponentErrors)(errors, id), label: label, description: description, checkboxStyle: true, shortcut: shortcut, declarations: declarations, orientation: orientation ?? 'vertical', clearable: true }));
+}
+//# sourceMappingURL=CheckboxOne.js.map

package/components/CheckboxOne/CheckboxOne.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOne.js","sourceRoot":"","sources":["../../src/components/CheckboxOne/CheckboxOne.tsx"],"names":[],"mappings":";;AAOA,kCA+BC;;AAtCD,2DAAwD;AAExD,+EAA+E;AAE/E;;GAEG;AACH,SAAgB,WAAW,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,GAC2B;IACtC,OAAO,CACN,uBAAC,uBAAU,IACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,EAAE,CAAC,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAAI,UAAU,EACtC,SAAS,SACR,CACF,CAAC;AACH,CAAC"}

package/components/CheckboxOne/CheckboxOne.spec.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const CheckboxOne_1 = require("./CheckboxOne");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('CheckboxOne component', () => {
+    const onCheck = vitest_1.vi.fn();
+    const options = [
+        { label: 'Option 1', value: 'option-1', onCheck: onCheck, checked: false },
+        { label: 'Option 2', value: 'option-2', onCheck: onCheck, checked: false },
+        { label: 'Option 3', value: 'option-3', onCheck: onCheck, checked: false },
+    ];
+    (0, vitest_1.it)('renders the component with correct props', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOne_1.CheckboxOne, { options: options, value: "option-1", id: "checkbox-one", handleChanges: onCheck }));
+        (0, vitest_1.expect)(getByText('Option 1')).toBeInTheDocument();
+        (0, vitest_1.expect)(getByText('Option 2')).toBeInTheDocument();
+        (0, vitest_1.expect)(getByText('Option 3')).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('calls onSelect when an option is selected', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOne_1.CheckboxOne, { options: options, value: "option-1", id: "checkbox-one", label: "Checkbox One", description: "Choose one option", handleChanges: onCheck }));
+        react_1.fireEvent.click(getByText('Option 2'));
+        (0, vitest_1.expect)(onCheck).toHaveBeenCalledTimes(1);
+    });
+});
+//# sourceMappingURL=CheckboxOne.spec.js.map

package/components/CheckboxOne/CheckboxOne.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOne.spec.js","sourceRoot":"","sources":["../../src/components/CheckboxOne/CheckboxOne.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,+CAA4C;AAC5C,mCAAkD;AAElD,IAAA,iBAAQ,EAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;IACxB,MAAM,OAAO,GAAG;QACf,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5C,CAAC;IAEhC,IAAA,WAAE,EAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,yBAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,aAAa,EAAE,OAAO,GACrB,CACF,CAAC;QAEF,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,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,yBAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,mBAAmB,EAC/B,aAAa,EAAE,OAAO,GACrB,CACF,CAAC;QAEF,iBAAS,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEvC,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/Datepicker/Datepicker.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomDatepicker = void 0;
+exports.Datepicker = Datepicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DatepickerField_1 = require("./DatepickerField");
+const slottableComponent_1 = require("../shared/HOC/slottableComponent");
+const Label_1 = require("../shared/Label/Label");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+const Declarations_1 = require("../shared/Declarations/Declarations");
+function Datepicker({ dateFormat = 'YYYY-MM-DD', response, handleChanges, errors, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(exports.CustomDatepicker, { ...props, dateFormat: dateFormat ?? 'YYYY-MM-DD', onChange: (value) => handleChanges([{ name: response.name, value }]), errors: (0, ComponentErrors_1.getComponentErrors)(errors, props.id) }));
+}
+exports.CustomDatepicker = (0, slottableComponent_1.slottableComponent)('Datepicker', (props) => {
+    const { disabled, readOnly, value = '', dateFormat = 'YYYY-MM-DD', id, label, errors, description, declarations, onChange, } = props;
+    const labelId = `lunatic-datepicker-${id}`;
+    const showDay = dateFormat.includes('DD');
+    const showMonth = dateFormat.includes('MM');
+    // Raw state, we allow invalid dates to be typed
+    const [numbers, setNumbers] = (0, react_1.useState)(() => numbersFromDateString(value ?? undefined));
+    const setNumber = (index) => (value) => {
+        const newNumbers = [...numbers];
+        newNumbers[index] = value;
+        setNumbers(newNumbers);
+        onNumbersChange(newNumbers);
+    };
+    const onNumbersChange = (numbers) => {
+        const formatParts = dateFormat.split('-');
+        const hasNaNIndex = numbers.findIndex((v) => Number.isNaN(v));
+        // Date has a missing part
+        if (hasNaNIndex > -1 && hasNaNIndex <= formatParts.length - 1) {
+            onChange(null);
+            return;
+        }
+        // Date is not valid
+        if (dateFormat === 'YYYY-MM-DD' && !isDateValid(numbers)) {
+            onChange(null);
+            return;
+        }
+        const result = formatParts
+            .map((v, k) => numbers[k].toString().padStart(v.length, '0'))
+            .join('-');
+        onChange(result);
+    };
+    const extraProps = {
+        readOnly,
+        disabled,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lunatic-input", children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: id, id: labelId, description: description, children: label }), (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), (0, jsx_runtime_1.jsxs)("div", { className: "lunaticDatepickerFields", children: [showDay && ((0, jsx_runtime_1.jsx)(DatepickerField_1.DatepickerField, { id: id + 'day', label: "Jour", description: "Exemple: 14", max: 31, value: numbers[2], onChange: setNumber(2), ...extraProps })), showMonth && ((0, jsx_runtime_1.jsx)(DatepickerField_1.DatepickerField, { id: id + 'month', label: "Mois", description: "Exemple: 07", max: 12, value: numbers[1], onChange: setNumber(1), ...extraProps })), (0, jsx_runtime_1.jsx)(DatepickerField_1.DatepickerField, { id: id + 'year', label: "Ann\u00E9e", description: "Exemple: 2023", value: numbers[0], max: 9999, onChange: setNumber(0), ...extraProps })] }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
+});
+function numbersFromDateString(s) {
+    if (!s) {
+        return [NaN, NaN, NaN];
+    }
+    const parts = s.split('-');
+    return [
+        parseInt(parts[0], 10),
+        parseInt(parts[1], 10),
+        parseInt(parts[2], 10),
+    ];
+}
+function isDateValid(dateArray) {
+    const [year, month, day] = dateArray;
+    const date = new Date(year, month - 1, day);
+    return (date.getFullYear() === year &&
+        date.getMonth() === month - 1 &&
+        date.getDate() === day);
+}
+//# sourceMappingURL=Datepicker.js.map

package/components/Datepicker/Datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/components/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}

package/components/Datepicker/Datepicker.spec.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const Datepicker_1 = require("./Datepicker");
+(0, vitest_1.describe)('Datepicker', () => {
+    const mockOnChange = vitest_1.vi.fn();
+    const baseProps = {
+        value: '1999-01-01',
+        executeExpression: vitest_1.vi.fn,
+        response: { name: 'demo' },
+        'aria-labelledby': 'datepicker',
+        id: 'datepicker',
+    };
+    (0, vitest_1.beforeEach)(() => {
+        mockOnChange.mockClear();
+    });
+    ['YYYY-MM-DD', 'YYYY-MM', 'YYYY'].forEach((format) => {
+        (0, vitest_1.it)('should render properly with format ' + format, () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Datepicker_1.Datepicker, { ...baseProps, handleChanges: mockOnChange, dateFormat: format }));
+            (0, vitest_1.expect)(container).toMatchSnapshot();
+        });
+    });
+    (0, vitest_1.it)('handle change correctly for format YYYY-MM-DD', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Datepicker_1.Datepicker, { ...baseProps, dateFormat: "YYYY-MM-DD", handleChanges: mockOnChange }));
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        (0, vitest_1.expect)(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-01-01',
+            },
+        ]);
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 2 },
+        });
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Jour/), {
+            target: { valueAsNumber: 30 },
+        });
+        (0, vitest_1.expect)(mockOnChange).toHaveBeenLastCalledWith([
+            { ...baseProps.response, value: null },
+        ]);
+    });
+    (0, vitest_1.it)('handle change correctly for format YYYY-MM', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Datepicker_1.Datepicker, { ...baseProps, dateFormat: "YYYY-MM", value: "1999-01", handleChanges: mockOnChange }));
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        (0, vitest_1.expect)(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-01',
+            },
+        ]);
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 10 },
+        });
+        (0, vitest_1.expect)(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-10',
+            },
+        ]);
+    });
+    (0, vitest_1.it)('handle change correctly for year YYYY', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Datepicker_1.Datepicker, { ...baseProps, dateFormat: "YYYY", value: "1999", handleChanges: mockOnChange }));
+        react_1.fireEvent.change(react_1.screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        (0, vitest_1.expect)(mockOnChange).toHaveBeenLastCalledWith([
+            { ...baseProps.response, value: '2023' },
+        ]);
+    });
+});
+//# sourceMappingURL=Datepicker.spec.js.map

package/components/Datepicker/Datepicker.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.spec.js","sourceRoot":"","sources":["../../src/components/Datepicker/Datepicker.spec.tsx"],"names":[],"mappings":"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"}

package/components/Datepicker/DatepickerField.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatepickerField = DatepickerField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+function DatepickerField({ label, id, description, onChange, value, max, readOnly, disabled, }) {
+    const handleChange = (e) => {
+        if (!Number.isNaN(e.target.valueAsNumber) &&
+            ((max && e.target.valueAsNumber > max) || e.target.valueAsNumber < 1)) {
+            return;
+        }
+        onChange(e.target.valueAsNumber);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('lunaticDatepickerField', (!max || max > 999) && 'lunaticDatepickerFieldLarge'), children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, children: [label, (0, jsx_runtime_1.jsx)("span", { className: "lunaticDatepickerHint", children: description })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "number", min: 1, max: max, readOnly: readOnly, disabled: disabled, value: Number.isNaN(value) ? '' : value, onChange: handleChange, onFocus: (e) => e.target.select() })] }));
+}
+//# sourceMappingURL=DatepickerField.js.map

package/components/Datepicker/DatepickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatepickerField.js","sourceRoot":"","sources":["../../src/components/Datepicker/DatepickerField.tsx"],"names":[],"mappings":";;;;;AAcA,0CA2CC;;AAzDD,4DAAoC;AAcpC,SAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,EAAE,EACF,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,GACD;IACP,MAAM,YAAY,GAAyC,CAAC,CAAC,EAAE,EAAE;QAChE,IACC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;YACrC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,EACpE,CAAC;YACF,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACN,iCACC,SAAS,EAAE,IAAA,oBAAU,EACpB,wBAAwB,EACxB,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,IAAI,6BAA6B,CACpD,aAED,mCAAO,OAAO,EAAE,EAAE,aAChB,KAAK,EACN,iCAAM,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAQ,IACrD,EACR,kCACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACvC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,GAChC,IACG,CACN,CAAC;AACH,CAAC"}

package/components/Dropdown/Dropdown.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomDropdown = void 0;
+exports.Dropdown = Dropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
+const slottableComponent_1 = require("../shared/HOC/slottableComponent");
+const SimpleOptionRenderer_1 = require("./renderer/SimpleOptionRenderer");
+const SimpleLabelRenderer_1 = require("./renderer/SimpleLabelRenderer");
+const Combobox_1 = require("../shared/Combobox/Combobox");
+const classnames_1 = __importDefault(require("classnames"));
+function Dropdown({ handleChanges, response, errors, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(exports.CustomDropdown, { ...props, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: (0, ComponentErrors_1.getComponentErrors)(errors, props.id) }));
+}
+exports.CustomDropdown = (0, slottableComponent_1.slottableComponent)('Dropdown', (props) => {
+    const { id, disabled, options, className, value, declarations, description, label, errors, onChange, readOnly, } = props;
+    return ((0, jsx_runtime_1.jsx)(Combobox_1.Combobox, { id: id, className: (0, classnames_1.default)(className, 'lunatic-dropdown'), disabled: disabled, readOnly: readOnly, options: options, editable: false, onSelect: onChange, optionRenderer: SimpleOptionRenderer_1.SimpleOptionRenderer, labelRenderer: SimpleLabelRenderer_1.SimpleLabelRenderer, value: value, label: label, errors: errors, description: description, declarations: declarations }));
+});
+//# sourceMappingURL=Dropdown.js.map

package/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;AASA,4BAaC;;AArBD,+EAA+E;AAC/E,yEAAsE;AACtE,0EAAuE;AACvE,wEAAqE;AACrE,0DAAuD;AACvD,4DAAoC;AAGpC,SAAgB,QAAQ,CAAC,EACxB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EAC2B;IACnC,OAAO,CACN,uBAAC,sBAAc,OACV,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EACpE,MAAM,EAAE,IAAA,oCAAkB,EAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAUY,QAAA,cAAc,GAAG,IAAA,uCAAkB,EAC/C,UAAU,EACV,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,EAAE,EACF,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,uBAAC,mBAAQ,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,kBAAkB,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,2CAAoB,EACpC,aAAa,EAAE,yCAAmB,EAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/Dropdown/Dropdown.spec.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const Dropdown_1 = require("./Dropdown");
+(0, vitest_1.describe)('Dropdown', () => {
+    const mockOnSelect = vitest_1.vi.fn();
+    const baseProps = {
+        value: 'toto',
+        id: 'dropdown',
+        'aria-labelledby': 'dropdown',
+        options: [
+            {
+                value: 'toto',
+                description: 'toto',
+                label: 'toto',
+            },
+        ],
+        response: { name: 'demo' },
+        handleChanges: mockOnSelect,
+    };
+    (0, vitest_1.beforeEach)(() => {
+        mockOnSelect.mockClear();
+    });
+    (0, vitest_1.it)('renders without crashing', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { ...baseProps }));
+        (0, vitest_1.expect)(container).toMatchSnapshot();
+    });
+    (0, vitest_1.it)('should handle readOnly', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { ...baseProps, readOnly: true }));
+        (0, vitest_1.expect)(container).toMatchSnapshot();
+        const selection = container.querySelector('.lunatic-combo-box-content');
+        selection.focus();
+        (0, vitest_1.expect)(selection).toHaveFocus();
+        const span = selection?.querySelector('span');
+        (0, vitest_1.expect)(span).toHaveTextContent('toto');
+    });
+});
+//# sourceMappingURL=Dropdown.spec.js.map

package/components/Dropdown/Dropdown.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,mCAA8D;AAC9D,yCAAsC;AAEtC,IAAA,iBAAQ,EAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,EAAE,EAAE,UAAU;QACd,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE;YACR;gBACC,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,MAAM;aACb;SACD;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QAC1B,aAAa,EAAE,YAAY;KAC3B,CAAC;IAEF,IAAA,mBAAU,EAAC,GAAG,EAAE;QACf,YAAY,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,OAAK,SAAS,GAAI,CAAC,CAAC;QAC1D,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAQ,OAAK,SAAS,EAAE,QAAQ,SAAG,CAAC,CAAC;QACnE,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,SAAyB,CAAC,KAAK,EAAE,CAAC;QACnC,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/Dropdown/renderer/SimpleLabelRenderer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleLabelRenderer = SimpleLabelRenderer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function getContent(option, search) {
+    if (option) {
+        const { value, label } = option;
+        return label || value;
+    }
+    if (search?.trim().length) {
+        return search;
+    }
+    return null;
+}
+function SimpleLabelRenderer({ option, placeholder, search }) {
+    const content = getContent(option, search);
+    if (content) {
+        return (0, jsx_runtime_1.jsx)("span", { className: "selection", children: content });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: "placeholder", children: placeholder });
+}
+//# sourceMappingURL=SimpleLabelRenderer.js.map

package/components/Dropdown/renderer/SimpleLabelRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLabelRenderer.js","sourceRoot":"","sources":["../../../src/components/Dropdown/renderer/SimpleLabelRenderer.tsx"],"names":[],"mappings":";;AAmBA,kDAMC;;AAjBD,SAAS,UAAU,CAAC,MAAuB,EAAE,MAAe;IAC3D,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAChC,OAAO,KAAK,IAAI,KAAK,CAAC;IACvB,CAAC;IACD,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AAED,SAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAS;IACzE,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,iCAAM,SAAS,EAAC,WAAW,YAAE,OAAO,GAAQ,CAAC;IACrD,CAAC;IACD,OAAO,iCAAM,SAAS,EAAC,aAAa,YAAE,WAAW,GAAQ,CAAC;AAC3D,CAAC"}