@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-enabling.20261013152718

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,38 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconDeleteColor from "../../modules/icons/components/IconDeleteColor.js";
-import SvgIconInfoCircle from "../../modules/icons/components/IconInfoCircle.js";
-import { DefaultPalette, AccessiblePalette } from "./ColorPalette.js";
-import ColorPickerItem from "./ColorPickerItem.js";
-import Tooltip from "../Tooltip/Tooltip.js";
-const ColorPicker = /* @__PURE__ */ forwardRef(({
-  palettes = [DefaultPalette, AccessiblePalette],
-  model = "#4A4A4A",
-  onSuccess,
-  ...restProps
-}, ref) => {
-  const {
-    t
-  } = useTranslation(), handleClick = (item) => {
-    item && (onSuccess == null || onSuccess(item));
-  };
-  return /* @__PURE__ */ jsx("div", { ref, ...restProps, children: palettes.map((palette, paletteIdx) => /* @__PURE__ */ jsxs("div", { className: clsx("color-picker mx-8", palette.className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "color-picker-label small mt-4 mb-8", children: [
-      t(palette.label),
-      palette.tooltip && /* @__PURE__ */ jsx(Tooltip, { message: "", placement: "auto", ...palette.tooltip, children: /* @__PURE__ */ jsx(SvgIconInfoCircle, { width: 18, height: 18, className: "mx-4 position-relative", style: {
-        top: "4px"
-      } }) })
-    ] }),
-    // Show/hide the reset option
-    palette.reset && /* @__PURE__ */ jsxs("button", { type: "button", className: "color-picker-reset small my-8 gap-4", onClick: () => handleClick(palette.reset), children: [
-      /* @__PURE__ */ jsx(SvgIconDeleteColor, { width: 20, height: 20 }),
-      palette.reset.description
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "color-picker-palette d-flex gap-2 justify-content-between", children: palette.colors.map((hues, hueIndex) => /* @__PURE__ */ jsx("div", { className: "color-picker-hue d-flex gap-2 justify-content-between flex-column ", children: hues.map((color) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": color.description, className: "color-picker-hue-color", onClick: () => handleClick(color), children: /* @__PURE__ */ jsx(ColorPickerItem, { ...restProps, model: color, selected: model === color.value }) }, color.value)) }, hueIndex)) })
-  ] }, paletteIdx)) });
-});
-export {
-  ColorPicker as default
-};
+import SvgIconDeleteColor from"../../modules/icons/components/IconDeleteColor.js";import SvgIconInfoCircle from"../../modules/icons/components/IconInfoCircle.js";import Tooltip from"../Tooltip/Tooltip.js";import{AccessiblePalette,DefaultPalette}from"./ColorPalette.js";import ColorPickerItem from"./ColorPickerItem.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ColorPicker=forwardRef(({palettes=[DefaultPalette,AccessiblePalette],model=`#4A4A4A`,onSuccess,...restProps},ref)=>{let{t}=useTranslation(),handleClick=item=>{item&&onSuccess?.(item)};return jsx(`div`,{ref,...restProps,children:palettes.map((palette,paletteIdx)=>jsxs(`div`,{className:clsx$1(`color-picker mx-8`,palette.className),children:[jsxs(`div`,{className:`color-picker-label small mt-4 mb-8`,children:[t(palette.label),palette.tooltip&&jsx(Tooltip,{message:``,placement:`auto`,...palette.tooltip,children:jsx(SvgIconInfoCircle,{width:18,height:18,className:`mx-4 position-relative`,style:{top:`4px`}})})]}),palette.reset&&jsxs(`button`,{type:`button`,className:`color-picker-reset small my-8 gap-4`,onClick:()=>handleClick(palette.reset),children:[jsx(SvgIconDeleteColor,{width:20,height:20}),palette.reset.description]}),jsx(`div`,{className:`color-picker-palette d-flex gap-2 justify-content-between`,children:palette.colors.map((hues,hueIndex)=>jsx(`div`,{className:`color-picker-hue d-flex gap-2 justify-content-between flex-column `,children:hues.map(color=>jsx(`button`,{type:`button`,"aria-label":color.description,className:`color-picker-hue-color`,onClick:()=>handleClick(color),children:jsx(ColorPickerItem,{...restProps,model:color,selected:model===color.value})},color.value))},hueIndex))})]},paletteIdx))})});export{ColorPicker as default};

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -1,13 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import SvgIconDeleteColor from "../../modules/icons/components/IconDeleteColor.js";
-const ColorPickerItem = ({
-  model,
-  selected,
-  className
-}) => model.isReset ? /* @__PURE__ */ jsx(SvgIconDeleteColor, {}) : /* @__PURE__ */ jsx("div", { "aria-label": model.description, className: clsx("color-picker-hue-color-item rounded-1", className, model.hue === "light" ? "light" : "dark", selected && "selected"), style: {
-  backgroundColor: model.value
-} });
-export {
-  ColorPickerItem as default
-};
+import SvgIconDeleteColor from"../../modules/icons/components/IconDeleteColor.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var ColorPickerItem=({model,selected,className})=>model.isReset?jsx(SvgIconDeleteColor,{}):jsx(`div`,{"aria-label":model.description,className:clsx$1(`color-picker-hue-color-item rounded-1`,className,model.hue===`light`?`light`:`dark`,selected&&`selected`),style:{backgroundColor:model.value}});export{ColorPickerItem as default};

package/dist/components/Combobox/Combobox.js

@@ -1,61 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState, useEffect, useImperativeHandle, Fragment } from "react";
-import { useTranslation } from "react-i18next";
-import ComboboxTrigger from "./ComboboxTrigger.js";
-import Dropdown from "../Dropdown/Dropdown.js";
-import Loading from "../Loading/Loading.js";
-const ComboboxComponent = /* @__PURE__ */ forwardRef(({
-  onFocus,
-  onBlur,
-  onSearchResultsChange,
-  onSearchInputChange,
-  onSearchInputKeyUp,
-  options,
-  value,
-  isLoading,
-  noResult,
-  searchMinLength,
-  placeholder,
-  variant = "outline",
-  renderInputGroup,
-  renderList,
-  renderListItem,
-  renderSelectedItems,
-  renderNoResult
-}, ref) => {
-  const {
-    t
-  } = useTranslation(), inputRef = useRef(null), [localValue, setLocalValue] = useState([]);
-  useEffect(() => {
-    onSearchResultsChange == null || onSearchResultsChange(localValue);
-  }, [localValue]);
-  const focusInput = () => {
-    var _a;
-    (_a = inputRef.current) == null || _a.focus();
-  }, handleOptionClick = (value2) => {
-    setLocalValue([value2]), focusInput();
-  };
-  useImperativeHandle(ref, () => ({
-    focus: focusInput
-  }));
-  const renderContent = () => isLoading ? /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center p-4", children: [
-    /* @__PURE__ */ jsx(Loading, { isLoading }),
-    /* @__PURE__ */ jsx("span", { className: "ps-4", children: t("explorer.search.pending") })
-  ] }) : noResult ? renderNoResult || /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : renderList ? renderList(options) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), disabled: option.disabled, children: renderListItem ? renderListItem(option) : option.label }),
-    (option.withSeparator || option.withSeparator === void 0) && index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
-  ] }, index));
-  return /* @__PURE__ */ jsxs(Dropdown, { block: !0, focusOnVisible: !1, openOnSpace: !1, focusOnMouseEnter: !1, onToggle: (open) => {
-    !open && inputRef.current && (inputRef.current.value = "");
-  }, children: [
-    /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, handleSearchInputKeyUp: (event) => {
-      onSearchInputKeyUp == null || onSearchInputKeyUp(event);
-    }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
-  ] });
-}), Combobox = Object.assign(ComboboxComponent, {
-  Trigger: ComboboxTrigger
-});
-export {
-  Combobox as default
-};
+import Loading from"../Loading/Loading.js";import Dropdown from"../Dropdown/Dropdown.js";import ComboboxTrigger from"./ComboboxTrigger.js";import{Fragment,forwardRef,useEffect,useImperativeHandle,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ComboboxComponent=forwardRef(({onFocus,onBlur,onSearchResultsChange,onSearchInputChange,onSearchInputKeyUp,options,value,isLoading,noResult,searchMinLength,placeholder,variant=`outline`,renderInputGroup,renderList,renderListItem,renderSelectedItems,renderNoResult},ref)=>{let{t}=useTranslation(),inputRef=useRef(null),[localValue,setLocalValue]=useState([]);useEffect(()=>{onSearchResultsChange?.(localValue)},[localValue]);let focusInput=()=>{inputRef.current?.focus()},handleOptionClick=value=>{setLocalValue([value]),focusInput()};return useImperativeHandle(ref,()=>({focus:focusInput})),jsxs(Dropdown,{block:!0,focusOnVisible:!1,openOnSpace:!1,focusOnMouseEnter:!1,onToggle:open=>{!open&&inputRef.current&&(inputRef.current.value=``)},children:[jsx(Combobox.Trigger,{placeholder,searchMinLength,handleSearchInputChange:onSearchInputChange,handleSearchInputKeyUp:event=>{onSearchInputKeyUp?.(event)},value,variant,renderInputGroup,renderSelectedItems,hasDefault:!!options.length,onFocus,onBlur,inputRef}),jsx(Dropdown.Menu,{"data-testid":`combobox-search-menu`,children:isLoading?jsxs(`div`,{className:`d-flex align-items-center p-4`,children:[jsx(Loading,{isLoading}),jsx(`span`,{className:`ps-4`,children:t(`explorer.search.pending`)})]}):noResult?renderNoResult||jsx(`div`,{className:`p-4`,children:t(`portal.no.result`)}):renderList?renderList(options):options.map((option,index)=>jsxs(Fragment,{children:[jsx(Dropdown.Item,{type:`select`,icon:option.icon,onClick:()=>handleOptionClick(option.value),disabled:option.disabled,children:renderListItem?renderListItem(option):option.label}),(option.withSeparator||option.withSeparator===void 0)&&index<options.length-1&&jsx(Dropdown.Separator,{})]},index))})]})}),Combobox=Object.assign(ComboboxComponent,{Trigger:ComboboxTrigger});export{Combobox as default};

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1,57 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import clsx from "clsx";
-import { useDropdownContext } from "../Dropdown/DropdownContext.js";
-import Input from "../Input/Input.js";
-import FormControl from "../Form/FormControl.js";
-const ComboboxTrigger = ({
-  placeholder,
-  value = "",
-  searchMinLength = 3,
-  onFocus,
-  onBlur,
-  handleSearchInputChange,
-  handleSearchInputKeyUp,
-  renderInputGroup,
-  variant = "outline",
-  renderSelectedItems,
-  hasDefault,
-  inputRef
-}) => {
-  const {
-    triggerProps,
-    itemProps,
-    setVisible
-  } = useDropdownContext(), containerProps = {
-    ...triggerProps,
-    className: clsx("d-flex combobox-trigger", renderInputGroup ? "input-group flex-nowrap align-items-start" : "flex-wrap align-items-center", triggerProps.className),
-    onClick: (event) => {
-      event.stopPropagation();
-    }
-  }, inputProps = {
-    role: "combobox",
-    onChange: (event) => {
-      handleSearchInputChange(event), setVisible(event.target.value.length >= searchMinLength);
-    },
-    onClick: (event) => {
-      const input = event.target;
-      setVisible(input.value.length >= searchMinLength || hasDefault), input.focus();
-    },
-    onKeyUp: (event) => {
-      handleSearchInputKeyUp == null || handleSearchInputKeyUp(event);
-    },
-    ref: inputRef
-  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? "flex-fill w-auto " : "");
-  return useEffect(() => {
-    setVisible(value.length >= searchMinLength);
-  }, [value, searchMinLength]), /* @__PURE__ */ jsxs(FormControl, { id: "search", ...containerProps, children: [
-    !!renderInputGroup && /* @__PURE__ */ jsx("label", { className: "input-group-text pe-0" + classNameVariant, htmlFor: triggerProps.id, children: renderInputGroup }),
-    /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
-      renderSelectedItems,
-      /* @__PURE__ */ jsx(Input, { "data-testid": "combobox-search-input", ...inputProps, className: classNameInput, onFocus, onBlur, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
-    ] })
-  ] });
-};
-export {
-  ComboboxTrigger as default
-};
+import{useDropdownContext}from"../Dropdown/DropdownContext.js";import Input from"../Input/Input.js";import FormControl from"../Form/FormControl.js";import clsx$1 from"clsx";import{useEffect}from"react";import{jsx,jsxs}from"react/jsx-runtime";var ComboboxTrigger=({placeholder,value=``,searchMinLength=3,onFocus,onBlur,handleSearchInputChange,handleSearchInputKeyUp,renderInputGroup,variant=`outline`,renderSelectedItems,hasDefault,inputRef})=>{let{triggerProps,itemProps,setVisible}=useDropdownContext(),containerProps={...triggerProps,className:clsx$1(`d-flex combobox-trigger`,renderInputGroup?`input-group flex-nowrap align-items-start`:`flex-wrap align-items-center`,triggerProps.className),onClick:event=>{event.stopPropagation()}},inputProps={role:`combobox`,onChange:event=>{handleSearchInputChange(event),setVisible(event.target.value.length>=searchMinLength)},onClick:event=>{let input=event.target;setVisible(input.value.length>=searchMinLength||hasDefault),input.focus()},onKeyUp:event=>{handleSearchInputKeyUp?.(event)},ref:inputRef},classNameVariant=variant===`ghost`?` border-0`:``,classNameInput=clsx$1(classNameVariant,renderSelectedItems?`flex-fill w-auto `:``);return useEffect(()=>{setVisible(value.length>=searchMinLength)},[value,searchMinLength]),jsxs(FormControl,{id:`search`,...containerProps,children:[!!renderInputGroup&&jsx(`label`,{className:`input-group-text pe-0`+classNameVariant,htmlFor:triggerProps.id,children:renderInputGroup}),jsxs(`div`,{className:`d-flex align-items-center flex-wrap flex-fill`,children:[renderSelectedItems,jsx(Input,{"data-testid":`combobox-search-input`,...inputProps,className:classNameInput,onFocus,onBlur,noValidationIcon:!0,placeholder,size:`md`,type:`search`,onKeyDown:itemProps.onMenuItemKeyDown})]})]})};export{ComboboxTrigger as default};

