@umodeapporg/ui 0.1.0

package/dist/components/Form/ControlledSelect.js

@@ -0,0 +1,545 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useCallback, useState, useEffect, useRef, useId } from "react";
+import classNames from "classnames";
+import { useTranslation } from "react-i18next";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { FixedSizeList } from "react-window";
+import { ControlledMenuItem, ControlledMenuRoot, ControlledMenuHandler, ControlledMenuList } from "../UI/ControlledMenu.js";
+import ControlledTooltip from "../UI/ControlledTooltip.js";
+import { capitalizeAllLetters, formatFilter } from "../../helpers/stringHelpers.js";
+import { uiLogger } from "../../helpers/uiLogger.js";
+import "./ControlledButton.js";
+import OutlinedChip from "../UI/Chips/OutlinedChip.js";
+import { MaterialSymbol } from "../UI/MaterialSymbol/index.js";
+import "date-fns";
+import "date-fns/locale";
+import "react-day-picker";
+import "tailwind-merge";
+import "../UI/ControlledPopover.js";
+import ControlledInput from "./ControlledInput.js";
+import "react-day-picker/style.css";
+import "../DateTime/DateRangePicker.js";
+import ControlledCheckbox from "./ControlledCheckbox.js";
+import NoDataFound from "../UI/NoDataFound/index.js";
+import "../Search/filters/FiltersButton.js";
+import "../../helpers/utilityHelpers.js";
+import "./ControlledDialog.js";
+import "motion/react";
+import "react-dom";
+import "../../motion/motionPresets.js";
+import "../../motion/motionTokens.js";
+import "react-router-dom";
+import UnifiedSearchBar from "../Search/UnifiedSearchBar.js";
+import LoadingSpinner from "../UI/LoadingSpinner.js";
+/* empty css                                 */
+const ITEM_HEIGHT = 40;
+const MAX_LIST_HEIGHT = 300;
+const OVERSCAN_COUNT = 10;
+const SEARCH_DEBOUNCE_MS = 300;
+const MAX_IN_FIELD_CHIPS = 2;
+const SEARCH_INPUT_MARKER_CLASS = "controlled-select-search-input";
+const SelectSearchSlot = ({ children }) => /* @__PURE__ */ jsx("div", { className: "px-1 py-0.5", onClick: (event) => event.stopPropagation(), children });
+function ControlledSelect({
+  label,
+  persistentLabel = false,
+  options: optionsProp,
+  selectedValue,
+  error = false,
+  multiple = false,
+  disabled = false,
+  searchable = true,
+  clearable = true,
+  className,
+  listClassName,
+  onChangeHook,
+  onClearSearch,
+  infiniteScroll = false,
+  fetchMoreOptions,
+  hasMoreOptions = false,
+  loading = false,
+  onOpen,
+  selectedItemsPosition = "bottom",
+  showSelectedItems = true,
+  inFieldChips = false,
+  preserveLabelCase = false,
+  swatchShape = "dot",
+  ariaLabel,
+  ariaRequired,
+  inputClassName,
+  matchTriggerWidth = false,
+  compact = false
+}) {
+  const { t } = useTranslation("ui");
+  const options = useMemo(() => Array.isArray(optionsProp) ? optionsProp : [], [optionsProp]);
+  const formatLabel = useCallback(
+    (value) => preserveLabelCase ? value ?? "" : capitalizeAllLetters(value),
+    [preserveLabelCase]
+  );
+  const normalizeSelected = useCallback(
+    (value) => {
+      if (multiple) {
+        if (typeof value === "string") {
+          return value === "" ? [] : [value];
+        }
+        if (Array.isArray(value)) {
+          if (value.length === 1 && value[0].includes(",") && !options.some((option) => option.value === value[0])) {
+            return value[0].split(",").map((item) => item.trim()).filter((item) => item !== "");
+          }
+          return value;
+        }
+        return [];
+      } else {
+        return typeof value === "string" ? value : "";
+      }
+    },
+    [multiple, options]
+  );
+  const [selected, setSelected] = useState(() => normalizeSelected(selectedValue));
+  useEffect(() => {
+    setSelected(normalizeSelected(selectedValue));
+  }, [selectedValue, normalizeSelected]);
+  const [filteredOptions, setFilteredOptions] = useState(options);
+  const [isOpen, setIsOpen] = useState(false);
+  const menuListRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [currentSearchText, setCurrentSearchText] = useState("");
+  const scrollableContainerId = useId();
+  const scrollableContainerRef = useRef(null);
+  const isLoadingMoreRef = useRef(false);
+  useEffect(() => {
+    if (!infiniteScroll && currentSearchText) {
+      setFilteredOptions(
+        options.filter(
+          (option) => [option.label, option.secondaryLabel].some((field) => formatFilter(String(field ?? ""), currentSearchText))
+        )
+      );
+      return;
+    }
+    setFilteredOptions(options);
+  }, [options]);
+  const requestPagedOptions = useCallback(
+    async (params) => {
+      if (!fetchMoreOptions) return;
+      try {
+        await fetchMoreOptions(params);
+      } catch (fetchError) {
+        uiLogger.error("Failed to fetch select options", fetchError);
+      }
+    },
+    [fetchMoreOptions]
+  );
+  const handleLoadMoreFromScroll = useCallback(async () => {
+    if (!infiniteScroll || !hasMoreOptions || isLoadingMoreRef.current) return;
+    isLoadingMoreRef.current = true;
+    try {
+      await requestPagedOptions({ search: currentSearchText, reset: false });
+    } finally {
+      isLoadingMoreRef.current = false;
+    }
+  }, [infiniteScroll, hasMoreOptions, requestPagedOptions, currentSearchText]);
+  const handleServerSearch = useCallback(
+    (searchText) => {
+      setCurrentSearchText(searchText);
+      if (!infiniteScroll) return;
+      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;
+      void requestPagedOptions({ search: searchText, reset: true });
+    },
+    [infiniteScroll, requestPagedOptions]
+  );
+  useEffect(() => {
+    if (isOpen || !infiniteScroll || currentSearchText === "") return;
+    setCurrentSearchText("");
+    void requestPagedOptions({ search: "", reset: true });
+  }, [isOpen]);
+  const handleSelect = useCallback(
+    (option, event) => {
+      if (multiple) {
+        event.stopPropagation();
+        event.preventDefault();
+        const currentSelection = selected;
+        if (currentSelection.includes(option)) {
+          const newSelection = currentSelection.filter((item) => item !== option);
+          setSelected(newSelection);
+          onChangeHook(newSelection);
+        } else {
+          const newSelection = [...currentSelection, option];
+          setSelected(newSelection);
+          onChangeHook(newSelection);
+        }
+      } else {
+        setSelected(option);
+        onChangeHook(option);
+        if (!infiniteScroll) {
+          setCurrentSearchText("");
+          setFilteredOptions(options);
+        }
+        setIsOpen(false);
+      }
+    },
+    [multiple, selected, onChangeHook, options, infiniteScroll]
+  );
+  const handleClearSelection = useCallback(() => {
+    if (multiple) {
+      setSelected([]);
+      onChangeHook([]);
+    } else {
+      setSelected("");
+      onChangeHook("");
+    }
+    if (!infiniteScroll) {
+      setCurrentSearchText("");
+      setFilteredOptions(options);
+    }
+    if (onClearSearch) {
+      onClearSearch();
+    }
+  }, [multiple, onChangeHook, onClearSearch, options, infiniteScroll]);
+  const getDisplayLabel = useCallback(() => {
+    if (multiple) {
+      const selectedArray = selected;
+      if (selectedArray.length === 0) {
+        return "";
+      } else if (selectedArray.length === 1) {
+        const foundOption = options.find((item) => item.value === selectedArray[0]);
+        return formatLabel(foundOption?.label || selectedArray[0]);
+      } else {
+        return `${selectedArray.length} itens selecionados`;
+      }
+    } else {
+      const foundOption = options.find((item) => item.value === selected);
+      return formatLabel(foundOption?.label || selected || label);
+    }
+  }, [multiple, selected, options, label, formatLabel]);
+  const renderOptionItem = useCallback(
+    (option, style) => {
+      const isSelected = multiple ? Array.isArray(selected) && selected.includes(option.value) : option.value === selected;
+      const isDisabledWithReason = Boolean(option.disabled && option.tooltip);
+      const menuItem = /* @__PURE__ */ jsxs(
+        ControlledMenuItem,
+        {
+          disabled: option.disabled,
+          onClick: (event) => handleSelect(option.value, event),
+          className: classNames("relative flex items-center p-2 pl-3 text-foreground", {
+            // The hover variant has to live inside the selected branch: the menu item's own
+            // default hover would otherwise wipe the selected tint.
+            "bg-brand-soft font-medium text-brand-emphasis hover:!bg-brand-soft focus:!bg-brand-soft": isSelected,
+            "hover:!bg-muted": !isSelected
+          }),
+          style: {
+            ...isDisabledWithReason ? {} : style,
+            height: ITEM_HEIGHT - 1
+          },
+          children: [
+            isSelected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-1 left-0 w-0.5 rounded-full bg-brand" }),
+            multiple && /* @__PURE__ */ jsx(ControlledCheckbox, { checked: isSelected, onChange: () => {
+            } }),
+            option.tooltip && !isDisabledWithReason && /* @__PURE__ */ jsx(ControlledTooltip, { content: option.tooltip, className: "w-full max-w-72", children: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "info", size: 15, color: "rgb(var(--color-foreground-subtle))", className: "mr-1" }) }),
+            option.swatch && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: classNames(
+                  "mr-2 size-3.5 shrink-0 border border-border",
+                  swatchShape === "square" ? "rounded" : "rounded-full"
+                ),
+                style: { backgroundColor: option.swatch }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: formatLabel(option.label) }),
+            option.secondaryLabel && /* @__PURE__ */ jsx("span", { className: "ml-auto max-w-[45%] shrink-0 truncate pl-3 text-xs text-foreground-faint", children: option.secondaryLabel })
+          ]
+        },
+        isDisabledWithReason ? void 0 : option.value
+      );
+      return isDisabledWithReason ? /* @__PURE__ */ jsx(ControlledTooltip, { content: option.tooltip, className: "z-[9999] max-w-72", children: /* @__PURE__ */ jsx("div", { style, children: menuItem }) }, option.value) : menuItem;
+    },
+    [multiple, selected, handleSelect, formatLabel]
+  );
+  const ItemRenderer = useCallback(
+    ({ index, style }) => {
+      const option = filteredOptions[index];
+      if (!option) return null;
+      return renderOptionItem(option, style);
+    },
+    [filteredOptions, renderOptionItem]
+  );
+  const listHeight = useMemo(
+    () => Math.min(filteredOptions.length * ITEM_HEIGHT, MAX_LIST_HEIGHT),
+    [filteredOptions.length]
+  );
+  const selectedSwatch = useMemo(
+    () => multiple ? void 0 : options.find((option) => option.value === selected)?.swatch,
+    [multiple, options, selected]
+  );
+  const selectedHasValue = multiple ? selected.length > 0 : selected !== "";
+  const hasEmptyValueOption = useMemo(
+    () => !multiple && options.some((option) => option.value === ""),
+    [multiple, options]
+  );
+  useEffect(() => {
+    const menuList = menuListRef.current;
+    const trigger = triggerRef.current;
+    if (!matchTriggerWidth || !isOpen || !menuList || !trigger) return void 0;
+    const applyTriggerWidth = () => {
+      menuList.style.width = `${trigger.getBoundingClientRect().width}px`;
+    };
+    applyTriggerWidth();
+    const resizeObserver = new ResizeObserver(applyTriggerWidth);
+    resizeObserver.observe(trigger);
+    return () => resizeObserver.disconnect();
+  }, [matchTriggerWidth, isOpen]);
+  useEffect(() => {
+    const menuList = menuListRef.current;
+    if (!isOpen || !searchable || !menuList) return void 0;
+    let isKeyboardInteraction = false;
+    let restoreFrame = 0;
+    const markKeyboardInteraction = () => {
+      isKeyboardInteraction = true;
+    };
+    const markPointerInteraction = () => {
+      isKeyboardInteraction = false;
+    };
+    const restoreSearchFocus = (event) => {
+      const searchInput = menuList.querySelector(`.${SEARCH_INPUT_MARKER_CLASS}`);
+      if (!searchInput || event.target !== searchInput || isKeyboardInteraction) return;
+      const nextFocused = event.relatedTarget;
+      if (nextFocused && !menuList.contains(nextFocused)) return;
+      restoreFrame = window.requestAnimationFrame(() => searchInput.focus({ preventScroll: true }));
+    };
+    menuList.addEventListener("keydown", markKeyboardInteraction, true);
+    menuList.addEventListener("pointermove", markPointerInteraction, true);
+    menuList.addEventListener("focusout", restoreSearchFocus);
+    return () => {
+      window.cancelAnimationFrame(restoreFrame);
+      menuList.removeEventListener("keydown", markKeyboardInteraction, true);
+      menuList.removeEventListener("pointermove", markPointerInteraction, true);
+      menuList.removeEventListener("focusout", restoreSearchFocus);
+    };
+  }, [isOpen, searchable]);
+  const handleClearSearch = useCallback(() => {
+    setCurrentSearchText("");
+    if (infiniteScroll) {
+      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;
+      void requestPagedOptions({ search: "", reset: true });
+    } else {
+      setFilteredOptions(options);
+    }
+    if (onClearSearch) {
+      onClearSearch();
+    }
+  }, [infiniteScroll, requestPagedOptions, onClearSearch, options]);
+  const getSelectedOptionsLabels = useCallback(() => {
+    if (!multiple || !selected || selected.length === 0) {
+      return [];
+    }
+    const selectedArray = selected;
+    return selectedArray.map((value) => {
+      const trimmedValue = value.trim();
+      const foundOption = options.find((option) => option.value === trimmedValue);
+      return {
+        value: trimmedValue,
+        label: foundOption?.label || trimmedValue,
+        swatch: foundOption?.swatch
+      };
+    });
+  }, [multiple, selected, options]);
+  const isLateralPosition = selectedItemsPosition === "left" || selectedItemsPosition === "right";
+  const inFieldChipItems = inFieldChips ? getSelectedOptionsLabels() : [];
+  const showInFieldChips = inFieldChips && multiple && inFieldChipItems.length > 0;
+  const visibleInFieldChips = inFieldChipItems.slice(0, MAX_IN_FIELD_CHIPS);
+  const inFieldOverflow = inFieldChipItems.length - visibleInFieldChips.length;
+  const inFieldChipsTooltip = inFieldChipItems.map((option) => formatLabel(option.label)).join(", ");
+  const selectedItemsChips = showSelectedItems && multiple && getSelectedOptionsLabels().length > 1 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: getSelectedOptionsLabels().map((option) => /* @__PURE__ */ jsx(
+    OutlinedChip,
+    {
+      label: option.label,
+      preserveLabelCase,
+      dot: Boolean(option.swatch),
+      dotColor: option.swatch,
+      className: classNames("bg-muted-active text-lg", { "px-4 py-1": isLateralPosition }),
+      labelClassName: isLateralPosition ? "text-sm" : void 0,
+      onClose: (event) => handleSelect(option.value, event),
+      canClose: true
+    },
+    option.value
+  )) });
+  const showClear = clearable && !disabled && Boolean(selected) && (multiple ? selected.length > 0 : selected !== "");
+  const cursorClassName = disabled ? "cursor-not-allowed" : "cursor-pointer";
+  return /* @__PURE__ */ jsxs(
+    ControlledMenuRoot,
+    {
+      placement: "bottom-start",
+      open: isOpen && !disabled,
+      handler: (next) => {
+        if (disabled) return;
+        setIsOpen(next);
+        if (next) onOpen?.();
+      },
+      dismiss: { itemPress: !multiple },
+      children: [
+        /* @__PURE__ */ jsx(ControlledMenuHandler, { children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classNames("flex", {
+              "flex-col gap-y-2": selectedItemsPosition === "bottom" || selectedItemsPosition === "top",
+              "flex-row items-start gap-x-2": selectedItemsPosition === "left" || selectedItemsPosition === "right"
+            }),
+            children: [
+              (selectedItemsPosition === "top" || selectedItemsPosition === "left") && selectedItemsChips,
+              /* @__PURE__ */ jsxs("div", { ref: triggerRef, className: classNames("relative", cursorClassName, className), children: [
+                selectedSwatch && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classNames(
+                      "pointer-events-none absolute left-3 top-1/2 z-10 size-3.5 -translate-y-1/2 border border-border",
+                      swatchShape === "square" ? "rounded" : "rounded-full"
+                    ),
+                    style: { backgroundColor: selectedSwatch }
+                  }
+                ),
+                showInFieldChips && /* @__PURE__ */ jsx(ControlledTooltip, { content: inFieldChipsTooltip, className: "max-w-72", children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: classNames(
+                      "absolute inset-y-0 left-2.5 right-14 z-10 flex items-center gap-1 overflow-hidden",
+                      cursorClassName
+                    ),
+                    children: [
+                      visibleInFieldChips.map((option) => /* @__PURE__ */ jsx(
+                        OutlinedChip,
+                        {
+                          label: option.label,
+                          preserveLabelCase,
+                          dot: Boolean(option.swatch),
+                          dotColor: option.swatch,
+                          className: "min-w-0 shrink-0 bg-muted-active",
+                          labelClassName: "text-xxs"
+                        },
+                        option.value
+                      )),
+                      inFieldOverflow > 0 && /* @__PURE__ */ jsx(
+                        OutlinedChip,
+                        {
+                          label: t("controlledSelect.moreItems", { count: inFieldOverflow }),
+                          className: "min-w-0 shrink-0 bg-muted-active",
+                          labelClassName: "text-xxs"
+                        }
+                      )
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  ControlledInput,
+                  {
+                    readOnly: true,
+                    role: "combobox",
+                    "aria-haspopup": "listbox",
+                    "aria-expanded": isOpen,
+                    "aria-controls": scrollableContainerId,
+                    onKeyDown: (event) => {
+                      if (disabled) return;
+                      if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+                        event.preventDefault();
+                        setIsOpen(true);
+                        onOpen?.();
+                      } else if (event.key === "Escape" && isOpen) {
+                        setIsOpen(false);
+                      }
+                    },
+                    className: classNames(
+                      "controlled-select-input flex w-full min-w-0 justify-between truncate text-left",
+                      !compact && "tablet:min-w-52",
+                      cursorClassName,
+                      selectedSwatch && "!pl-9",
+                      // O "x" é absoluto SOBRE o input: sem esta reserva o rótulo passa por baixo dele.
+                      showClear && "!pr-14",
+                      inputClassName
+                    ),
+                    error,
+                    autoComplete: "off",
+                    rightSlot: /* @__PURE__ */ jsx(MaterialSymbol, { className: cursorClassName, icon: "keyboard_arrow_down", size: 15 }),
+                    label: selectedHasValue && !persistentLabel ? void 0 : label,
+                    "aria-label": ariaLabel ?? label,
+                    "aria-required": ariaRequired ? "true" : void 0,
+                    value: showInFieldChips ? " " : selectedHasValue || hasEmptyValueOption ? getDisplayLabel() : "",
+                    disabled
+                  }
+                ),
+                showClear && /* @__PURE__ */ jsx(ControlledTooltip, { content: t("dates.clearSelection"), children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    onClick: handleClearSelection,
+                    className: "absolute inset-y-0 right-8 top-0.5 flex cursor-pointer items-center",
+                    children: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "close_small", size: 20, color: "rgb(var(--color-foreground-subtle))" })
+                  }
+                ) })
+              ] }),
+              (selectedItemsPosition === "bottom" || selectedItemsPosition === "right") && selectedItemsChips
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          ControlledMenuList,
+          {
+            ref: menuListRef,
+            className: classNames("zIndexMax w-80 max-w-[calc(100vw-1.5rem)] overflow-hidden", listClassName),
+            children: [
+              searchable && /* @__PURE__ */ jsx(SelectSearchSlot, { children: /* @__PURE__ */ jsx(
+                UnifiedSearchBar,
+                {
+                  mode: "default",
+                  label: t("actions.search"),
+                  debounceTime: SEARCH_DEBOUNCE_MS,
+                  searchableItems: infiniteScroll ? null : options,
+                  searchKeys: ["label", "secondaryLabel"],
+                  setFilteredItems: setFilteredOptions,
+                  onSearchTermChange: handleServerSearch,
+                  className: classNames("w-full", SEARCH_INPUT_MARKER_CLASS),
+                  onClearFilter: handleClearSearch,
+                  initialValue: currentSearchText
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: scrollableContainerRef,
+                  className: classNames({
+                    "max-h-[250px] overflow-y-auto overscroll-contain": infiniteScroll,
+                    "overflow-hidden": !infiniteScroll
+                  }),
+                  id: scrollableContainerId,
+                  children: infiniteScroll ? /* @__PURE__ */ jsx(
+                    InfiniteScroll,
+                    {
+                      dataLength: filteredOptions.length,
+                      hasMore: hasMoreOptions && filteredOptions.length > 0,
+                      next: handleLoadMoreFromScroll,
+                      loader: /* @__PURE__ */ jsx("div", { className: "flex size-full items-center justify-center py-1", children: /* @__PURE__ */ jsx(LoadingSpinner, { size: 4, label: t("controlledSelect.loadingOptions") }) }),
+                      scrollableTarget: scrollableContainerId,
+                      className: "!overflow-hidden",
+                      children: filteredOptions.length > 0 ? filteredOptions.map((option) => renderOptionItem(option)) : loading ? /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center py-4", children: /* @__PURE__ */ jsx(LoadingSpinner, { size: 4, label: t("controlledSelect.loadingOptions") }) }) : /* @__PURE__ */ jsx(ControlledMenuItem, { disabled: true, children: /* @__PURE__ */ jsx(NoDataFound, { compact: true, message: t("controlledSelect.noDataToShow") }) })
+                    }
+                  ) : filteredOptions.length > 0 ? /* @__PURE__ */ jsx(
+                    FixedSizeList,
+                    {
+                      className: "virtualized-select-list",
+                      height: listHeight,
+                      width: "100%",
+                      itemCount: filteredOptions.length,
+                      itemSize: ITEM_HEIGHT,
+                      overscanCount: OVERSCAN_COUNT,
+                      children: ItemRenderer
+                    }
+                  ) : loading ? /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center py-4", children: /* @__PURE__ */ jsx(LoadingSpinner, { size: 4, label: t("controlledSelect.loadingOptions") }) }) : /* @__PURE__ */ jsx(ControlledMenuItem, { disabled: true, children: /* @__PURE__ */ jsx(NoDataFound, { compact: true, message: t("controlledSelect.noDataToShow") }) })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ControlledSelect
+};
+//# sourceMappingURL=ControlledSelect.js.map

package/dist/components/Form/ControlledSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledSelect.js","sources":["../../../src/components/Form/ControlledSelect.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport { FixedSizeList as List } from 'react-window';\n\nimport {\n  ControlledMenuHandler,\n  ControlledMenuItem,\n  ControlledMenuList,\n  ControlledMenuRoot,\n} from '@/components/UI/ControlledMenu';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { capitalizeAllLetters, formatFilter } from '@/helpers/stringHelpers';\nimport { uiLogger } from '@/helpers/uiLogger';\n\nimport { IFilterOption } from '../../interfaces/IFilterOption';\nimport { UnifiedSearchBar } from '../Search';\nimport OutlinedChip from '../UI/Chips/OutlinedChip';\nimport LoadingSpinner from '../UI/LoadingSpinner';\nimport { MaterialSymbol } from '../UI/MaterialSymbol';\nimport NoDataFound from '../UI/NoDataFound';\n\nimport ControlledCheckbox from './ControlledCheckbox';\nimport ControlledInput from './ControlledInput';\n\nimport '../../styles/virtualizedSelect.css';\n\n/**\n * Contract of `fetchMoreOptions`, the single loader of infinite-scroll selects.\n * `reset: true` means \"replace the list with page 1 of `search`\" (a new search, a cleared\n * search, or the restore to the unfiltered baseline). `reset: false` means \"append the NEXT\n * page of the same `search`\". The consumer owns the page counter and the accumulated\n * `options` prop; this component never accumulates results itself.\n */\nexport interface IControlledSelectFetchParams {\n  search: string;\n  reset: boolean;\n}\n\ntype TControlledSelectProps = {\n  label?: string;\n  // Mantém a label flutuante visível (encolhida na borda) mesmo com um valor selecionado.\n  // Padrão: false — a label some ao selecionar, assumindo que há um rótulo externo acima.\n  persistentLabel?: boolean;\n  options: Array<IFilterOption>;\n  selectedValue: string | Array<string>;\n  error?: boolean;\n  multiple?: boolean;\n  searchable?: boolean;\n  disabled?: boolean;\n  clearable?: boolean;\n  className?: string;\n  listClassName?: string;\n  onChangeHook: (selected: string | Array<string>) => void;\n  infiniteScroll?: boolean;\n  fetchMoreOptions?: (params: IControlledSelectFetchParams) => Promise<unknown>;\n  hasMoreOptions?: boolean;\n  loading?: boolean;\n  onClearSearch?: () => void;\n  onOpen?: () => void;\n  selectedItemsPosition?: 'bottom' | 'top' | 'left' | 'right';\n  // When false, the selected-items chips are not rendered beside the trigger;\n  // only the count summary (\"N itens selecionados\") shows inside the trigger.\n  showSelectedItems?: boolean;\n  // Multi-select only: render the selected values as chips inside the trigger\n  // field (with a \"+N\" overflow indicator and a tooltip listing all of them)\n  // instead of the generic \"N itens selecionados\" count.\n  inFieldChips?: boolean;\n  // Por padrão as labels passam por capitalizeAllLetters (Primeira Maiúscula, resto\n  // minúsculo). Use true quando a label é um identificador literal — nome de tabela,\n  // coluna, chave — em que o caixa original é significativo e não pode ser alterado.\n  preserveLabelCase?: boolean;\n  // Shape of the option swatch. Colors read as the square chip the libraries use;\n  // the dot stays the default for tags and categories.\n  swatchShape?: 'dot' | 'square';\n  // Accessible name of the trigger, for a field whose meaning comes from the\n  // surrounding layout and therefore renders no visible label or placeholder.\n  ariaLabel?: string;\n  // Marks the combobox trigger as required for assistive tech (aria-required).\n  ariaRequired?: boolean;\n  // Classes for the trigger input itself, for a select embedded in a composed\n  // control (a segmented field) that must drop its own border, fill or minimum\n  // width. `className` styles the wrapper and cannot reach the input.\n  inputClassName?: string;\n  // The dropdown has a fixed width (w-80) that fits a field of the default size.\n  // Set this when the field is wider (full-width in a dialog, for instance) so the\n  // panel, and with it the search box, follows the field instead of staying narrow.\n  matchTriggerWidth?: boolean;\n  compact?: boolean;\n};\n\nconst ITEM_HEIGHT = 40;\nconst MAX_LIST_HEIGHT = 300;\nconst OVERSCAN_COUNT = 10;\nconst SEARCH_DEBOUNCE_MS = 300;\n// How many selected chips fit inside the trigger before collapsing into \"+N\".\nconst MAX_IN_FIELD_CHIPS = 2;\n\n// Marks the search field so focus can be handed back to it without matching the\n// option checkboxes, which are inputs too.\nconst SEARCH_INPUT_MARKER_CLASS = 'controlled-select-search-input';\n\n/* Padding wrapper. The click is stopped here so a press on the search field is never read\n   as a press on an option by the list above it. */\nconst SelectSearchSlot: React.FC<{ children?: ReactNode }> = ({ children }) => (\n  <div className=\"px-1 py-0.5\" onClick={(event) => event.stopPropagation()}>\n    {children}\n  </div>\n);\n\nexport function ControlledSelect({\n  label,\n  persistentLabel = false,\n  options: optionsProp,\n  selectedValue,\n  error = false,\n  multiple = false,\n  disabled = false,\n  searchable = true,\n  clearable = true,\n  className,\n  listClassName,\n  onChangeHook,\n  onClearSearch,\n  infiniteScroll = false,\n  fetchMoreOptions,\n  hasMoreOptions = false,\n  loading = false,\n  onOpen,\n  selectedItemsPosition = 'bottom',\n  showSelectedItems = true,\n  inFieldChips = false,\n  preserveLabelCase = false,\n  swatchShape = 'dot',\n  ariaLabel,\n  ariaRequired,\n  inputClassName,\n  matchTriggerWidth = false,\n  compact = false,\n}: TControlledSelectProps) {\n  const { t } = useTranslation('ui');\n  const options = useMemo(() => (Array.isArray(optionsProp) ? optionsProp : []), [optionsProp]);\n  const formatLabel = useCallback(\n    (value?: string) => (preserveLabelCase ? (value ?? '') : capitalizeAllLetters(value)),\n    [preserveLabelCase],\n  );\n  const normalizeSelected = useCallback(\n    (value: string | Array<string>): string | Array<string> => {\n      if (multiple) {\n        if (typeof value === 'string') {\n          return value === '' ? [] : [value];\n        }\n        if (Array.isArray(value)) {\n          // Legacy multi values arrive as one comma-joined string. A legitimate single value\n          // that happens to contain a comma is recognizable by matching a loaded option.\n          if (value.length === 1 && value[0].includes(',') && !options.some((option) => option.value === value[0])) {\n            return value[0]\n              .split(',')\n              .map((item) => item.trim())\n              .filter((item) => item !== '');\n          }\n          return value;\n        }\n        return [];\n      } else {\n        return typeof value === 'string' ? value : '';\n      }\n    },\n    [multiple, options],\n  );\n\n  const [selected, setSelected] = useState<string | Array<string>>(() => normalizeSelected(selectedValue));\n\n  useEffect(() => {\n    setSelected(normalizeSelected(selectedValue));\n  }, [selectedValue, normalizeSelected]);\n\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [isOpen, setIsOpen] = useState(false);\n  const menuListRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [currentSearchText, setCurrentSearchText] = useState('');\n\n  // Unique per instance: a fixed id would make InfiniteScroll attach its scroll listener to\n  // the FIRST matching node in the document, which can be another select's list still\n  // mounted while its close animation plays.\n  const scrollableContainerId = useId();\n  const scrollableContainerRef = useRef<HTMLDivElement>(null);\n  const isLoadingMoreRef = useRef(false);\n\n  // Re-sync the rendered list when the consumer's options change. In client-filtered mode an\n  // active search survives the re-sync (same predicate as UnifiedSearchBar), otherwise a parent\n  // re-render would wipe the filter while the term stays in the search box.\n  useEffect(() => {\n    if (!infiniteScroll && currentSearchText) {\n      setFilteredOptions(\n        options.filter((option) =>\n          [option.label, option.secondaryLabel].some((field) => formatFilter(String(field ?? ''), currentSearchText)),\n        ),\n      );\n      return;\n    }\n    setFilteredOptions(options);\n  }, [options]);\n\n  const requestPagedOptions = useCallback(\n    async (params: IControlledSelectFetchParams) => {\n      if (!fetchMoreOptions) return;\n      try {\n        await fetchMoreOptions(params);\n      } catch (fetchError) {\n        uiLogger.error('Failed to fetch select options', fetchError);\n      }\n    },\n    [fetchMoreOptions],\n  );\n\n  const handleLoadMoreFromScroll = useCallback(async () => {\n    if (!infiniteScroll || !hasMoreOptions || isLoadingMoreRef.current) return;\n    isLoadingMoreRef.current = true;\n    try {\n      await requestPagedOptions({ search: currentSearchText, reset: false });\n    } finally {\n      isLoadingMoreRef.current = false;\n    }\n  }, [infiniteScroll, hasMoreOptions, requestPagedOptions, currentSearchText]);\n\n  const handleServerSearch = useCallback(\n    (searchText: string) => {\n      setCurrentSearchText(searchText);\n      if (!infiniteScroll) return;\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: searchText, reset: true });\n    },\n    [infiniteScroll, requestPagedOptions],\n  );\n\n  // Closing with an active search would leave the consumer's list holding only the search\n  // results, so the next open would show a filtered list with an empty search box. Restore\n  // the unfiltered baseline as the menu closes.\n  useEffect(() => {\n    if (isOpen || !infiniteScroll || currentSearchText === '') return;\n    setCurrentSearchText('');\n    void requestPagedOptions({ search: '', reset: true });\n  }, [isOpen]);\n\n  const handleSelect = useCallback(\n    (option: string, event: React.MouseEvent) => {\n      if (multiple) {\n        event.stopPropagation();\n        event.preventDefault();\n\n        const currentSelection = selected as Array<string>;\n        if (currentSelection.includes(option)) {\n          const newSelection = currentSelection.filter((item) => item !== option);\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        } else {\n          const newSelection = [...currentSelection, option];\n          setSelected(newSelection);\n          onChangeHook(newSelection);\n        }\n      } else {\n        setSelected(option);\n        onChangeHook(option);\n        if (!infiniteScroll) {\n          setCurrentSearchText('');\n          setFilteredOptions(options);\n        }\n        setIsOpen(false);\n      }\n    },\n    [multiple, selected, onChangeHook, options, infiniteScroll],\n  );\n\n  const handleClearSelection = useCallback(() => {\n    if (multiple) {\n      setSelected([]);\n      onChangeHook([]);\n    } else {\n      setSelected('');\n      onChangeHook('');\n    }\n\n    if (!infiniteScroll) {\n      setCurrentSearchText('');\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [multiple, onChangeHook, onClearSearch, options, infiniteScroll]);\n\n  const getDisplayLabel = useCallback(() => {\n    if (multiple) {\n      const selectedArray = selected as Array<string>;\n      if (selectedArray.length === 0) {\n        return '';\n      } else if (selectedArray.length === 1) {\n        const foundOption = options.find((item) => item.value === selectedArray[0]);\n\n        return formatLabel(foundOption?.label || selectedArray[0]);\n      } else {\n        return `${selectedArray.length} itens selecionados`;\n      }\n    } else {\n      const foundOption = options.find((item) => item.value === selected);\n\n      return formatLabel(foundOption?.label || (selected as string) || label);\n    }\n  }, [multiple, selected, options, label, formatLabel]);\n\n  const renderOptionItem = useCallback(\n    (option: IFilterOption, style?: React.CSSProperties) => {\n      const isSelected = multiple\n        ? Array.isArray(selected) && selected.includes(option.value)\n        : option.value === selected;\n\n      // A disabled option explains itself on hover over the WHOLE row, not just the info icon.\n      const isDisabledWithReason = Boolean(option.disabled && option.tooltip);\n\n      const menuItem = (\n        <ControlledMenuItem\n          key={isDisabledWithReason ? undefined : option.value}\n          disabled={option.disabled}\n          onClick={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          className={classNames('relative flex items-center p-2 pl-3 text-foreground', {\n            // The hover variant has to live inside the selected branch: the menu item's own\n            // default hover would otherwise wipe the selected tint.\n            'bg-brand-soft font-medium text-brand-emphasis hover:!bg-brand-soft focus:!bg-brand-soft': isSelected,\n            'hover:!bg-muted': !isSelected,\n          })}\n          style={{\n            ...(isDisabledWithReason ? {} : style),\n            height: ITEM_HEIGHT - 1,\n          }}\n        >\n          {isSelected && <span className=\"absolute inset-y-1 left-0 w-0.5 rounded-full bg-brand\" />}\n          {multiple && <ControlledCheckbox checked={isSelected} onChange={() => {}} />}\n          {option.tooltip && !isDisabledWithReason && (\n            <ControlledTooltip content={option.tooltip} className=\"w-full max-w-72\">\n              <MaterialSymbol icon=\"info\" size={15} color=\"rgb(var(--color-foreground-subtle))\" className=\"mr-1\" />\n            </ControlledTooltip>\n          )}\n          {option.swatch && (\n            <span\n              className={classNames(\n                'mr-2 size-3.5 shrink-0 border border-border',\n                swatchShape === 'square' ? 'rounded' : 'rounded-full',\n              )}\n              style={{ backgroundColor: option.swatch }}\n            />\n          )}\n          <span className=\"truncate text-sm\">{formatLabel(option.label)}</span>\n          {option.secondaryLabel && (\n            <span className=\"ml-auto max-w-[45%] shrink-0 truncate pl-3 text-xs text-foreground-faint\">\n              {option.secondaryLabel}\n            </span>\n          )}\n        </ControlledMenuItem>\n      );\n\n      // The wrapper div carries the virtualized position because the tooltip clones its child and\n      // injects its own ref.\n      return isDisabledWithReason ? (\n        <ControlledTooltip key={option.value} content={option.tooltip} className=\"z-[9999] max-w-72\">\n          <div style={style}>{menuItem}</div>\n        </ControlledTooltip>\n      ) : (\n        menuItem\n      );\n    },\n    [multiple, selected, handleSelect, formatLabel],\n  );\n\n  const ItemRenderer = useCallback(\n    ({ index, style }: { index: number; style: React.CSSProperties }) => {\n      const option = filteredOptions[index];\n      if (!option) return null;\n\n      return renderOptionItem(option, style);\n    },\n    [filteredOptions, renderOptionItem],\n  );\n\n  const listHeight = useMemo(\n    () => Math.min(filteredOptions.length * ITEM_HEIGHT, MAX_LIST_HEIGHT),\n    [filteredOptions.length],\n  );\n\n  const selectedSwatch = useMemo(\n    () => (multiple ? undefined : options.find((option) => option.value === selected)?.swatch),\n    [multiple, options, selected],\n  );\n\n  // Com uma opção selecionada, o próprio valor identifica o campo: a label flutuante\n  // some (evita duplicar quando já há um rótulo externo acima do select).\n  const selectedHasValue = multiple ? (selected as Array<string>).length > 0 : selected !== '';\n\n  /**\n   * Opção declarada com valor vazio (\"Todas\", \"Nenhum\", \"Sem recorte\"): é uma\n   * escolha de verdade, não a ausência de escolha, então o campo precisa exibir\n   * o rótulo dela em vez de ficar em branco.\n   */\n  const hasEmptyValueOption = useMemo(\n    () => !multiple && options.some((option) => option.value === ''),\n    [multiple, options],\n  );\n\n  // The dropdown is portaled, so a percentage width would resolve against the\n  // page, and a runtime pixel value cannot become a Tailwind arbitrary class.\n  // The measured width is written straight onto the node: the floating logic\n  // overwrites the MenuList `style` prop with its own position, and React never\n  // clears `width` because it is not part of that style object.\n  useEffect(() => {\n    const menuList = menuListRef.current;\n    const trigger = triggerRef.current;\n    if (!matchTriggerWidth || !isOpen || !menuList || !trigger) return undefined;\n\n    const applyTriggerWidth = () => {\n      menuList.style.width = `${trigger.getBoundingClientRect().width}px`;\n    };\n\n    applyTriggerWidth();\n\n    const resizeObserver = new ResizeObserver(applyTriggerWidth);\n    resizeObserver.observe(trigger);\n\n    return () => resizeObserver.disconnect();\n  }, [matchTriggerWidth, isOpen]);\n\n  // Moving the pointer inside the menu makes floating-ui's list navigation pull\n  // focus off the search field (it focuses the hovered option, or the menu\n  // container on pointer leave). Take focus back whenever the pointer caused it,\n  // while leaving keyboard navigation into the options alone.\n  useEffect(() => {\n    const menuList = menuListRef.current;\n    if (!isOpen || !searchable || !menuList) return undefined;\n\n    let isKeyboardInteraction = false;\n    let restoreFrame = 0;\n\n    const markKeyboardInteraction = () => {\n      isKeyboardInteraction = true;\n    };\n\n    const markPointerInteraction = () => {\n      isKeyboardInteraction = false;\n    };\n\n    const restoreSearchFocus = (event: FocusEvent) => {\n      const searchInput = menuList.querySelector<HTMLInputElement>(`.${SEARCH_INPUT_MARKER_CLASS}`);\n      if (!searchInput || event.target !== searchInput || isKeyboardInteraction) return;\n\n      const nextFocused = event.relatedTarget as Node | null;\n      if (nextFocused && !menuList.contains(nextFocused)) return;\n\n      // The steal happens as this event is dispatched, so reclaim on the next frame.\n      restoreFrame = window.requestAnimationFrame(() => searchInput.focus({ preventScroll: true }));\n    };\n\n    menuList.addEventListener('keydown', markKeyboardInteraction, true);\n    menuList.addEventListener('pointermove', markPointerInteraction, true);\n    menuList.addEventListener('focusout', restoreSearchFocus);\n\n    return () => {\n      window.cancelAnimationFrame(restoreFrame);\n      menuList.removeEventListener('keydown', markKeyboardInteraction, true);\n      menuList.removeEventListener('pointermove', markPointerInteraction, true);\n      menuList.removeEventListener('focusout', restoreSearchFocus);\n    };\n  }, [isOpen, searchable]);\n\n  const handleClearSearch = useCallback(() => {\n    setCurrentSearchText('');\n\n    if (infiniteScroll) {\n      if (scrollableContainerRef.current) scrollableContainerRef.current.scrollTop = 0;\n      void requestPagedOptions({ search: '', reset: true });\n    } else {\n      setFilteredOptions(options);\n    }\n\n    if (onClearSearch) {\n      onClearSearch();\n    }\n  }, [infiniteScroll, requestPagedOptions, onClearSearch, options]);\n\n  const getSelectedOptionsLabels = useCallback(() => {\n    if (!multiple || !selected || (selected as Array<string>).length === 0) {\n      return [];\n    }\n\n    const selectedArray = selected as Array<string>;\n\n    return selectedArray.map((value) => {\n      const trimmedValue = value.trim();\n      const foundOption = options.find((option) => option.value === trimmedValue);\n      return {\n        value: trimmedValue,\n        label: foundOption?.label || trimmedValue,\n        swatch: foundOption?.swatch,\n      };\n    });\n  }, [multiple, selected, options]);\n\n  const isLateralPosition = selectedItemsPosition === 'left' || selectedItemsPosition === 'right';\n\n  const inFieldChipItems = inFieldChips ? getSelectedOptionsLabels() : [];\n  const showInFieldChips = inFieldChips && multiple && inFieldChipItems.length > 0;\n  const visibleInFieldChips = inFieldChipItems.slice(0, MAX_IN_FIELD_CHIPS);\n  const inFieldOverflow = inFieldChipItems.length - visibleInFieldChips.length;\n  const inFieldChipsTooltip = inFieldChipItems.map((option) => formatLabel(option.label)).join(', ');\n\n  const selectedItemsChips = showSelectedItems && multiple && getSelectedOptionsLabels().length > 1 && (\n    <div className=\"flex flex-wrap gap-1\">\n      {getSelectedOptionsLabels().map((option) => (\n        <OutlinedChip\n          key={option.value}\n          label={option.label}\n          preserveLabelCase={preserveLabelCase}\n          dot={Boolean(option.swatch)}\n          dotColor={option.swatch}\n          className={classNames('bg-muted-active text-lg', { 'px-4 py-1': isLateralPosition })}\n          labelClassName={isLateralPosition ? 'text-sm' : undefined}\n          onClose={(event: React.MouseEvent) => handleSelect(option.value, event)}\n          canClose\n        />\n      ))}\n    </div>\n  );\n\n  const showClear =\n    clearable &&\n    !disabled &&\n    Boolean(selected) &&\n    (multiple ? (selected as Array<string>).length > 0 : selected !== '');\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  return (\n    <ControlledMenuRoot\n      placement=\"bottom-start\"\n      open={isOpen && !disabled}\n      handler={(next) => {\n        if (disabled) return;\n        setIsOpen(next);\n        if (next) onOpen?.();\n      }}\n      dismiss={{ itemPress: !multiple }}\n    >\n      <ControlledMenuHandler>\n        <div\n          className={classNames('flex', {\n            'flex-col gap-y-2': selectedItemsPosition === 'bottom' || selectedItemsPosition === 'top',\n            'flex-row items-start gap-x-2': selectedItemsPosition === 'left' || selectedItemsPosition === 'right',\n          })}\n        >\n          {(selectedItemsPosition === 'top' || selectedItemsPosition === 'left') && selectedItemsChips}\n          <div ref={triggerRef} className={classNames('relative', cursorClassName, className)}>\n            {selectedSwatch && (\n              <span\n                className={classNames(\n                  'pointer-events-none absolute left-3 top-1/2 z-10 size-3.5 -translate-y-1/2 border border-border',\n                  swatchShape === 'square' ? 'rounded' : 'rounded-full',\n                )}\n                style={{ backgroundColor: selectedSwatch }}\n              />\n            )}\n            {showInFieldChips && (\n              <ControlledTooltip content={inFieldChipsTooltip} className=\"max-w-72\">\n                <div\n                  className={classNames(\n                    'absolute inset-y-0 left-2.5 right-14 z-10 flex items-center gap-1 overflow-hidden',\n                    cursorClassName,\n                  )}\n                >\n                  {visibleInFieldChips.map((option) => (\n                    <OutlinedChip\n                      key={option.value}\n                      label={option.label}\n                      preserveLabelCase={preserveLabelCase}\n                      dot={Boolean(option.swatch)}\n                      dotColor={option.swatch}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  ))}\n                  {inFieldOverflow > 0 && (\n                    <OutlinedChip\n                      label={t('controlledSelect.moreItems', { count: inFieldOverflow })}\n                      className=\"min-w-0 shrink-0 bg-muted-active\"\n                      labelClassName=\"text-xxs\"\n                    />\n                  )}\n                </div>\n              </ControlledTooltip>\n            )}\n            <ControlledInput\n              readOnly\n              role=\"combobox\"\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings -- ARIA token, not user-facing text\n              aria-haspopup=\"listbox\"\n              aria-expanded={isOpen}\n              aria-controls={scrollableContainerId}\n              onKeyDown={(event) => {\n                if (disabled) return;\n                if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {\n                  event.preventDefault();\n                  setIsOpen(true);\n                  onOpen?.();\n                } else if (event.key === 'Escape' && isOpen) {\n                  setIsOpen(false);\n                }\n              }}\n              className={classNames(\n                'controlled-select-input flex w-full min-w-0 justify-between truncate text-left',\n                !compact && 'tablet:min-w-52',\n                cursorClassName,\n                selectedSwatch && '!pl-9',\n                // O \"x\" é absoluto SOBRE o input: sem esta reserva o rótulo passa por baixo dele.\n                showClear && '!pr-14',\n                inputClassName,\n              )}\n              error={error}\n              autoComplete=\"off\"\n              rightSlot={<MaterialSymbol className={cursorClassName} icon=\"keyboard_arrow_down\" size={15} />}\n              label={selectedHasValue && !persistentLabel ? undefined : label}\n              aria-label={ariaLabel ?? label}\n              aria-required={ariaRequired ? 'true' : undefined}\n              value={showInFieldChips ? ' ' : selectedHasValue || hasEmptyValueOption ? getDisplayLabel() : ''}\n              disabled={disabled}\n            />\n\n            {showClear && (\n              <ControlledTooltip content={t('dates.clearSelection')}>\n                <div\n                  onClick={handleClearSelection}\n                  className=\"absolute inset-y-0 right-8 top-0.5 flex cursor-pointer items-center\"\n                >\n                  <MaterialSymbol icon=\"close_small\" size={20} color=\"rgb(var(--color-foreground-subtle))\" />\n                </div>\n              </ControlledTooltip>\n            )}\n          </div>\n\n          {(selectedItemsPosition === 'bottom' || selectedItemsPosition === 'right') && selectedItemsChips}\n        </div>\n      </ControlledMenuHandler>\n\n      <ControlledMenuList\n        ref={menuListRef}\n        className={classNames('zIndexMax w-80 max-w-[calc(100vw-1.5rem)] overflow-hidden', listClassName)}\n      >\n        {searchable && (\n          <SelectSearchSlot>\n            <UnifiedSearchBar\n              mode=\"default\"\n              label={t('actions.search')}\n              debounceTime={SEARCH_DEBOUNCE_MS}\n              // Em modo infinito quem filtra é o servidor: sem itens, a barra só reporta o\n              // termo via onSearchTermChange e nunca escreve na lista local.\n              searchableItems={infiniteScroll ? null : options}\n              searchKeys={['label', 'secondaryLabel']}\n              setFilteredItems={setFilteredOptions}\n              onSearchTermChange={handleServerSearch}\n              className={classNames('w-full', SEARCH_INPUT_MARKER_CLASS)}\n              onClearFilter={handleClearSearch}\n              initialValue={currentSearchText}\n            />\n          </SelectSearchSlot>\n        )}\n\n        <div\n          ref={scrollableContainerRef}\n          className={classNames({\n            'max-h-[250px] overflow-y-auto overscroll-contain': infiniteScroll,\n            'overflow-hidden': !infiniteScroll,\n          })}\n          id={scrollableContainerId}\n        >\n          {infiniteScroll ? (\n            <InfiniteScroll\n              dataLength={filteredOptions.length}\n              // O loader do InfiniteScroll é renderizado sempre que `hasMore` é verdadeiro, ao lado\n              // do conteúdo. Com a lista vazia isso empilhava o spinner sobre o estado vazio (ou\n              // sobre o próprio spinner de `loading`): sem opções, quem manda é o bloco abaixo.\n              hasMore={hasMoreOptions && filteredOptions.length > 0}\n              next={handleLoadMoreFromScroll}\n              loader={\n                <div className=\"flex size-full items-center justify-center py-1\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              }\n              scrollableTarget={scrollableContainerId}\n              // `overflow-hidden` makes this a scroll port the user cannot scroll, so\n              // `overscroll-none` here stopped the wheel from ever reaching the container\n              // that does scroll: the list only moved by dragging its bar. Containment\n              // belongs to that container, which already declares `overscroll-contain`.\n              className=\"!overflow-hidden\"\n            >\n              {filteredOptions.length > 0 ? (\n                filteredOptions.map((option) => renderOptionItem(option))\n              ) : loading ? (\n                <div className=\"flex w-full items-center justify-center py-4\">\n                  <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n                </div>\n              ) : (\n                <ControlledMenuItem disabled>\n                  <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n                </ControlledMenuItem>\n              )}\n            </InfiniteScroll>\n          ) : filteredOptions.length > 0 ? (\n            <List\n              className=\"virtualized-select-list\"\n              height={listHeight}\n              // eslint-disable-next-line i18n-check/no-literal-jsx-strings\n              width=\"100%\"\n              itemCount={filteredOptions.length}\n              itemSize={ITEM_HEIGHT}\n              overscanCount={OVERSCAN_COUNT}\n            >\n              {ItemRenderer}\n            </List>\n          ) : loading ? (\n            <div className=\"flex w-full items-center justify-center py-4\">\n              <LoadingSpinner size={4} label={t('controlledSelect.loadingOptions')} />\n            </div>\n          ) : (\n            <ControlledMenuItem disabled>\n              <NoDataFound compact message={t('controlledSelect.noDataToShow')} />\n            </ControlledMenuItem>\n          )}\n        </div>\n      </ControlledMenuList>\n    </ControlledMenuRoot>\n  );\n}\n"],"names":["List"],"mappings":"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"}

package/dist/components/Form/ControlledSwitch.d.ts

@@ -0,0 +1,14 @@
+interface IControlledSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    /** Nome acessível quando o switch não tem `label` visível (ex.: linha com rótulo à esquerda). */
+    ariaLabel?: string;
+    color?: 'blue' | 'red' | 'green' | 'amber' | 'purple' | 'indigo' | 'pink' | 'teal';
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const ControlledSwitch: ({ checked, onChange, label, ariaLabel, color, disabled, className, labelClassName, size, }: IControlledSwitchProps) => import("react").JSX.Element;
+export default ControlledSwitch;