@inseefr/lunatic 3.0.0-rc.9 → 3.0.1-rc.0

package/lib/components/shared/Checkbox/CheckboxOption.spec.js

@@ -1,69 +1,52 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _CheckboxOption = require("./CheckboxOption");
-var _vitest = require("vitest");
-var _jsxRuntime = require("react/jsx-runtime");
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-(0, _vitest.describe)('CheckboxOption', function () {
-  var props = {
-    id: 'checkbox',
-    onClick: _vitest.vi.fn(),
-    checked: false,
-    disabled: false,
-    label: 'Option 1',
-    description: 'This is option 1',
-    codeModality: 'ctrl',
-    shortcut: false
-  };
-  var defaultProps = {
-    id: 'test-checkbox',
-    onClick: _vitest.vi.fn(),
-    label: 'Test checkbox'
-  };
-  (0, _vitest.it)('renders the component correctly', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread({}, props))),
-      getByRole = _render.getByRole,
-      getByText = _render.getByText;
-    var checkbox = getByRole('checkbox');
-    var label = getByText('Option 1');
-    (0, _vitest.expect)(checkbox).toBeInTheDocument();
-    (0, _vitest.expect)(checkbox).not.toBeChecked();
-    (0, _vitest.expect)(label).toBeInTheDocument();
-  });
-  (0, _vitest.it)('renders the label text', function () {
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread({}, defaultProps))),
-      getByText = _render2.getByText;
-    (0, _vitest.expect)(getByText(defaultProps.label)).toBeInTheDocument();
-  });
-  (0, _vitest.it)('renders the component with the checked attribute', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread(_objectSpread({}, props), {}, {
-        checked: true
-      }))),
-      getByRole = _render3.getByRole;
-    var checkbox = getByRole('checkbox');
-    (0, _vitest.expect)(checkbox).toBeChecked();
-  });
-  (0, _vitest.it)('calls the onClick function when clicked', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread({}, props))),
-      getByRole = _render4.getByRole;
-    var checkbox = getByRole('checkbox');
-    _react.fireEvent.click(checkbox);
-    (0, _vitest.expect)(props.onClick).toHaveBeenCalledTimes(1);
-    (0, _vitest.expect)(props.onClick).toHaveBeenCalledWith(true);
-  });
-  (0, _vitest.it)('calls the onClick function when space key is pressed', function () {
-    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxOption.CheckboxOption, _objectSpread({}, defaultProps))),
-      getByRole = _render5.getByRole;
-    var checkbox = getByRole('checkbox');
-    _react.fireEvent.keyDown(checkbox, {
-      code: 'Space'
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { CheckboxOption } from './CheckboxOption';
+import { describe, it, expect, vi } from 'vitest';
+describe('CheckboxOption', () => {
+    const props = {
+        id: 'checkbox',
+        onClick: vi.fn(),
+        checked: false,
+        disabled: false,
+        label: 'Option 1',
+        description: 'This is option 1',
+        codeModality: 'ctrl',
+        shortcut: false,
+    };
+    const defaultProps = {
+        id: 'test-checkbox',
+        onClick: vi.fn(),
+        label: 'Test checkbox',
+    };
+    it('renders the component correctly', () => {
+        const { getByRole, getByText } = render(_jsx(CheckboxOption, { ...props }));
+        const checkbox = getByRole('checkbox');
+        const label = getByText('Option 1');
+        expect(checkbox).toBeInTheDocument();
+        expect(checkbox).not.toBeChecked();
+        expect(label).toBeInTheDocument();
     });
-    (0, _vitest.expect)(defaultProps.onClick).toHaveBeenCalledWith(true);
-  });
-});
+    it('renders the label text', () => {
+        const { getByText } = render(_jsx(CheckboxOption, { ...defaultProps }));
+        expect(getByText(defaultProps.label)).toBeInTheDocument();
+    });
+    it('renders the component with the checked attribute', () => {
+        const { getByRole } = render(_jsx(CheckboxOption, { ...props, checked: true }));
+        const checkbox = getByRole('checkbox');
+        expect(checkbox).toBeChecked();
+    });
+    it('calls the onClick function when clicked', () => {
+        const { getByRole } = render(_jsx(CheckboxOption, { ...props }));
+        const checkbox = getByRole('checkbox');
+        fireEvent.click(checkbox);
+        expect(props.onClick).toHaveBeenCalledTimes(1);
+        expect(props.onClick).toHaveBeenCalledWith(true);
+    });
+    it('calls the onClick function when space key is pressed', () => {
+        const { getByRole } = render(_jsx(CheckboxOption, { ...defaultProps }));
+        const checkbox = getByRole('checkbox');
+        fireEvent.keyDown(checkbox, { code: 'Space' });
+        expect(defaultProps.onClick).toHaveBeenCalledWith(true);
+    });
+});
+//# sourceMappingURL=CheckboxOption.spec.js.map