package/dist/components/DatePicker/DatePicker.js

@@ -1,40 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { DatePicker as DatePicker$1 } from "antd";
-import dayjs from "dayjs";
-import localeData from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/localeData.js";
-import weekday from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/weekday.js";
-import { forwardRef } from "react";
-import "dayjs/locale/de.js";
-import "dayjs/locale/es.js";
-import "dayjs/locale/fr.js";
-import "dayjs/locale/it.js";
-import "dayjs/locale/pt.js";
-dayjs.extend(weekday);
-dayjs.extend(localeData);
-const DatePicker = /* @__PURE__ */ forwardRef(({
-  value,
-  onChange,
-  dateFormat = "DD / MM / YYYY",
-  minDate,
-  maxDate,
-  disabled,
-  ...htmlProps
-}, ref) => {
-  const handleChange = (date) => {
-    onChange == null || onChange(date ? date.toDate() : void 0);
-  }, antProps = {
-    value: value ? dayjs(value) : void 0,
-    onChange: handleChange,
-    format: dateFormat,
-    minDate: minDate ? dayjs(minDate) : void 0,
-    maxDate: maxDate ? dayjs(maxDate) : void 0,
-    disabled,
-    ref,
-    // Cast necessary because AntDatePicker expects a specific type, but our API exposes only HTMLElement to avoid dependency on Ant Design-specific features.
-    ...htmlProps
-  };
-  return /* @__PURE__ */ jsx(DatePicker$1, { ...antProps, getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body });
-});
-export {
-  DatePicker as default
-};
+import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";import dayjs from"dayjs";import"dayjs/locale/de.js";import"dayjs/locale/es.js";import"dayjs/locale/fr.js";import"dayjs/locale/it.js";import"dayjs/locale/pt.js";import{DatePicker}from"antd";import localeData from"dayjs/plugin/localeData";import weekday from"dayjs/plugin/weekday";dayjs.extend(weekday),dayjs.extend(localeData);var DatePicker$1=forwardRef(({value,onChange,dateFormat=`DD / MM / YYYY`,minDate,maxDate,disabled,...htmlProps},ref)=>{let antProps={value:value?dayjs(value):void 0,onChange:date=>{onChange?.(date?date.toDate():void 0)},format:dateFormat,minDate:minDate?dayjs(minDate):void 0,maxDate:maxDate?dayjs(maxDate):void 0,disabled,ref,...htmlProps},setPopupContainer=triggerNode=>triggerNode.parentElement||document.body;return jsx(DatePicker,{...antProps,getPopupContainer:setPopupContainer})});export{DatePicker$1 as default};

