@inseefr/lunatic 3.0.0-rc.10 → 3.0.0-rc.12

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

@@ -1,208 +0,0 @@
-"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:
-        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;
-    }
-  };
-  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
-    })]
-  });
-}
-function getIndexFromOptions(options, value, getOptionValue) {
-  if (!Array.isArray(options)) {
-    return undefined;
-  }
-  return options.map(getOptionValue).findIndex(function (v) {
-    return 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;
-}
-var Combobox = exports.Combobox = (0, _slottableComponent.slottableComponent)('Combobox', LunaticComboBox);

package/lib/components/shared/Combobox/Combobox.scss

@@ -1,206 +0,0 @@
-@mixin preventSelect() {
-	-moz-user-select: -moz-none;
-	-khtml-user-select: none;
-	-webkit-user-select: none;
-}
-
-@mixin placeholder {
-	color: gray;
-	@include defaultFont();
-	font-size: 15px;
-	line-height: 34px;
-	vertical-align: middle;
-	font-weight: normal;
-}
-
-@mixin defaultFont {
-	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-}
-
-@mixin selection() {
-	@include defaultFont();
-}
-
-.lunatic-combo-box-container {
-	position: relative;
-	width: 100%;
-
-	&.default-style {
-		--color-combo-box-selected: Cornsilk;
-		--color-primary-dark: DarkGreen;
-		--color-primary-main: FloralWhite;
-		--color-combo-box-background: snow;
-		--color-disabled: Gainsboro;
-		--color-primary-light: GreenYellow;
-
-		margin-bottom: 10px;
-		.lunatic-combo-box {
-			min-height: 30px;
-			min-width: 260px;
-			width: 100%;
-			.lunatic-combo-box-content {
-				.lunatic-combo-box-selection {
-					border-radius: 5px;
-					border: 2px solid var(--color-primary-dark);
-					background-color: var(--color-combo-box-background);
-					&:hover {
-						border-color: var(--color-primary-main);
-					}
-					.lunatic-combo-box-input {
-						height: 34px;
-						line-height: 34px;
-						font-size: 15px;
-						padding-left: 4px;
-						@include selection();
-
-						&::placeholder {
-							@include placeholder();
-						}
-					}
-
-					.lunatic-combo-box-selected {
-						height: 42px;
-						line-height: 34px;
-						background-color: var(--color-combo-box-background);
-						border-radius: 5px;
-						padding-left: 4px;
-						@include selection();
-						outline: none;
-						overflow-y: hidden;
-						display: block;
-						@include placeholder();
-
-						.selection {
-							display: inline-block;
-							line-height: 34px;
-							font-size: 15px;
-						}
-
-						&.disabled {
-							background-color: var(--color-disabled);
-						}
-					}
-				}
-
-				.lunatic-combo-box-panel {
-					@include defaultFont();
-					height: 0;
-					opacity: 0;
-					background-color: var(--color-combo-box-background);
-					transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
-						transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
-					&.expanded {
-						border: solid 1px var(--color-primary-light);
-						opacity: 1;
-						min-height: 30px;
-						height: max-content;
-						box-shadow: 0 2px 2px grey;
-						border-radius: 4px;
-					}
-					.lunatic-combo-box-option {
-						text-overflow: ellipsis;
-						white-space: nowrap;
-						overflow: hidden;
-						margin-bottom: 0.1em;
-						line-height: 2rem;
-						display: block;
-
-						&.selected {
-							color: var(--color-primary-dark);
-							background-color: var(--color-combo-box-selected);
-						}
-						&:hover {
-							background-color: var(--color-primary-main);
-							color: var(--color-combo-box-background);
-						}
-					}
-				}
-			}
-		}
-	}
-
-	.lunatic-combo-box-fab {
-		position: absolute;
-		right: 4px;
-		top: 8px;
-		z-index: 0;
-		&.focused {
-			z-index: 1;
-		}
-
-		.lunatic-icon {
-			svg {
-				fill: white;
-				width: 16px;
-				height: 16px;
-				margin: auto;
-			}
-		}
-	}
-
-	.lunatic-combo-box {
-		position: relative;
-		z-index: 0;
-
-		&:focus {
-			outline: none;
-		}
-
-		&.focused {
-			z-index: 1;
-		}
-
-		.lunatic-combo-box-content {
-			position: absolute;
-			width: 100%;
-
-			.lunatic-combo-box-selection {
-				position: relative;
-				.lunatic-combo-box-input {
-					border: none;
-					margin: 0;
-					padding: 0;
-					background-color: transparent;
-					&:focus {
-						outline: none;
-					}
-
-					width: 100%;
-				}
-
-				.lunatic-combo-box-selected {
-					// position: absolute;
-					top: 0;
-					white-space: nowrap;
-					overflow-x: hidden;
-					width: 100%;
-					display: none;
-					&.displayed {
-						display: block;
-					}
-				}
-			}
-
-			ul,
-			li,
-			div,
-			span {
-				margin: 0;
-				padding: 0;
-				border: none;
-				list-style: none;
-			}
-
-			.lunatic-combo-box-panel {
-				&:focus {
-					outline: none;
-				}
-				.lunatic-combo-box-option {
-					white-space: nowrap;
-					@include preventSelect();
-				}
-			}
-		}
-	}
-}

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

@@ -1,109 +0,0 @@
-"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
-};
-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
-  });
-};
-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"
-    })]
-  });
-};
-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'
-    }]
-  }
-};
-var Editable = exports.Editable = _objectSpread(_objectSpread({}, Default), {}, {
-  args: _objectSpread(_objectSpread({}, Default.parameters), {}, {
-    editable: true
-  })
-});

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

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ComboboxContainer = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _slottableComponent = require("../HOC/slottableComponent");
-var _ComponentErrors = require("../ComponentErrors/ComponentErrors");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxContainer = exports.ComboboxContainer = (0, _slottableComponent.slottableComponent)('ComboboxContainer', function (_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    classNamePrefix = _ref.classNamePrefix,
-    id = _ref.id,
-    _ref$classStyle = _ref.classStyle,
-    classStyle = _ref$classStyle === void 0 ? 'default-style' : _ref$classStyle,
-    errors = _ref.errors;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    id: "".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-combo-box-container-").concat(id),
-    className: (0, _classnames["default"])(className, "".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-combo-box-container"), "".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-suggester-").concat(classStyle), "lunatic-suggester-default-style", classStyle),
-    children: [children, errors && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComponentErrors.ComponentErrors, {
-      errors: errors
-    })]
-  });
-});

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