package/lib/components/shared/Checkbox/CheckboxOption.spec.js.map

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

package/lib/components/shared/Checkbox/getShortcutKey.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getShortcutKey = void 0;
-var _alphabet = require("../../../utils/constants/alphabet");
-var getShortcutKey = exports.getShortcutKey = function getShortcutKey(currentIndex, maxIndex) {
-  return maxIndex < 10 ? "".concat(currentIndex + 1) : _alphabet.alphabet[currentIndex];
-};
+import { alphabet } from '../../../utils/constants/alphabet';
+export const getShortcutKey = (currentIndex, maxIndex) => (maxIndex < 10 ? `${currentIndex + 1}` : alphabet[currentIndex]);
+//# sourceMappingURL=getShortcutKey.js.map

package/lib/components/shared/Checkbox/getShortcutKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShortcutKey.js","sourceRoot":"","sources":["../../../../src/components/shared/Checkbox/getShortcutKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC7B,YAAoB,EACpB,QAAgB,EACP,EAAE,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC"}

package/lib/components/shared/Combobox/Combobox.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import type { ComboboxOptionType, ComboboxPanelProps, ComboboxSelectionProps } from './ComboboxType';
+import type { LunaticError } from '../../../use-lunatic/type';
+type Props = ComboboxSelectionProps & ComboboxPanelProps & {
+    className?: string;
+    classNamePrefix?: string;
+    classStyle?: string;
+    value: string | null;
+    messageError?: string;
+    getOptionValue?: (o: ComboboxOptionType) => string;
+    label?: ReactNode;
+    description?: ReactNode;
+    errors?: LunaticError[];
+    onChange?: (s: string | null) => void;
+    onSelect: (s: string | null) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    options: ComboboxOptionType[];
+    readOnly?: boolean;
+    isLoading?: boolean;
+};
+export declare const Combobox: import("react").ComponentType<Props>;
+export {};

package/lib/components/shared/Combobox/Combobox.js