package/dist/components/Divider/Divider.js

@@ -1,11 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { Divider as Divider$1 } from "antd";
-const Divider = ({
-  children,
-  vertical = !1,
-  className = "border-gray-500",
-  style
-}) => /* @__PURE__ */ jsx(Divider$1, { plain: !0, children, type: vertical ? "vertical" : "horizontal", className, orientation: "center", style });
-export {
-  Divider as default
-};
+import{jsx}from"react/jsx-runtime";import{Divider}from"antd";var Divider$1=({children,vertical=!1,className=`border-gray-500`,style})=>jsx(Divider,{plain:!0,children,type:vertical?`vertical`:`horizontal`,className,orientation:`center`,style});export{Divider$1 as default};

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
 import { default as DropdownCheckboxItem } from './DropdownCheckboxItem';
+import { DropdownVirtualizedMenu } from './DropdownVirtualizedMenu';
 export interface DropdownApi {
     visible: boolean;
     isFocused: string | null;
@@ -80,6 +81,7 @@ export type DropdownMenuOptions = {
 declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<DropdownApi>> & {
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    VirtualizedMenu: typeof DropdownVirtualizedMenu;
     Item: {
         ({ type, icon, onClick, children, className, minWidth, disabled, searchValue, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/components/Dropdown/Dropdown.js

@@ -1,96 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useMemo, useEffect } from "react";
-import clsx from "clsx";
-import useDropdown from "../../hooks/useDropdown/useDropdown.js";
-import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
-import { DropdownContext } from "./DropdownContext.js";
-import DropdownItem from "./DropdownItem.js";
-import DropdownMenu from "./DropdownMenu.js";
-import DropdownMenuGroup from "./DropdownMenuGroup.js";
-import DropdownRadioItem from "./DropdownRadioItem.js";
-import DropdownSearchInput from "./DropdownSearchInput.js";
-import DropdownSeparator from "./DropdownSeparator.js";
-import DropdownTrigger from "./DropdownTrigger.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  children,
-  block,
-  overflow = !0,
-  noWrap,
-  placement = "bottom-start",
-  extraTriggerKeyDownHandler,
-  onToggle,
-  isTriggerHovered = !1,
-  focusOnVisible = !0,
-  openOnSpace = !0,
-  focusOnMouseEnter = !0
-}, refDropdown) => {
-  const [searchQuery, setSearchQuery] = useState(""), [hasMatches, setHasMatches] = useState(!0), matchMapRef = useRef(/* @__PURE__ */ new Map()), reportMatch = useCallback((id, isMatch) => {
-    matchMapRef.current.set(id, isMatch);
-    const next = [...matchMapRef.current.values()].some(Boolean);
-    setHasMatches((prev) => prev !== next ? next : prev);
-  }, []), unregisterMatch = useCallback((id) => {
-    matchMapRef.current.delete(id);
-    const next = matchMapRef.current.size === 0 || [...matchMapRef.current.values()].some(Boolean);
-    setHasMatches((prev) => prev !== next ? next : prev);
-  }, []), {
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    setVisible,
-    menuRef,
-    triggerRef,
-    closeDropdown,
-    openDropdown
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter);
-  useImperativeHandle(refDropdown, () => ({
-    visible,
-    setVisible,
-    isFocused,
-    menuRef,
-    triggerRef,
-    closeDropdown,
-    openDropdown
-  }));
-  const ref = useClickOutside(() => {
-    setVisible(!1);
-  }), value = useMemo(() => ({
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    block,
-    setVisible,
-    openDropdown,
-    closeDropdown,
-    searchQuery,
-    setSearchQuery,
-    hasMatches,
-    reportMatch,
-    unregisterMatch
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown, searchQuery, hasMatches, reportMatch, unregisterMatch]), dropdown = clsx("dropdown", {
-    "w-100": block,
-    "dropdown-nowrap": noWrap,
-    overflow
-  });
-  return useEffect(() => {
-    onToggle == null || onToggle(visible), visible || setSearchQuery("");
-  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = Object.assign(Root, {
-  Trigger: DropdownTrigger,
-  Menu: DropdownMenu,
-  Item: DropdownItem,
-  Separator: DropdownSeparator,
-  CheckboxItem: DropdownCheckboxItem,
-  RadioItem: DropdownRadioItem,
-  MenuGroup: DropdownMenuGroup,
-  SearchInput: DropdownSearchInput
-});
-export {
-  Dropdown as default
-};
+import useClickOutside from"../../hooks/useClickOutside/useClickOutside.js";import useDropdown from"../../hooks/useDropdown/useDropdown.js";import{DropdownContext}from"./DropdownContext.js";import DropdownCheckboxItem from"./DropdownCheckboxItem.js";import DropdownItem from"./DropdownItem.js";import DropdownMenu from"./DropdownMenu.js";import DropdownMenuGroup from"./DropdownMenuGroup.js";import DropdownRadioItem from"./DropdownRadioItem.js";import DropdownSearchInput from"./DropdownSearchInput.js";import DropdownSeparator from"./DropdownSeparator.js";import DropdownTrigger from"./DropdownTrigger.js";import{DropdownVirtualizedMenu}from"./DropdownVirtualizedMenu.js";import clsx$1 from"clsx";import{forwardRef,useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{jsx}from"react/jsx-runtime";var Root=forwardRef(({children,block,overflow=!0,noWrap,placement=`bottom-start`,extraTriggerKeyDownHandler,onToggle,isTriggerHovered=!1,focusOnVisible=!0,openOnSpace=!0,focusOnMouseEnter=!0},refDropdown)=>{let[searchQuery,setSearchQuery]=useState(``),[hasMatches,setHasMatches]=useState(!0),matchMapRef=useRef(new Map),reportMatch=useCallback((id,isMatch)=>{matchMapRef.current.set(id,isMatch);let next=[...matchMapRef.current.values()].some(Boolean);setHasMatches(prev=>prev===next?prev:next)},[]),unregisterMatch=useCallback(id=>{matchMapRef.current.delete(id);let next=matchMapRef.current.size===0||[...matchMapRef.current.values()].some(Boolean);setHasMatches(prev=>prev===next?prev:next)},[]),{visible,isFocused,triggerProps,menuProps,itemProps,itemRefs,setVisible,menuRef,triggerRef,closeDropdown,openDropdown}=useDropdown(placement,extraTriggerKeyDownHandler,isTriggerHovered,focusOnVisible,openOnSpace,focusOnMouseEnter);useImperativeHandle(refDropdown,()=>({visible,setVisible,isFocused,menuRef,triggerRef,closeDropdown,openDropdown}));let ref=useClickOutside(()=>{setVisible(!1)}),value=useMemo(()=>({visible,isFocused,triggerProps,menuProps,itemProps,itemRefs,block,setVisible,openDropdown,closeDropdown,searchQuery,setSearchQuery,hasMatches,reportMatch,unregisterMatch}),[visible,isFocused,triggerProps,menuProps,itemProps,itemRefs,block,setVisible,openDropdown,closeDropdown,searchQuery,hasMatches,reportMatch,unregisterMatch]),dropdown=clsx$1(`dropdown`,{"w-100":block,"dropdown-nowrap":noWrap,overflow});return useEffect(()=>{onToggle?.(visible),visible||setSearchQuery(``)},[visible]),jsx(DropdownContext.Provider,{value,children:jsx(`div`,{ref,className:dropdown,children:typeof children==`function`?children(triggerProps,itemRefs,setVisible):children})})}),Dropdown=Object.assign(Root,{Trigger:DropdownTrigger,Menu:DropdownMenu,VirtualizedMenu:DropdownVirtualizedMenu,Item:DropdownItem,Separator:DropdownSeparator,CheckboxItem:DropdownCheckboxItem,RadioItem:DropdownRadioItem,MenuGroup:DropdownMenuGroup,SearchInput:DropdownSearchInput});export{Dropdown as default};

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1,39 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
-import DropdownItemHidden from "./DropdownItemHidden.js";
-import Checkbox from "../Checkbox/Checkbox.js";
-const DropdownCheckboxItem = ({
-  children,
-  value,
-  model,
-  onChange,
-  searchValue
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    id,
-    isFiltered
-  } = useDropdownItemFilter(searchValue), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter
-  } = itemProps, checked = model.includes(value), checkboxProps = {
-    value,
-    model,
-    checked,
-    readOnly: !0
-  }, dropdownCheckboxItem = clsx("dropdown-item c-pointer", {
-    focus: isFocused === id
-  }), content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    children,
-    /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps })
-  ] });
-  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { collapse: !0, children: content }) : /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemcheckbox", "aria-checked": checked, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: checked ? 0 : -1, className: dropdownCheckboxItem, children: content });
-};
-export {
-  DropdownCheckboxItem as default
-};
+import Checkbox from"../Checkbox/Checkbox.js";import{useDropdownContext}from"./DropdownContext.js";import{useDropdownItemFilter}from"./useDropdownItemFilter.js";import DropdownItemHidden from"./DropdownItemHidden.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var DropdownCheckboxItem=({children,value,model,onChange,searchValue})=>{let{itemProps,itemRefs,isFocused}=useDropdownContext(),{id,isFiltered}=useDropdownItemFilter(searchValue),{onMenuItemKeyDown,onMenuItemMouseEnter}=itemProps,checked=model.includes(value),checkboxProps={value,model,checked,readOnly:!0},dropdownCheckboxItem=clsx$1(`dropdown-item c-pointer`,{focus:isFocused===id}),content=jsxs(`div`,{className:`d-flex gap-8 align-items-center justify-content-between position-relative`,children:[children,jsx(Checkbox,{...checkboxProps})]});return isFiltered?jsx(DropdownItemHidden,{collapse:!0,children:content}):jsx(`div`,{id,ref:el=>itemRefs.current[id]=el,role:`menuitemcheckbox`,"aria-checked":checked,onMouseUp:()=>onChange(value),onKeyDown:event=>onMenuItemKeyDown(event,()=>onChange(value)),onMouseEnter:onMenuItemMouseEnter,tabIndex:checked?0:-1,className:dropdownCheckboxItem,children:content})};export{DropdownCheckboxItem as default};

package/dist/components/Dropdown/DropdownContext.js

@@ -1,11 +1 @@
-import { useContext, createContext } from "react";
-const DropdownContext = /* @__PURE__ */ createContext(null), useDropdownContext = () => {
-  const context = useContext(DropdownContext);
-  if (!context)
-    throw new Error("Cannot be rendered outside the Dropdown Component");
-  return context;
-};
-export {
-  DropdownContext,
-  useDropdownContext
-};
+import{createContext,useContext}from"react";var DropdownContext=createContext(null),useDropdownContext=()=>{let context=useContext(DropdownContext);if(!context)throw Error(`Cannot be rendered outside the Dropdown Component`);return context};export{DropdownContext,useDropdownContext};

package/dist/components/Dropdown/DropdownItem.js

@@ -1,46 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
-import DropdownItemHidden from "./DropdownItemHidden.js";
-const DropdownItem = ({
-  type = "action",
-  icon,
-  onClick,
-  children,
-  className,
-  minWidth,
-  disabled,
-  searchValue,
-  ...restProps
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    id,
-    isFiltered
-  } = useDropdownItemFilter(searchValue), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter,
-    onMenuItemClick
-  } = itemProps, handleOnClick = (event) => {
-    disabled || (onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation()));
-  }, dropdownItem = clsx("dropdown-item", {
-    focus: isFocused === id
-  }, {
-    "text-gray-600": disabled
-  }, className), style = {
-    ...minWidth && {
-      minWidth: `${minWidth}px`
-    }
-  }, content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center", children: [
-    icon,
-    children
-  ] });
-  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { children: content }) : /* @__PURE__ */ jsx("div", { id, role: "menuitem", style, ref: (el) => itemRefs.current[id] = el, tabIndex: isFocused === id ? 0 : -1, className: dropdownItem, "aria-current": isFocused === id, onClick: handleOnClick, onMouseEnter: onMenuItemMouseEnter, onKeyDown: (event) => onMenuItemKeyDown(event, onClick), ...restProps, children: content });
-};
-export {
-  DropdownItem as default
-};
+import{useDropdownContext}from"./DropdownContext.js";import{useDropdownItemFilter}from"./useDropdownItemFilter.js";import DropdownItemHidden from"./DropdownItemHidden.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var DropdownItem=({type=`action`,icon,onClick,children,className,minWidth,disabled,searchValue,...restProps})=>{let{itemProps,itemRefs,isFocused}=useDropdownContext(),{id,isFiltered}=useDropdownItemFilter(searchValue),{onMenuItemKeyDown,onMenuItemMouseEnter,onMenuItemClick}=itemProps,handleOnClick=event=>{disabled||(onClick?.(event),type===`action`&&(onMenuItemClick(),event.stopPropagation()))},dropdownItem=clsx$1(`dropdown-item`,{focus:isFocused===id},{"text-gray-600":disabled},className),style={...minWidth&&{minWidth:`${minWidth}px`}},content=jsxs(`div`,{className:`d-flex gap-8 align-items-center`,children:[icon,children]});return isFiltered?jsx(DropdownItemHidden,{children:content}):jsx(`div`,{id,role:`menuitem`,style,ref:el=>itemRefs.current[id]=el,tabIndex:isFocused===id?0:-1,className:dropdownItem,"aria-current":isFocused===id,onClick:handleOnClick,onMouseEnter:onMenuItemMouseEnter,onKeyDown:event=>onMenuItemKeyDown(event,onClick),...restProps,children:content})};export{DropdownItem as default};