@@ -1,43 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _ComboboxContainer = require("./ComboboxContainer");
-var _vitest = require("vitest");
-var _jsxRuntime = require("react/jsx-runtime");
-(0, _vitest.describe)('ComboBoxContainer', function () {
-  (0, _vitest.it)('renders with default styles when no classStyle prop is provided', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxContainer.ComboboxContainer, {
-        id: "test-id",
-        children: "Content"
-      })),
-      container = _render.container;
-    (0, _vitest.expect)(container.firstChild).toHaveClass('default-style');
-  });
-  (0, _vitest.it)('renders with additional styles when classStyle prop is provided', function () {
-    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxContainer.ComboboxContainer, {
-        id: "test-id",
-        classStyle: "custom-style",
-        children: "Content"
-      })),
-      container = _render2.container;
-    (0, _vitest.expect)(container.firstChild).toHaveClass('lunatic-combo-box-container');
-    (0, _vitest.expect)(container.firstChild).toHaveClass('custom-style');
-  });
-  (0, _vitest.it)('renders children inside the component', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxContainer.ComboboxContainer, {
-        id: "test-id",
-        children: "Content"
-      })),
-      getByText = _render3.getByText;
-    (0, _vitest.expect)(getByText('Content')).toBeInTheDocument();
-  });
-  (0, _vitest.it)('passes className prop to the component', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxContainer.ComboboxContainer, {
-        id: "test-id",
-        className: "test-class",
-        children: "Content"
-      })),
-      container = _render4.container;
-    (0, _vitest.expect)(container.firstChild).toHaveClass('test-class');
-  });
-});

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

@@ -1,62 +0,0 @@
-"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.ComboboxContent = ComboboxContent;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("./constants");
-var _ComboboxContentBox = require("./ComboboxContentBox");
-var _useDocumentEvent = _interopRequireDefault(require("../../../hooks/useDocumentEvent"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ComboboxContent(_ref) {
-  var children = _ref.children,
-    focused = _ref.focused,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    classNamePrefix = _ref.classNamePrefix;
-  var ref = (0, _react.useRef)(null);
-  var onClick = (0, _react.useCallback)(function (e) {
-    var _ref$current;
-    if (!((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e.target)) && onBlur) {
-      onBlur();
-    }
-  }, [ref, onBlur]);
-  (0, _useDocumentEvent["default"])('mousedown', onClick);
-  var handleKeyDown = (0, _react.useCallback)(function (e) {
-    var _ref$current2;
-    var key = e.key;
-    e.stopPropagation();
-    switch (key) {
-      case _constants.KEYBOARD_KEY_CODES.Escape:
-      case _constants.KEYBOARD_KEY_CODES.Enter:
-      case _constants.KEYBOARD_KEY_CODES.Tab:
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.focus();
-        break;
-      default:
-      // e.preventDefault();
-    }
-    onKeyDown(key);
-  }, [onKeyDown]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxContentBox.ComboboxContentBox, {
-    classNamePrefix: classNamePrefix,
-    focused: focused,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])("".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-combo-box-content"), {
-        focused: focused
-      }),
-      ref: ref,
-      tabIndex: 0,
-      onFocus: onFocus,
-      onClick: onFocus,
-      onKeyDown: handleKeyDown,
-      children: children
-    })
-  });
-}

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

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ComboboxContentBox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _slottableComponent = require("../HOC/slottableComponent");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ComboboxContentBox = exports.ComboboxContentBox = (0, _slottableComponent.slottableComponent)('ComboboxContentBox', function (_ref) {
-  var children = _ref.children,
-    classNamePrefix = _ref.classNamePrefix,
-    focused = _ref.focused;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])("".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-combo-box"), {
-      focused: focused
-    }),
-    children: children
-  });
-});

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});