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

package/dist/components/ColorPicker/ColorPalette.js

@@ -1 +1,171 @@
-var DefaultPalette={className:`fw-bold`,label:`defaultPalette`,colors:[[{value:`#4A4A4A`,description:`color.gray.darkest`},{value:`#909090`,description:`color.gray.dark`},{value:`#C7C7C7`,description:`color.gray.medium`},{value:`#F2F2F2`,description:`color.gray.light`,hue:`light`},{value:`#FFFFFF`,description:`color.white`,hue:`light`}],[{value:`#005A8A`,description:`color.blue.darkest`},{value:`#2F7EA7`,description:`color.blue.dark`},{value:`#46AFE6`,description:`color.blue.medium`},{value:`#B9E3F8`,description:`color.blue.light`,hue:`light`},{value:`#E5F5FF`,description:`color.blue.lightest`,hue:`light`}],[{value:`#550070`,description:`color.purple.darkest`},{value:`#7C2C96`,description:`color.purple.dark`},{value:`#A348C0`,description:`color.purple.medium`},{value:`#D7B5E2`,description:`color.purple.light`,hue:`light`},{value:`#F6ECF9`,description:`color.purple.lightest`,hue:`light`}],[{value:`#9E0016`,description:`color.red.darkest`},{value:`#C6253B`,description:`color.red.dark`},{value:`#FF3A55`,description:`color.red.medium`},{value:`#FFB6C0`,description:`color.red.light`,hue:`light`},{value:`#FFECEE`,description:`color.red.lightest`,hue:`light`}],[{value:`#9E4800`,description:`color.brown.darkest`},{value:`#DA6A0B`,description:`color.brown.dark`},{value:`#FF8D2E`,description:`color.brown.medium`},{value:`#FFCBA0`,description:`color.brown.light`,hue:`light`},{value:`#FFEFE3`,description:`color.brown.lightest`,hue:`light`}],[{value:`#A89400`,description:`color.yellow.darkest`},{value:`#D1AF00`,description:`color.yellow.dark`},{value:`#F1CA00`,description:`color.yellow.medium`},{value:`#FAEA9C`,description:`color.yellow.light`,hue:`light`},{value:`#FBF4D5`,description:`color.yellow.lightest`,hue:`light`}],[{value:`#2E6105`,description:`color.green.darkest`},{value:`#4E9019`,description:`color.green.dark`},{value:`#5AC235`,description:`color.green.medium`},{value:`#C8E4AF`,description:`color.green.light`,hue:`light`},{value:`#EAF7E4`,description:`color.green.lightest`,hue:`light`}]]},AccessiblePalette={label:`accessiblePalette`,tooltip:{message:`Veni, vidi, vici`},colors:[[{value:`#4A4A4A`,description:`color.gray`}],[{value:`#648FFF`,description:`color.blue`}],[{value:`#785EF0`,description:`color.purple`}],[{value:`#DC267F`,description:`color.red`}],[{value:`#FE6100`,description:`color.brown`}],[{value:`#FFB000`,description:`color.orange`}],[{value:`#F3EA14`,description:`color.yellow`}]],className:`mt-16`};export{AccessiblePalette,DefaultPalette};
+const DefaultPalette = {
+  className: "fw-bold",
+  label: "defaultPalette",
+  colors: [
+    /* Paint It Black */
+    [{
+      value: "#4A4A4A",
+      description: "color.gray.darkest"
+    }, {
+      value: "#909090",
+      description: "color.gray.dark"
+    }, {
+      value: "#C7C7C7",
+      description: "color.gray.medium"
+    }, {
+      value: "#F2F2F2",
+      description: "color.gray.light",
+      hue: "light"
+    }, {
+      value: "#FFFFFF",
+      description: "color.white",
+      hue: "light"
+    }],
+    /* Blue Sunday */
+    [{
+      value: "#005A8A",
+      description: "color.blue.darkest"
+    }, {
+      value: "#2F7EA7",
+      description: "color.blue.dark"
+    }, {
+      value: "#46AFE6",
+      description: "color.blue.medium"
+    }, {
+      value: "#B9E3F8",
+      description: "color.blue.light",
+      hue: "light"
+    }, {
+      value: "#E5F5FF",
+      description: "color.blue.lightest",
+      hue: "light"
+    }],
+    /* Purple haze */
+    [{
+      value: "#550070",
+      description: "color.purple.darkest"
+    }, {
+      value: "#7C2C96",
+      description: "color.purple.dark"
+    }, {
+      value: "#A348C0",
+      description: "color.purple.medium"
+    }, {
+      value: "#D7B5E2",
+      description: "color.purple.light",
+      hue: "light"
+    }, {
+      value: "#F6ECF9",
+      description: "color.purple.lightest",
+      hue: "light"
+    }],
+    /* Red House */
+    [{
+      value: "#9E0016",
+      description: "color.red.darkest"
+    }, {
+      value: "#C6253B",
+      description: "color.red.dark"
+    }, {
+      value: "#FF3A55",
+      description: "color.red.medium"
+    }, {
+      value: "#FFB6C0",
+      description: "color.red.light",
+      hue: "light"
+    }, {
+      value: "#FFECEE",
+      description: "color.red.lightest",
+      hue: "light"
+    }],
+    /* The Brown Album */
+    [{
+      value: "#9E4800",
+      description: "color.brown.darkest"
+    }, {
+      value: "#DA6A0B",
+      description: "color.brown.dark"
+    }, {
+      value: "#FF8D2E",
+      description: "color.brown.medium"
+    }, {
+      value: "#FFCBA0",
+      description: "color.brown.light",
+      hue: "light"
+    }, {
+      value: "#FFEFE3",
+      description: "color.brown.lightest",
+      hue: "light"
+    }],
+    /* Yellow Submarine */
+    [{
+      value: "#A89400",
+      description: "color.yellow.darkest"
+    }, {
+      value: "#D1AF00",
+      description: "color.yellow.dark"
+    }, {
+      value: "#F1CA00",
+      description: "color.yellow.medium"
+    }, {
+      value: "#FAEA9C",
+      description: "color.yellow.light",
+      hue: "light"
+    }, {
+      value: "#FBF4D5",
+      description: "color.yellow.lightest",
+      hue: "light"
+    }],
+    /* Green Naugahyde */
+    [{
+      value: "#2E6105",
+      description: "color.green.darkest"
+    }, {
+      value: "#4E9019",
+      description: "color.green.dark"
+    }, {
+      value: "#5AC235",
+      description: "color.green.medium"
+    }, {
+      value: "#C8E4AF",
+      description: "color.green.light",
+      hue: "light"
+    }, {
+      value: "#EAF7E4",
+      description: "color.green.lightest",
+      hue: "light"
+    }]
+  ]
+}, AccessiblePalette = {
+  label: "accessiblePalette",
+  tooltip: {
+    message: "Veni, vidi, vici"
+  },
+  colors: [[{
+    value: "#4A4A4A",
+    description: "color.gray"
+  }], [{
+    value: "#648FFF",
+    description: "color.blue"
+  }], [{
+    value: "#785EF0",
+    description: "color.purple"
+  }], [{
+    value: "#DC267F",
+    description: "color.red"
+  }], [{
+    value: "#FE6100",
+    description: "color.brown"
+  }], [{
+    value: "#FFB000",
+    description: "color.orange"
+  }], [{
+    value: "#F3EA14",
+    description: "color.yellow"
+  }]],
+  className: "mt-16"
+};
+export {
+  AccessiblePalette,
+  DefaultPalette
+};

package/dist/components/ColorPicker/ColorPicker.js

@@ -1 +1,38 @@
-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};
+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
+};

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -1 +1,13 @@
-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};
+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
+};

package/dist/components/Combobox/Combobox.js

@@ -1 +1,61 @@
-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};
+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
+};

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1 +1,57 @@
-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};
+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
+};

package/dist/components/DatePicker/DatePicker.js

@@ -1 +1,40 @@
-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};
+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
+};

package/dist/components/Divider/Divider.js

@@ -1 +1,11 @@
-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};
+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
+};

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

@@ -1,7 +1,6 @@
 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;
@@ -81,7 +80,6 @@ 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 +1,96 @@
-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};
+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
+};

package/dist/components/Dropdown/DropdownCheckboxItem.js

@@ -1 +1,39 @@
-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};
+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
+};

package/dist/components/Dropdown/DropdownContext.js

@@ -1 +1,11 @@
-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};
+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
+};

package/dist/components/Dropdown/DropdownItem.js

@@ -1 +1,46 @@
-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};
+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
+};