@inseefr/lunatic 3.12.2 → 3.12.3
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/components/Dropdown/Dropdown.js +1 -2
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropdown/Dropdown.spec.js +13 -5
- package/components/Dropdown/Dropdown.spec.js.map +1 -1
- package/components/Suggester/CustomSuggester.d.ts +6 -0
- package/components/Suggester/CustomSuggester.js +1 -1
- package/components/Suggester/CustomSuggester.js.map +1 -1
- package/components/shared/Combobox/Combobox.js +5 -6
- package/components/shared/Combobox/Combobox.js.map +1 -1
- package/components/shared/Combobox/ComboboxType.d.ts +1 -0
- package/components/shared/Combobox/Panel/ComboboxOption.d.ts +1 -0
- package/components/shared/Combobox/Panel/ComboboxOption.js +4 -4
- package/components/shared/Combobox/Panel/ComboboxOption.js.map +1 -1
- package/components/shared/Combobox/Panel/ComboboxOption.spec.js +18 -5
- package/components/shared/Combobox/Panel/ComboboxOption.spec.js.map +1 -1
- package/components/shared/Combobox/Panel/ComboboxPanel.d.ts +1 -1
- package/components/shared/Combobox/Panel/ComboboxPanel.js +2 -2
- package/components/shared/Combobox/Panel/ComboboxPanel.js.map +1 -1
- package/components/type.d.ts +6 -0
- package/esm/components/Dropdown/Dropdown.js +1 -2
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/Dropdown/Dropdown.spec.js +14 -6
- package/esm/components/Dropdown/Dropdown.spec.js.map +1 -1
- package/esm/components/Suggester/CustomSuggester.d.ts +6 -0
- package/esm/components/Suggester/CustomSuggester.js +1 -1
- package/esm/components/Suggester/CustomSuggester.js.map +1 -1
- package/esm/components/shared/Combobox/Combobox.js +5 -6
- package/esm/components/shared/Combobox/Combobox.js.map +1 -1
- package/esm/components/shared/Combobox/ComboboxType.d.ts +1 -0
- package/esm/components/shared/Combobox/Panel/ComboboxOption.d.ts +1 -0
- package/esm/components/shared/Combobox/Panel/ComboboxOption.js +5 -5
- package/esm/components/shared/Combobox/Panel/ComboboxOption.js.map +1 -1
- package/esm/components/shared/Combobox/Panel/ComboboxOption.spec.js +18 -5
- package/esm/components/shared/Combobox/Panel/ComboboxOption.spec.js.map +1 -1
- package/esm/components/shared/Combobox/Panel/ComboboxPanel.d.ts +1 -1
- package/esm/components/shared/Combobox/Panel/ComboboxPanel.js +2 -2
- package/esm/components/shared/Combobox/Panel/ComboboxPanel.js.map +1 -1
- package/esm/components/type.d.ts +6 -0
- package/package.json +2 -9
- package/src/components/Dropdown/Dropdown.spec.tsx +22 -6
- package/src/components/Dropdown/Dropdown.tsx +1 -2
- package/src/components/Dropdown/__snapshots__/Dropdown.spec.tsx.snap +2 -2
- package/src/components/Suggester/CustomSuggester.tsx +7 -0
- package/src/components/shared/Combobox/Combobox.tsx +5 -4
- package/src/components/shared/Combobox/ComboboxType.ts +1 -0
- package/src/components/shared/Combobox/Panel/ComboboxOption.spec.tsx +27 -5
- package/src/components/shared/Combobox/Panel/ComboboxOption.tsx +10 -6
- package/src/components/shared/Combobox/Panel/ComboboxPanel.tsx +3 -1
- package/src/components/type.ts +6 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/components/Dropdown/renderer/SimpleOptionRenderer.d.ts +0 -7
- package/components/Dropdown/renderer/SimpleOptionRenderer.js +0 -16
- package/components/Dropdown/renderer/SimpleOptionRenderer.js.map +0 -1
- package/esm/components/Dropdown/renderer/SimpleOptionRenderer.d.ts +0 -7
- package/esm/components/Dropdown/renderer/SimpleOptionRenderer.js +0 -10
- package/esm/components/Dropdown/renderer/SimpleOptionRenderer.js.map +0 -1
- package/src/components/Dropdown/renderer/SimpleOptionRenderer.tsx +0 -26
|
@@ -8,7 +8,6 @@ exports.Dropdown = Dropdown;
|
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
9
|
const ComponentErrors_1 = require("../shared/ComponentErrors/ComponentErrors");
|
|
10
10
|
const slottableComponent_1 = require("../shared/HOC/slottableComponent");
|
|
11
|
-
const SimpleOptionRenderer_1 = require("./renderer/SimpleOptionRenderer");
|
|
12
11
|
const SimpleLabelRenderer_1 = require("./renderer/SimpleLabelRenderer");
|
|
13
12
|
const Combobox_1 = require("../shared/Combobox/Combobox");
|
|
14
13
|
const classnames_1 = __importDefault(require("classnames"));
|
|
@@ -17,6 +16,6 @@ function Dropdown({ handleChanges, response, errors, ...props }) {
|
|
|
17
16
|
}
|
|
18
17
|
exports.CustomDropdown = (0, slottableComponent_1.slottableComponent)('Dropdown', (props) => {
|
|
19
18
|
const { id, disabled, options, className, value, declarations, description, label, errors, onChange, readOnly, } = props;
|
|
20
|
-
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,
|
|
19
|
+
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, shouldDisplayOptionsId: false, editable: false, onSelect: onChange, labelRenderer: SimpleLabelRenderer_1.SimpleLabelRenderer, value: value, label: label, errors: errors, description: description, declarations: declarations }));
|
|
21
20
|
});
|
|
22
21
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;AAQA,4BAaC;;AApBD,+EAA+E;AAC/E,yEAAsE;AACtE,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,sBAAsB,EAAE,KAAK,EAC7B,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,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"}
|
|
@@ -7,14 +7,14 @@ const Dropdown_1 = require("./Dropdown");
|
|
|
7
7
|
(0, vitest_1.describe)('Dropdown', () => {
|
|
8
8
|
const mockOnSelect = vitest_1.vi.fn();
|
|
9
9
|
const baseProps = {
|
|
10
|
-
value: '
|
|
10
|
+
value: 'value1',
|
|
11
11
|
id: 'dropdown',
|
|
12
12
|
'aria-labelledby': 'dropdown',
|
|
13
13
|
options: [
|
|
14
14
|
{
|
|
15
|
-
value: '
|
|
16
|
-
description: '
|
|
17
|
-
label: '
|
|
15
|
+
value: 'value1',
|
|
16
|
+
description: 'description 1',
|
|
17
|
+
label: 'option 1',
|
|
18
18
|
},
|
|
19
19
|
],
|
|
20
20
|
response: { name: 'demo' },
|
|
@@ -34,7 +34,15 @@ const Dropdown_1 = require("./Dropdown");
|
|
|
34
34
|
selection.focus();
|
|
35
35
|
(0, vitest_1.expect)(selection).toHaveFocus();
|
|
36
36
|
const span = selection?.querySelector('span');
|
|
37
|
-
(0, vitest_1.expect)(span).toHaveTextContent('
|
|
37
|
+
(0, vitest_1.expect)(span).toHaveTextContent('option 1');
|
|
38
|
+
});
|
|
39
|
+
(0, vitest_1.it)('should display only options label in dropdown selection', () => {
|
|
40
|
+
const { container, queryByText, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { ...baseProps, value: null }));
|
|
41
|
+
const selection = container.querySelector('.lunatic-combo-box-content');
|
|
42
|
+
react_1.fireEvent.focus(selection);
|
|
43
|
+
(0, vitest_1.expect)(getByText('option 1')).toBeInTheDocument();
|
|
44
|
+
(0, vitest_1.expect)(queryByText('value1')).not.toBeInTheDocument();
|
|
45
|
+
(0, vitest_1.expect)(queryByText('description 1')).not.toBeInTheDocument();
|
|
38
46
|
});
|
|
39
47
|
});
|
|
40
48
|
//# sourceMappingURL=Dropdown.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,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,QAAQ;QACf,EAAE,EAAE,UAAU;QACd,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE;YACR;gBACC,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,eAAe;gBAC5B,KAAK,EAAE,UAAU;aACjB;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,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EACnD,uBAAC,mBAAQ,OACJ,SAAS,EACb,KAAK,EAAE,IAAI,GACV,CACF,CAAC;QAEF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACxE,iBAAS,CAAC,KAAK,CAAC,SAAwB,CAAC,CAAC;QAE1C,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,IAAA,eAAM,EAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtD,IAAA,eAAM,EAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -10,7 +10,13 @@ type Props = {
|
|
|
10
10
|
onBlur: () => void;
|
|
11
11
|
onFocus: () => void;
|
|
12
12
|
value: [SuggesterOptionType] | [];
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated use createCustomizableField with ComboboxLabelRenderer as name.
|
|
15
|
+
*/
|
|
13
16
|
labelRenderer: LunaticComponentProps<'Suggester'>['labelRenderer'];
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated use createCustomizableField with ComboboxOptionRenderer as name.
|
|
19
|
+
*/
|
|
14
20
|
optionRenderer: LunaticComponentProps<'Suggester'>['optionRenderer'];
|
|
15
21
|
disabled?: boolean;
|
|
16
22
|
readOnly?: boolean;
|
|
@@ -18,6 +18,6 @@ exports.CustomSuggester = (0, slottableComponent_1.slottableComponent)('Suggeste
|
|
|
18
18
|
onSelect(options.find((o) => o.id === id) ?? null);
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)(Combobox_1.Combobox, { id: id, isLoading: state === 'loading', className: className, classNamePrefix: classNamePrefix, onChange: (v) => onSearch(v ?? ''), disabled: disabled, readOnly: readOnly, options: options.map((o) => ({ value: o.id, ...o })), editable: true, onBlur: onBlur, onFocus: onFocus, onSelect: handleSelect, value: value[0]?.id ?? '', search: search, optionRenderer: optionRenderer, labelRenderer: labelRenderer, placeholder: placeholder, label: label, declarations: declarations, description: description, errors: errors }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(Combobox_1.Combobox, { id: id, isLoading: state === 'loading', className: className, classNamePrefix: classNamePrefix, onChange: (v) => onSearch(v ?? ''), disabled: disabled, readOnly: readOnly, options: options.map((o) => ({ value: o.id, ...o })), shouldDisplayOptionsId: true, editable: true, onBlur: onBlur, onFocus: onFocus, onSelect: handleSelect, value: value[0]?.id ?? '', search: search, optionRenderer: optionRenderer, labelRenderer: labelRenderer, placeholder: placeholder, label: label, declarations: declarations, description: description, errors: errors }));
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=CustomSuggester.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomSuggester.js","sourceRoot":"","sources":["../../src/components/Suggester/CustomSuggester.tsx"],"names":[],"mappings":";;;;;;;AACA,mDAAoD;AAGpD,sDAA2B;AAC3B,yEAAsE;AACtE,0DAAuD;
|
|
1
|
+
{"version":3,"file":"CustomSuggester.js","sourceRoot":"","sources":["../../src/components/Suggester/CustomSuggester.tsx"],"names":[],"mappings":";;;;;;;AACA,mDAAoD;AAGpD,sDAA2B;AAC3B,yEAAsE;AACtE,0DAAuD;AAiC1C,QAAA,eAAe,GAAG,IAAA,uCAAkB,EAChD,WAAW,EACX,CAAC,EACA,SAAS,EACT,eAAe,GAAG,SAAS,EAC3B,WAAW,GAAG,cAAC,CAAC,qBAAqB,EACrC,QAAQ,GAAG,uBAAY,EACvB,aAAa,EACb,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,GACP,EAAE,EAAE;IACJ,MAAM,YAAY,GAAG,CAAC,EAAiB,EAAE,EAAE;QAC1C,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,uBAAC,mBAAQ,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,KAAK,KAAK,SAAS,EAC9B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EACpD,sBAAsB,EAAE,IAAI,EAC5B,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EACzB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACb,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -19,7 +19,7 @@ const i18n_1 = __importDefault(require("../../../i18n"));
|
|
|
19
19
|
const slottableComponent_1 = require("../HOC/slottableComponent");
|
|
20
20
|
const Declarations_1 = require("../Declarations/Declarations");
|
|
21
21
|
const EMPTY_SEARCH = '';
|
|
22
|
-
function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = i18n_1.default.PLACEHOLDER, editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, declarations, errors, onBlur, onFocus, isLoading, }) {
|
|
22
|
+
function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = i18n_1.default.PLACEHOLDER, editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, shouldDisplayOptionsId = true, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, declarations, errors, onBlur, onFocus, isLoading, }) {
|
|
23
23
|
const [expanded, setExpanded] = (0, react_1.useState)(false);
|
|
24
24
|
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
25
25
|
const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
|
|
@@ -85,20 +85,19 @@ function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-sty
|
|
|
85
85
|
if (messageError) {
|
|
86
86
|
return ((0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-message-error", children: messageError }));
|
|
87
87
|
}
|
|
88
|
-
return ((0, jsx_runtime_1.jsxs)(ComboboxContainer_1.ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, 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 }), (0, jsx_runtime_1.jsxs)(ComboboxContent_1.ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [(0, jsx_runtime_1.jsx)(ComboboxSelection_1.ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), (0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && ((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { className: (0, classnames_1.default)({ focused }), search: value, onClick: handleClear, editable: editable }))] }));
|
|
88
|
+
return ((0, jsx_runtime_1.jsxs)(ComboboxContainer_1.ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, 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 }), (0, jsx_runtime_1.jsxs)(ComboboxContent_1.ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [(0, jsx_runtime_1.jsx)(ComboboxSelection_1.ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), (0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, shouldDisplayOptionsId: shouldDisplayOptionsId, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && ((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { className: (0, classnames_1.default)({ focused }), search: value, onClick: handleClear, editable: editable }))] }));
|
|
89
89
|
}
|
|
90
90
|
function getIndexFromOptions(options, value, getOptionValue) {
|
|
91
91
|
if (!Array.isArray(options)) {
|
|
92
92
|
return undefined;
|
|
93
93
|
}
|
|
94
|
-
return options.map(getOptionValue).
|
|
94
|
+
return options.map(getOptionValue).indexOf(value ?? '');
|
|
95
95
|
}
|
|
96
96
|
/**
|
|
97
97
|
* Extract value from an option item
|
|
98
98
|
*/
|
|
99
|
-
function getDefaultOptionValue(option
|
|
100
|
-
|
|
101
|
-
return id || value;
|
|
99
|
+
function getDefaultOptionValue(option) {
|
|
100
|
+
return option?.id || option?.value || '';
|
|
102
101
|
}
|
|
103
102
|
exports.Combobox = (0, slottableComponent_1.slottableComponent)('Combobox', LunaticComboBox);
|
|
104
103
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,14 +8,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
const slottableComponent_1 = require("../../HOC/slottableComponent");
|
|
10
10
|
const i18n_1 = __importDefault(require("../../../../i18n"));
|
|
11
|
-
exports.ComboboxOption = (0, slottableComponent_1.slottableComponent)('ComboboxOption', ({ option, selected }) => {
|
|
11
|
+
exports.ComboboxOption = (0, slottableComponent_1.slottableComponent)('ComboboxOption', ({ option, shouldDisplayOptionId = true, selected }) => {
|
|
12
12
|
const { id, value, label } = option;
|
|
13
13
|
if (value === 'OTHER') {
|
|
14
14
|
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: `${i18n_1.default.SUGGESTER_NO_RESULT} : ${i18n_1.default.SUGGESTER_ARBITRARY} "${label}"` }) }));
|
|
15
15
|
}
|
|
16
|
-
if (label
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: [(0, jsx_runtime_1.jsx)("span", { className: "id", children: id || value }), (0, jsx_runtime_1.jsx)("span", { children: " - " }), (0, jsx_runtime_1.jsx)("span", { className: "label", children: label })] }));
|
|
16
|
+
if (label) {
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: [shouldDisplayOptionId && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "id", children: id || value }), (0, jsx_runtime_1.jsx)("span", { children: " - " })] })), (0, jsx_runtime_1.jsx)("span", { className: "label", children: label })] }));
|
|
18
18
|
}
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: (0, jsx_runtime_1.jsx)("span", { className: "id", children: id }) }));
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: (0, jsx_runtime_1.jsx)("span", { className: "id", children: id || value }) }));
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=ComboboxOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";;;;;;;AAAA,4DAAoC;AAEpC,qEAAkE;AAClE,4DAAiC;
|
|
1
|
+
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";;;;;;;AAAA,4DAAoC;AAEpC,qEAAkE;AAClE,4DAAiC;AAQpB,QAAA,cAAc,GAAG,IAAA,uCAAkB,EAC/C,gBAAgB,EAChB,CAAC,EAAE,MAAM,EAAE,qBAAqB,GAAG,IAAI,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC7D,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEpC,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACN,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,iCAAM,SAAS,EAAC,OAAO,YACrB,GAAG,cAAC,CAAC,mBAAmB,MAAM,cAAC,CAAC,mBAAmB,KAAK,KAAK,GAAG,GAC3D,GACF,CACN,CAAC;IACH,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACX,OAAO,CACN,iCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,aAClE,qBAAqB,IAAI,CACzB,6DACC,iCAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,EACzC,mDAAgB,IACd,CACH,EACD,iCAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,iCAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,GACpC,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -13,13 +13,26 @@ const vitest_1 = require("vitest");
|
|
|
13
13
|
(0, vitest_1.expect)(idElement).toBeInTheDocument();
|
|
14
14
|
(0, vitest_1.expect)(labelElement).toBeNull();
|
|
15
15
|
});
|
|
16
|
-
(0, vitest_1.it)('renders with label', () => {
|
|
16
|
+
(0, vitest_1.it)('renders with label and displays id by default', () => {
|
|
17
17
|
const option = { id: '1', value: 'Value', label: 'Label' };
|
|
18
18
|
const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option }));
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
(0, vitest_1.expect)(
|
|
22
|
-
|
|
19
|
+
(0, vitest_1.expect)(getByText(option.id)).toBeInTheDocument();
|
|
20
|
+
(0, vitest_1.expect)(getByText('-')).toBeInTheDocument();
|
|
21
|
+
(0, vitest_1.expect)(getByText(option.label)).toBeInTheDocument();
|
|
22
|
+
});
|
|
23
|
+
(0, vitest_1.it)('renders with label and displays id when prop is true', () => {
|
|
24
|
+
const option = { id: '1', value: 'Value', label: 'Label' };
|
|
25
|
+
const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option, shouldDisplayOptionId: true }));
|
|
26
|
+
(0, vitest_1.expect)(getByText(option.id)).toBeInTheDocument();
|
|
27
|
+
(0, vitest_1.expect)(getByText('-')).toBeInTheDocument();
|
|
28
|
+
(0, vitest_1.expect)(getByText(option.label)).toBeInTheDocument();
|
|
29
|
+
});
|
|
30
|
+
(0, vitest_1.it)('renders with label and does not display id when prop is false', () => {
|
|
31
|
+
const option = { id: '1', value: 'Value', label: 'Label' };
|
|
32
|
+
const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option, shouldDisplayOptionId: false }));
|
|
33
|
+
(0, vitest_1.expect)(queryByText(option.id)).not.toBeInTheDocument();
|
|
34
|
+
(0, vitest_1.expect)(queryByText('-')).not.toBeInTheDocument();
|
|
35
|
+
(0, vitest_1.expect)(getByText(option.label)).toBeInTheDocument();
|
|
23
36
|
});
|
|
24
37
|
(0, vitest_1.it)('renders with selected class', () => {
|
|
25
38
|
const option = { id: '1', value: 'Value', label: 'Label' };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qDAAkD;AAClD,mCAA8C;AAE9C,IAAA,iBAAQ,EAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,IAAA,WAAE,EAAC,uBAAuB,EAAE,GAAG,EAAE;QAChC,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAC3C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,cAAM,EACxC,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAClC,CAAC;QACF,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QACtC,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAA,eAAM,EAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"ComboboxOption.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,4 +2,4 @@ import type { ComboboxPanelProps } from '../ComboboxType';
|
|
|
2
2
|
/**
|
|
3
3
|
* Floating menu containing selectable options
|
|
4
4
|
*/
|
|
5
|
-
export declare function ComboboxPanel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, isLoading, }: ComboboxPanelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
export declare function ComboboxPanel({ optionRenderer: OptionRender, options, shouldDisplayOptionsId, focused, selectedIndex, expanded, id, search, onSelect, isLoading, }: Readonly<ComboboxPanelProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -12,7 +12,7 @@ const i18n_1 = __importDefault(require("../../../../i18n"));
|
|
|
12
12
|
/**
|
|
13
13
|
* Floating menu containing selectable options
|
|
14
14
|
*/
|
|
15
|
-
function ComboboxPanel({ optionRenderer: OptionRender, options = [], focused, selectedIndex, expanded, id, search, onSelect, isLoading, }) {
|
|
15
|
+
function ComboboxPanel({ optionRenderer: OptionRender, options = [], shouldDisplayOptionsId, focused, selectedIndex, expanded, id, search, onSelect, isLoading, }) {
|
|
16
16
|
const visibleOptions = expanded ? options : [];
|
|
17
17
|
const ComboBoxOptionComponent = OptionRender ?? ComboboxOption_1.ComboboxOption;
|
|
18
18
|
// Do not display the panel if it's empty
|
|
@@ -28,6 +28,6 @@ function ComboboxPanel({ optionRenderer: OptionRender, options = [], focused, se
|
|
|
28
28
|
if (visibleOptions.length === 0) {
|
|
29
29
|
return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: (0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-option", children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: i18n_1.default.SUGGESTER_NO_RESULT }) }) }));
|
|
30
30
|
}
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: visibleOptions.map((option, index) => ((0, jsx_runtime_1.jsx)(ComboboxOptionContainer_1.ComboboxOptionContainer, { index: index.toString(), selected: selectedIndex === index, onSelect: onSelect, children: (0, jsx_runtime_1.jsx)(ComboBoxOptionComponent, { option: option, selected: selectedIndex === index, search: search }) }, option.id ?? option.value))) }));
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: visibleOptions.map((option, index) => ((0, jsx_runtime_1.jsx)(ComboboxOptionContainer_1.ComboboxOptionContainer, { index: index.toString(), selected: selectedIndex === index, onSelect: onSelect, children: (0, jsx_runtime_1.jsx)(ComboBoxOptionComponent, { option: option, shouldDisplayOptionId: shouldDisplayOptionsId, selected: selectedIndex === index, search: search }) }, option.id ?? option.value))) }));
|
|
32
32
|
}
|
|
33
33
|
//# sourceMappingURL=ComboboxPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxPanel.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxPanel.tsx"],"names":[],"mappings":";;;;;AASA,
|
|
1
|
+
{"version":3,"file":"ComboboxPanel.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxPanel.tsx"],"names":[],"mappings":";;;;;AASA,sCAsFC;;AA/FD,uEAAoE;AAEpE,qEAAkE;AAClE,qDAAkD;AAClD,4DAAiC;AAEjC;;GAEG;AACH,SAAgB,aAAa,CAAC,EAC7B,cAAc,EAAE,YAAY,EAC5B,OAAO,GAAG,EAAE,EACZ,sBAAsB,EACtB,OAAO,EACP,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,SAAS,GACqB;IAC9B,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/C,MAAM,uBAAuB,GAAG,YAAY,IAAI,+BAAc,CAAC;IAE/D,yCAAyC;IACzC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,iBAAiB,GAAQ,GAC/C,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,MAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEf,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iDAAuB,IAEvB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,QAAQ,EAAE,QAAQ,YAElB,uBAAC,uBAAuB,IACvB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,sBAAsB,EAC7C,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,MAAM,EAAE,MAAM,GACb,IAVG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAWL,CAC1B,CAAC,GACsB,CACzB,CAAC;AACH,CAAC"}
|
package/components/type.d.ts
CHANGED
|
@@ -265,11 +265,17 @@ export type ComponentPropsByType = {
|
|
|
265
265
|
Suggester: LunaticBaseProps<string | null> & {
|
|
266
266
|
componentType?: 'Suggester';
|
|
267
267
|
storeName: string;
|
|
268
|
+
/**
|
|
269
|
+
* @deprecated use createCustomizableField with ComboboxOptionRenderer as name.
|
|
270
|
+
*/
|
|
268
271
|
optionRenderer: FunctionComponent<{
|
|
269
272
|
option: SuggesterOption;
|
|
270
273
|
placeholder?: string;
|
|
271
274
|
search?: string;
|
|
272
275
|
}>;
|
|
276
|
+
/**
|
|
277
|
+
* @deprecated use createCustomizableField with ComboboxLabelRenderer as name.
|
|
278
|
+
*/
|
|
273
279
|
labelRenderer: FunctionComponent<{
|
|
274
280
|
option?: SuggesterOption;
|
|
275
281
|
selected?: boolean;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
|
|
3
3
|
import { slottableComponent } from '../shared/HOC/slottableComponent';
|
|
4
|
-
import { SimpleOptionRenderer } from './renderer/SimpleOptionRenderer';
|
|
5
4
|
import { SimpleLabelRenderer } from './renderer/SimpleLabelRenderer';
|
|
6
5
|
import { Combobox } from '../shared/Combobox/Combobox';
|
|
7
6
|
import classNames from 'classnames';
|
|
@@ -10,6 +9,6 @@ export function Dropdown({ handleChanges, response, errors, ...props }) {
|
|
|
10
9
|
}
|
|
11
10
|
export const CustomDropdown = slottableComponent('Dropdown', (props) => {
|
|
12
11
|
const { id, disabled, options, className, value, declarations, description, label, errors, onChange, readOnly, } = props;
|
|
13
|
-
return (_jsx(Combobox, { id: id, className: classNames(className, 'lunatic-dropdown'), disabled: disabled, readOnly: readOnly, options: options,
|
|
12
|
+
return (_jsx(Combobox, { id: id, className: classNames(className, 'lunatic-dropdown'), disabled: disabled, readOnly: readOnly, options: options, shouldDisplayOptionsId: false, editable: false, onSelect: onChange, labelRenderer: SimpleLabelRenderer, value: value, label: label, errors: errors, description: description, declarations: declarations }));
|
|
14
13
|
});
|
|
15
14
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,EACxB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EAC2B;IACnC,OAAO,CACN,KAAC,cAAc,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,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAUD,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/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,KAAC,QAAQ,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,KAAK,EAC7B,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,mBAAmB,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"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
2
|
+
import { fireEvent, render } from '@testing-library/react';
|
|
3
3
|
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
4
4
|
import { Dropdown } from './Dropdown';
|
|
5
5
|
describe('Dropdown', () => {
|
|
6
6
|
const mockOnSelect = vi.fn();
|
|
7
7
|
const baseProps = {
|
|
8
|
-
value: '
|
|
8
|
+
value: 'value1',
|
|
9
9
|
id: 'dropdown',
|
|
10
10
|
'aria-labelledby': 'dropdown',
|
|
11
11
|
options: [
|
|
12
12
|
{
|
|
13
|
-
value: '
|
|
14
|
-
description: '
|
|
15
|
-
label: '
|
|
13
|
+
value: 'value1',
|
|
14
|
+
description: 'description 1',
|
|
15
|
+
label: 'option 1',
|
|
16
16
|
},
|
|
17
17
|
],
|
|
18
18
|
response: { name: 'demo' },
|
|
@@ -32,7 +32,15 @@ describe('Dropdown', () => {
|
|
|
32
32
|
selection.focus();
|
|
33
33
|
expect(selection).toHaveFocus();
|
|
34
34
|
const span = selection === null || selection === void 0 ? void 0 : selection.querySelector('span');
|
|
35
|
-
expect(span).toHaveTextContent('
|
|
35
|
+
expect(span).toHaveTextContent('option 1');
|
|
36
|
+
});
|
|
37
|
+
it('should display only options label in dropdown selection', () => {
|
|
38
|
+
const { container, queryByText, getByText } = render(_jsx(Dropdown, { ...baseProps, value: null }));
|
|
39
|
+
const selection = container.querySelector('.lunatic-combo-box-content');
|
|
40
|
+
fireEvent.focus(selection);
|
|
41
|
+
expect(getByText('option 1')).toBeInTheDocument();
|
|
42
|
+
expect(queryByText('value1')).not.toBeInTheDocument();
|
|
43
|
+
expect(queryByText('description 1')).not.toBeInTheDocument();
|
|
36
44
|
});
|
|
37
45
|
});
|
|
38
46
|
//# sourceMappingURL=Dropdown.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG;QACjB,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,UAAU;QACd,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE;YACR;gBACC,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,eAAe;gBAC5B,KAAK,EAAE,UAAU;aACjB;SACD;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QAC1B,aAAa,EAAE,YAAY;KAC3B,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACf,YAAY,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,EAAE,QAAQ,SAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,SAAyB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,MAAM,CACnD,KAAC,QAAQ,OACJ,SAAS,EACb,KAAK,EAAE,IAAI,GACV,CACF,CAAC;QAEF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACxE,SAAS,CAAC,KAAK,CAAC,SAAwB,CAAC,CAAC;QAE1C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACtD,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -10,7 +10,13 @@ type Props = {
|
|
|
10
10
|
onBlur: () => void;
|
|
11
11
|
onFocus: () => void;
|
|
12
12
|
value: [SuggesterOptionType] | [];
|
|
13
|
+
/**
|
|
14
|
+
* @deprecated use createCustomizableField with ComboboxLabelRenderer as name.
|
|
15
|
+
*/
|
|
13
16
|
labelRenderer: LunaticComponentProps<'Suggester'>['labelRenderer'];
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated use createCustomizableField with ComboboxOptionRenderer as name.
|
|
19
|
+
*/
|
|
14
20
|
optionRenderer: LunaticComponentProps<'Suggester'>['optionRenderer'];
|
|
15
21
|
disabled?: boolean;
|
|
16
22
|
readOnly?: boolean;
|
|
@@ -14,6 +14,6 @@ export const CustomSuggester = slottableComponent('Suggester', ({ className, cla
|
|
|
14
14
|
onSelect((_a = options.find((o) => o.id === id)) !== null && _a !== void 0 ? _a : null);
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
return (_jsx(Combobox, { id: id, isLoading: state === 'loading', className: className, classNamePrefix: classNamePrefix, onChange: (v) => onSearch(v !== null && v !== void 0 ? v : ''), disabled: disabled, readOnly: readOnly, options: options.map((o) => ({ value: o.id, ...o })), editable: true, onBlur: onBlur, onFocus: onFocus, onSelect: handleSelect, value: (_b = (_a = value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '', search: search, optionRenderer: optionRenderer, labelRenderer: labelRenderer, placeholder: placeholder, label: label, declarations: declarations, description: description, errors: errors }));
|
|
17
|
+
return (_jsx(Combobox, { id: id, isLoading: state === 'loading', className: className, classNamePrefix: classNamePrefix, onChange: (v) => onSearch(v !== null && v !== void 0 ? v : ''), disabled: disabled, readOnly: readOnly, options: options.map((o) => ({ value: o.id, ...o })), shouldDisplayOptionsId: true, editable: true, onBlur: onBlur, onFocus: onFocus, onSelect: handleSelect, value: (_b = (_a = value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '', search: search, optionRenderer: optionRenderer, labelRenderer: labelRenderer, placeholder: placeholder, label: label, declarations: declarations, description: description, errors: errors }));
|
|
18
18
|
});
|
|
19
19
|
//# sourceMappingURL=CustomSuggester.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomSuggester.js","sourceRoot":"","sources":["../../../src/components/Suggester/CustomSuggester.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,CAAC,MAAM,YAAY,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomSuggester.js","sourceRoot":"","sources":["../../../src/components/Suggester/CustomSuggester.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,CAAC,MAAM,YAAY,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAiCvD,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAChD,WAAW,EACX,CAAC,EACA,SAAS,EACT,eAAe,GAAG,SAAS,EAC3B,WAAW,GAAG,CAAC,CAAC,qBAAqB,EACrC,QAAQ,GAAG,YAAY,EACvB,aAAa,EACb,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,GACP,EAAE,EAAE;;IACJ,MAAM,YAAY,GAAG,CAAC,EAAiB,EAAE,EAAE;;QAC1C,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,mCAAI,IAAI,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,QAAQ,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,KAAK,KAAK,SAAS,EAC9B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EACpD,sBAAsB,EAAE,IAAI,EAC5B,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,EAAE,mCAAI,EAAE,EACzB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACb,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -13,7 +13,7 @@ import D from '../../../i18n';
|
|
|
13
13
|
import { slottableComponent } from '../HOC/slottableComponent';
|
|
14
14
|
import { Declarations } from '../Declarations/Declarations';
|
|
15
15
|
const EMPTY_SEARCH = '';
|
|
16
|
-
function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = D.PLACEHOLDER, editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, declarations, errors, onBlur, onFocus, isLoading, }) {
|
|
16
|
+
function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = D.PLACEHOLDER, editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, shouldDisplayOptionsId = true, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, declarations, errors, onBlur, onFocus, isLoading, }) {
|
|
17
17
|
const [expanded, setExpanded] = useState(false);
|
|
18
18
|
const [focused, setFocused] = useState(false);
|
|
19
19
|
const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
|
|
@@ -79,20 +79,19 @@ function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-sty
|
|
|
79
79
|
if (messageError) {
|
|
80
80
|
return (_jsx("div", { className: "lunatic-combo-box-message-error", children: messageError }));
|
|
81
81
|
}
|
|
82
|
-
return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsxs(ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [_jsx(ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), _jsx(ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && (_jsx(ComboboxClearButton, { className: classnames({ focused }), search: value, onClick: handleClear, editable: editable }))] }));
|
|
82
|
+
return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsxs(ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [_jsx(ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), _jsx(ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, shouldDisplayOptionsId: shouldDisplayOptionsId, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && (_jsx(ComboboxClearButton, { className: classnames({ focused }), search: value, onClick: handleClear, editable: editable }))] }));
|
|
83
83
|
}
|
|
84
84
|
function getIndexFromOptions(options, value, getOptionValue) {
|
|
85
85
|
if (!Array.isArray(options)) {
|
|
86
86
|
return undefined;
|
|
87
87
|
}
|
|
88
|
-
return options.map(getOptionValue).
|
|
88
|
+
return options.map(getOptionValue).indexOf(value !== null && value !== void 0 ? value : '');
|
|
89
89
|
}
|
|
90
90
|
/**
|
|
91
91
|
* Extract value from an option item
|
|
92
92
|
*/
|
|
93
|
-
function getDefaultOptionValue(option
|
|
94
|
-
|
|
95
|
-
return id || value;
|
|
93
|
+
function getDefaultOptionValue(option) {
|
|
94
|
+
return (option === null || option === void 0 ? void 0 : option.id) || (option === null || option === void 0 ? void 0 : option.value) || '';
|
|
96
95
|
}
|
|
97
96
|
export const Combobox = slottableComponent('Combobox', LunaticComboBox);
|
|
98
97
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { slottableComponent } from '../../HOC/slottableComponent';
|
|
4
4
|
import D from '../../../../i18n';
|
|
5
|
-
export const ComboboxOption = slottableComponent('ComboboxOption', ({ option, selected }) => {
|
|
5
|
+
export const ComboboxOption = slottableComponent('ComboboxOption', ({ option, shouldDisplayOptionId = true, selected }) => {
|
|
6
6
|
const { id, value, label } = option;
|
|
7
7
|
if (value === 'OTHER') {
|
|
8
8
|
return (_jsx("div", { className: classnames('lunatic-combo-box-option', { selected }), children: _jsx("span", { className: "label", children: `${D.SUGGESTER_NO_RESULT} : ${D.SUGGESTER_ARBITRARY} "${label}"` }) }));
|
|
9
9
|
}
|
|
10
|
-
if (label
|
|
11
|
-
return (_jsxs("div", { className: classnames('lunatic-combo-box-option', { selected }), children: [_jsx("span", { className: "id", children: id || value }), _jsx("span", { children: " - " }), _jsx("span", { className: "label", children: label })] }));
|
|
10
|
+
if (label) {
|
|
11
|
+
return (_jsxs("div", { className: classnames('lunatic-combo-box-option', { selected }), children: [shouldDisplayOptionId && (_jsxs(_Fragment, { children: [_jsx("span", { className: "id", children: id || value }), _jsx("span", { children: " - " })] })), _jsx("span", { className: "label", children: label })] }));
|
|
12
12
|
}
|
|
13
|
-
return (_jsx("div", { className: classnames('lunatic-combo-box-option', { selected }), children: _jsx("span", { className: "id", children: id }) }));
|
|
13
|
+
return (_jsx("div", { className: classnames('lunatic-combo-box-option', { selected }), children: _jsx("span", { className: "id", children: id || value }) }));
|
|
14
14
|
});
|
|
15
15
|
//# sourceMappingURL=ComboboxOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,CAAC,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,CAAC,MAAM,kBAAkB,CAAC;AAQjC,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,gBAAgB,EAChB,CAAC,EAAE,MAAM,EAAE,qBAAqB,GAAG,IAAI,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC7D,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEpC,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,eAAM,SAAS,EAAC,OAAO,YACrB,GAAG,CAAC,CAAC,mBAAmB,MAAM,CAAC,CAAC,mBAAmB,KAAK,KAAK,GAAG,GAC3D,GACF,CACN,CAAC;IACH,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACX,OAAO,CACN,eAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,aAClE,qBAAqB,IAAI,CACzB,8BACC,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,EACzC,iCAAgB,IACd,CACH,EACD,eAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,GACpC,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|