package/dist/components/Dropdown/DropdownItemHidden.js

@@ -1,19 +1 @@
-import { jsx } from "react/jsx-runtime";
-const DropdownItemHidden = ({
-  children,
-  collapse
-}) => /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: collapse ? {
-  height: 0,
-  overflow: "hidden",
-  margin: 0,
-  pointerEvents: "none",
-  width: "100%",
-  maxWidth: "max-content"
-} : {
-  display: "none",
-  width: "100%",
-  maxWidth: "max-content"
-}, children });
-export {
-  DropdownItemHidden as default
-};
+import{jsx}from"react/jsx-runtime";var DropdownItemHidden=({children,collapse})=>jsx(`div`,{"aria-hidden":`true`,style:collapse?{height:0,overflow:`hidden`,margin:0,pointerEvents:`none`,width:`100%`,maxWidth:`max-content`}:{display:`none`,width:`100%`,maxWidth:`max-content`},children});export{DropdownItemHidden as default};

package/dist/components/Dropdown/DropdownMenu.js

@@ -1,26 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-const DropdownMenu = /* @__PURE__ */ forwardRef(({
-  children,
-  block,
-  unstyled,
-  ...restProps
-}, forwardRef2) => {
-  const {
-    menuProps,
-    visible
-  } = useDropdownContext(), className = clsx({
-    "w-100": block,
-    "bg-white shadow rounded-4 p-8": !unstyled
-  }, menuProps.className, restProps.className), mergedProps = {
-    ...menuProps,
-    ...restProps,
-    className
-  };
-  return visible ? /* @__PURE__ */ jsx("div", { ref: forwardRef2, ...mergedProps, children }) : null;
-});
-export {
-  DropdownMenu as default
-};
+import{useDropdownContext}from"./DropdownContext.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var DropdownMenu=forwardRef(({children,block,unstyled,...restProps},forwardRef)=>{let{menuProps,visible}=useDropdownContext(),className=clsx$1({"w-100":block,"bg-white shadow rounded-4 p-8":!unstyled},menuProps.className,restProps.className),mergedProps={...menuProps,...restProps,className};return visible?jsx(`div`,{ref:forwardRef,...mergedProps,children}):null});export{DropdownMenu as default};