@@ -1,208 +1,96 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Combobox = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _ComboboxContainer = require("./ComboboxContainer");
-var _ComboboxContent = require("./ComboboxContent");
-var _constants = require("./constants");
-var _ComboboxPanel = require("./Panel/ComboboxPanel");
-var _ComboboxClearButton = require("./Selection/ComboboxClearButton");
-var _ComboboxSelection = require("./Selection/ComboboxSelection");
-var _number = require("../../../utils/number");
-var _Label = require("../Label/Label");
-var _slottableComponent = require("../HOC/slottableComponent");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var EMPTY_SEARCH = '';
-function LunaticComboBox(_ref) {
-  var className = _ref.className,
-    classNamePrefix = _ref.classNamePrefix,
-    _ref$classStyle = _ref.classStyle,
-    classStyle = _ref$classStyle === void 0 ? 'default-style' : _ref$classStyle,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Commencez votre saisie...' : _ref$placeholder,
-    _ref$editable = _ref.editable,
-    editable = _ref$editable === void 0 ? false : _ref$editable,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    id = _ref.id,
-    optionRenderer = _ref.optionRenderer,
-    labelRenderer = _ref.labelRenderer,
-    onChange = _ref.onChange,
-    onSelect = _ref.onSelect,
-    value = _ref.value,
-    options = _ref.options,
-    messageError = _ref.messageError,
-    _ref$search = _ref.search,
-    searchProps = _ref$search === void 0 ? EMPTY_SEARCH : _ref$search,
-    _ref$getOptionValue = _ref.getOptionValue,
-    getOptionValue = _ref$getOptionValue === void 0 ? getDefaultOptionValue : _ref$getOptionValue,
-    label = _ref.label,
-    description = _ref.description,
-    errors = _ref.errors,
-    onBlur = _ref.onBlur;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    expanded = _useState2[0],
-    setExpanded = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
-  var _useState5 = (0, _react.useState)(searchProps !== null && searchProps !== void 0 ? searchProps : ''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    search = _useState6[0],
-    setSearch = _useState6[1];
-  var selectedIndex = getIndexFromOptions(options, value, getOptionValue);
-  var labelId = "label-".concat(id);
-  var handleFocus = function handleFocus() {
-    if (disabled || readOnly) {
-      return;
-    }
-    setExpanded(true);
-    setFocused(true);
-  };
-  var handleBlur = function handleBlur() {
-    if (disabled || readOnly) {
-      return;
-    }
-    onBlur === null || onBlur === void 0 || onBlur();
-    setExpanded(false);
-    setFocused(false);
-  };
-  var handleSelect = function handleSelect(index) {
-    var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var indexNumber = (0, _number.between)((0, _number.forceInt)(index), 0, options.length);
-    var option = options[indexNumber];
-    if (close) {
-      setExpanded(false);
-    }
-    onSelect(getOptionValue(option));
-  };
-  var handleChange = function handleChange(s) {
-    setSearch(s !== null && s !== void 0 ? s : '');
-    onChange === null || onChange === void 0 || onChange(s);
-  };
-  var handleClear = function handleClear() {
-    setSearch('');
-    setExpanded(false);
-    onChange === null || onChange === void 0 || onChange(EMPTY_SEARCH);
-    onSelect(null);
-  };
-  var onKeyDown = function onKeyDown(key) {
-    var length = options.length;
-    switch (key) {
-      case _constants.KEYBOARD_KEY_CODES.Tab:
-      case _constants.KEYBOARD_KEY_CODES.Escape:
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { useState } from 'react';
+import { ComboboxContainer } from './ComboboxContainer';
+import { ComboboxContent } from './ComboboxContent';
+import { KEYBOARD_KEY_CODES } from './constants';
+import { ComboboxPanel } from './Panel/ComboboxPanel';
+import { ComboboxClearButton } from './Selection/ComboboxClearButton';
+import { ComboboxSelection } from './Selection/ComboboxSelection';
+import { between, forceInt } from '../../../utils/number';
+import { Label } from '../Label/Label';
+import { slottableComponent } from '../HOC/slottableComponent';
+const EMPTY_SEARCH = '';
+function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = 'Commencez votre saisie...', editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, errors, onBlur, onFocus, isLoading, }) {
+    const [expanded, setExpanded] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
+    const labelId = `label-${id}`;
+    const handleFocus = () => {
+        if (disabled || readOnly) {
+            return;
+        }
+        onFocus?.();
+        setExpanded(true);
+        setFocused(true);
+    };
+    const handleBlur = () => {
+        if (disabled || readOnly) {
+            return;
+        }
         setExpanded(false);
-        return;
-      case _constants.KEYBOARD_KEY_CODES.ArrowDown:
-        handleSelect((selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : -1) + 1, false);
-        return;
-      case _constants.KEYBOARD_KEY_CODES.ArrowUp:
-        handleSelect((selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : length) - 1, false);
-        return;
-      case _constants.KEYBOARD_KEY_CODES.Home:
-        handleSelect(0, false);
-        return;
-      case _constants.KEYBOARD_KEY_CODES.End:
-        handleSelect(length - 1, false);
-        return;
-      case _constants.KEYBOARD_KEY_CODES.Enter:
-        setExpanded(function (v) {
-          return !v;
-        });
-        return;
+        setFocused(false);
+        onBlur?.();
+    };
+    const handleSelect = (index, close = true) => {
+        const indexNumber = between(forceInt(index), 0, options.length);
+        const option = options[indexNumber];
+        if (close) {
+            setExpanded(false);
+            onBlur?.();
+        }
+        onSelect(getOptionValue(option));
+    };
+    const handleChange = (s) => {
+        onChange?.(s);
+    };
+    const handleClear = () => {
+        setExpanded(false);
+        onChange?.(EMPTY_SEARCH);
+        onSelect(null);
+    };
+    const onKeyDown = (key) => {
+        const length = options.length;
+        switch (key) {
+            case KEYBOARD_KEY_CODES.Tab:
+            case KEYBOARD_KEY_CODES.Escape:
+                setExpanded(false);
+                return;
+            case KEYBOARD_KEY_CODES.ArrowDown:
+                handleSelect((selectedIndex ?? -1) + 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.ArrowUp:
+                handleSelect((selectedIndex ?? length) - 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.Home:
+                handleSelect(0, false);
+                return;
+            case KEYBOARD_KEY_CODES.End:
+                handleSelect(length - 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.Enter:
+                setExpanded((v) => !v);
+                return;
+        }
+    };
+    const showClearButton = !disabled || !readOnly;
+    if (messageError) {
+        return (_jsx("div", { className: "lunatic-combo-box-message-error", children: messageError }));
     }
-  };
-  var showClearButton = !disabled || !readOnly;
-  if (messageError) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "lunatic-combo-box-message-error",
-      children: messageError
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ComboboxContainer.ComboboxContainer, {
-    id: id,
-    className: className,
-    classStyle: classStyle,
-    classNamePrefix: classNamePrefix,
-    errors: errors,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
-      htmlFor: id,
-      id: labelId,
-      description: description,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ComboboxContent.ComboboxContent, {
-      focused: focused,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      onKeyDown: onKeyDown,
-      classNamePrefix: classNamePrefix,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxSelection.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
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxPanel.ComboboxPanel, {
-        optionRenderer: optionRenderer,
-        options: options,
-        focused: focused,
-        selectedIndex: selectedIndex,
-        expanded: expanded,
-        id: id,
-        search: search,
-        onSelect: handleSelect
-      })]
-    }), showClearButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxClearButton.ComboboxClearButton, {
-      className: (0, _classnames["default"])({
-        focused: focused
-      }),
-      search: search,
-      onClick: handleClear,
-      editable: editable
-    })]
-  });
+    return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _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 }))] }));
 }
 function getIndexFromOptions(options, value, getOptionValue) {
-  if (!Array.isArray(options)) {
-    return undefined;
-  }
-  return options.map(getOptionValue).findIndex(function (v) {
-    return v === value;
-  });
+    if (!Array.isArray(options)) {
+        return undefined;
+    }
+    return options.map(getOptionValue).findIndex((v) => v === value);
 }