package/dist/components/Dropdown/DropdownMenuGroup.js

@@ -1,12 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const DropdownMenuGroup = /* @__PURE__ */ forwardRef(({
-  label,
-  children
-}, forwardRef2) => /* @__PURE__ */ jsxs("div", { ref: forwardRef2, role: "group", children: [
-  /* @__PURE__ */ jsx("span", { className: "small px-4", children: /* @__PURE__ */ jsx("strong", { children: label }) }),
-  children
-] }));
-export {
-  DropdownMenuGroup as default
-};
+import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var DropdownMenuGroup=forwardRef(({label,children},forwardRef)=>jsxs(`div`,{ref:forwardRef,role:`group`,children:[jsx(`span`,{className:`small px-4`,children:jsx(`strong`,{children:label})}),children]}));export{DropdownMenuGroup as default};

package/dist/components/Dropdown/DropdownRadioItem.js

@@ -1,39 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useDropdownContext } from "./DropdownContext.js";
-import { useDropdownItemFilter } from "./useDropdownItemFilter.js";
-import DropdownItemHidden from "./DropdownItemHidden.js";
-import Radio from "../Radio/Radio.js";
-const DropdownRadioItem = ({
-  children,
-  value,
-  model,
-  onChange,
-  searchValue
-}) => {
-  const {
-    itemProps,
-    itemRefs,
-    isFocused
-  } = useDropdownContext(), {
-    id,
-    isFiltered
-  } = useDropdownItemFilter(searchValue), {
-    onMenuItemKeyDown,
-    onMenuItemMouseEnter
-  } = itemProps, radioProps = {
-    value,
-    model,
-    checked: value === model,
-    readOnly: !0
-  }, dropdownRadioItem = clsx("dropdown-item c-pointer", {
-    focus: isFocused === id
-  }), content = /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8 align-items-center justify-content-between position-relative", children: [
-    children,
-    /* @__PURE__ */ jsx(Radio, { ...radioProps, className: "position-absolute start-0 end-0 top-0 bottom-0 opacity-0" })
-  ] });
-  return isFiltered ? /* @__PURE__ */ jsx(DropdownItemHidden, { children: content }) : /* @__PURE__ */ jsx("div", { id, ref: (el) => itemRefs.current[id] = el, role: "menuitemradio", "aria-checked": value === model, onMouseUp: () => onChange(value), onKeyDown: (event) => onMenuItemKeyDown(event, () => onChange(value)), onMouseEnter: onMenuItemMouseEnter, tabIndex: value === model ? 0 : -1, className: dropdownRadioItem, children: content });
-};
-export {
-  DropdownRadioItem as default
-};
+import Radio from"../Radio/Radio.js";import{useDropdownContext}from"./DropdownContext.js";import{useDropdownItemFilter}from"./useDropdownItemFilter.js";import DropdownItemHidden from"./DropdownItemHidden.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var DropdownRadioItem=({children,value,model,onChange,searchValue})=>{let{itemProps,itemRefs,isFocused}=useDropdownContext(),{id,isFiltered}=useDropdownItemFilter(searchValue),{onMenuItemKeyDown,onMenuItemMouseEnter}=itemProps,radioProps={value,model,checked:value===model,readOnly:!0},dropdownRadioItem=clsx$1(`dropdown-item c-pointer`,{focus:isFocused===id}),content=jsxs(`div`,{className:`d-flex gap-8 align-items-center justify-content-between position-relative`,children:[children,jsx(Radio,{...radioProps,className:`position-absolute start-0 end-0 top-0 bottom-0 opacity-0`})]});return isFiltered?jsx(DropdownItemHidden,{children:content}):jsx(`div`,{id,ref:el=>itemRefs.current[id]=el,role:`menuitemradio`,"aria-checked":value===model,onMouseUp:()=>onChange(value),onKeyDown:event=>onMenuItemKeyDown(event,()=>onChange(value)),onMouseEnter:onMenuItemMouseEnter,tabIndex:value===model?0:-1,className:dropdownRadioItem,children:content})};export{DropdownRadioItem as default};