-
 /**
  * Extract value from an option item
  */
-function getDefaultOptionValue() {
-  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    value: ''
-  };
-  var id = option.id,
-    value = option.value;
-  return id || value;
+function getDefaultOptionValue(option = { value: '' }) {
+    const { id, value } = option;
+    return id || value;
 }
-var Combobox = exports.Combobox = (0, _slottableComponent.slottableComponent)('Combobox', LunaticComboBox);
+export const Combobox = slottableComponent('Combobox', LunaticComboBox);
+//# sourceMappingURL=Combobox.js.map

package/lib/components/shared/Combobox/Combobox.js.map

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

package/lib/components/shared/Combobox/Combobox.stories.js

@@ -1,109 +1,46 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Editable = exports.Default = void 0;
-var _react = require("react");
-var _Combobox = require("./Combobox");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var meta = {
-  title: 'Components/Shared/ComboBox',
-  component: _Combobox.Combobox
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@storybook/react';
+import { useState } from 'react';
+import { Combobox } from './Combobox';
+const meta = {
+    title: 'Components/Shared/ComboBox',
+    component: Combobox,
 };
-var _default = exports["default"] = meta;
-var LabelRenderer = function LabelRenderer(_ref) {
-  var _option$label;
-  var option = _ref.option,
-    placeholder = _ref.placeholder;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : placeholder
-  });
+export default meta;
+const LabelRenderer = ({ option, placeholder, }) => _jsx(_Fragment, { children: option?.label ?? placeholder });
+const Template = (args) => {
+    const [localValue, setLocalValue] = useState(args.value);
+    const [search, setSearch] = useState('');
+    // Simulate a search
+    const options = search
+        ? args.options.filter((v) => v.value.toLowerCase().includes(search.toLowerCase()))
+        : args.options;
+    return (_jsxs("fieldset", { children: [_jsxs("legend", { children: ["Select an option : ", localValue] }), _jsx(Combobox, { ...args, value: localValue, onSelect: (v) => {
+                    setLocalValue(v);
+                    args.onSelect?.(v);
+                }, onChange: (v) => {
+                    setSearch(v);
+                    args.onChange?.(v);
+                }, options: options, labelRenderer: LabelRenderer, optionRenderer: LabelRenderer }), _jsx("button", { onClick: () => setLocalValue('4'), children: "S\u00E9lectionner paris" })] }));
 };
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(args.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    localValue = _useState2[0],
-    setLocalValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    search = _useState4[0],
-    setSearch = _useState4[1];
-  // Simulate a search
-  var options = search ? args.options.filter(function (v) {
-    return v.value.toLowerCase().includes(search.toLowerCase());
-  }) : args.options;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("legend", {
-      children: ["Select an option : ", localValue]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Combobox.Combobox, _objectSpread(_objectSpread({}, args), {}, {
-      value: localValue,
-      onSelect: function onSelect(v) {
-        var _args$onSelect;
-        setLocalValue(v);
-        (_args$onSelect = args.onSelect) === null || _args$onSelect === void 0 || _args$onSelect.call(args, v);
-      },
-      onChange: function onChange(v) {
-        var _args$onChange;
-        setSearch(v);
-        (_args$onChange = args.onChange) === null || _args$onChange === void 0 || _args$onChange.call(args, v);
-      },
-      options: options,
-      labelRenderer: LabelRenderer,
-      optionRenderer: LabelRenderer
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      onClick: function onClick() {
-        return setLocalValue('4');
-      },
-      children: "S\xE9lectionner paris"
-    })]
-  });
+export const Default = {
+    render: (args) => _jsx(Template, { ...args }),
+    args: {
+        value: '1',
+        options: [
+            { id: '1', value: 'Option 1', label: _jsx("strong", { children: "Option 1" }) },
+            { id: '2', value: 'Option 2', label: 'Option 2' },
+            { id: '3', value: 'Option 3', label: 'Option 3' },
+            { id: 'paris', value: 'Paris', label: 'Paris' },
+            { id: 'toulouse', value: 'Toulouse', label: 'Toulouse' },
+        ],
+    },
 };
-var Default = exports.Default = {
-  render: function render(args) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Template, _objectSpread({}, args));
-  },
-  args: {
-    value: '1',
-    options: [{
-      id: '1',
-      value: 'Option 1',
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-        children: "Option 1"
-      })
-    }, {
-      id: '2',
-      value: 'Option 2',
-      label: 'Option 2'
-    }, {
-      id: '3',
-      value: 'Option 3',
-      label: 'Option 3'
-    }, {
-      id: 'paris',
-      value: 'Paris',
-      label: 'Paris'
-    }, {
-      id: 'toulouse',
-      value: 'Toulouse',
-      label: 'Toulouse'
-    }]
-  }
+export const Editable = {
+    ...Default,
+    args: {
+        ...Default.parameters,
+        editable: true,
+    },
 };
-var Editable = exports.Editable = _objectSpread(_objectSpread({}, Default), {}, {
-  args: _objectSpread(_objectSpread({}, Default.parameters), {}, {
-    editable: true
-  })
-});
+//# sourceMappingURL=Combobox.stories.js.map