package/dist/components/Dropdown/DropdownSearchInput.js

@@ -1,25 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useDropdownContext } from "./DropdownContext.js";
-import SearchBar from "../SearchBar/SearchBar.js";
-const DropdownSearchInput = ({
-  placeholder = "Rechercher...",
-  noResultsLabel = "Pas de résultat",
-  onSearch
-}) => {
-  const {
-    searchQuery,
-    setSearchQuery,
-    hasMatches
-  } = useDropdownContext();
-  return /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8", children: [
-    /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, clearable: !0, size: "md", placeholder, value: searchQuery, onChange: (e) => {
-      setSearchQuery(e.target.value), onSearch == null || onSearch(e.target.value);
-    }, onKeyDown: (e) => {
-      ["ArrowUp", "ArrowDown", "Enter", " "].includes(e.key) && e.stopPropagation();
-    } }),
-    searchQuery && !hasMatches && /* @__PURE__ */ jsx("p", { className: "body-2 text-gray-700 text-center mt-8 mb-0", children: noResultsLabel })
-  ] });
-};
-export {
-  DropdownSearchInput as default
-};
+import{useDropdownContext}from"./DropdownContext.js";import SearchBar from"../SearchBar/SearchBar.js";import{jsx,jsxs}from"react/jsx-runtime";var DropdownSearchInput=({placeholder=`Rechercher...`,noResultsLabel=`Pas de résultat`,onSearch})=>{let{searchQuery,setSearchQuery,hasMatches}=useDropdownContext();return jsxs(`div`,{className:`px-8 pb-8`,children:[jsx(SearchBar,{isVariant:!0,clearable:!0,size:`md`,placeholder,value:searchQuery,onChange:e=>{setSearchQuery(e.target.value),onSearch?.(e.target.value)},onKeyDown:e=>{[`ArrowUp`,`ArrowDown`,`Enter`,` `].includes(e.key)&&e.stopPropagation()}}),searchQuery&&!hasMatches&&jsx(`p`,{className:`body-2 text-gray-700 text-center mt-8 mb-0`,children:noResultsLabel})]})};export{DropdownSearchInput as default};

package/dist/components/Dropdown/DropdownSeparator.js

@@ -1,5 +1 @@
-import { jsx } from "react/jsx-runtime";
-const DropdownSeparator = () => /* @__PURE__ */ jsx("div", { role: "separator", className: "px-4", children: /* @__PURE__ */ jsx("hr", { className: "m-0" }) });
-export {
-  DropdownSeparator as default
-};
+import{jsx}from"react/jsx-runtime";var DropdownSeparator=()=>jsx(`div`,{role:`separator`,className:`px-4`,children:jsx(`hr`,{className:`m-0`})});export{DropdownSeparator as default};