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

package/dist/components/Dropdown/DropdownTrigger.js

@@ -1,58 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import SvgIconRafterUp from "../../modules/icons/components/IconRafterUp.js";
-import { useDropdownContext } from "./DropdownContext.js";
-import Badge from "../Badge/Badge.js";
-const DropdownTrigger = /* @__PURE__ */ forwardRef(({
-  label,
-  icon,
-  variant = "default",
-  disabled = !1,
-  size,
-  badgeContent,
-  hideCarret = !1,
-  pill = !1,
-  innerBorderColor,
-  innerBorderWidth,
-  outerBorderColor,
-  outerBorderWidth,
-  outerBorderOffset,
-  baseShade,
-  ...restProps
-}, forwardRef2) => {
-  const {
-    triggerProps,
-    block
-  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
-    "w-100": block
-  }, triggerProps.className, restProps.className, {
-    "rounded-pill": pill
-  }, {
-    "base-shade": baseShade
-  }), style = {
-    ...outerBorderColor && {
-      outline: `${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,
-      outlineOffset: outerBorderOffset
-    },
-    ...innerBorderColor && {
-      border: `${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`
-    }
-  }, mergedProps = {
-    ...triggerProps,
-    ...restProps,
-    className,
-    style
-  };
-  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, type: "button", disabled, ...mergedProps, children: [
-    icon,
-    label,
-    badgeContent ? /* @__PURE__ */ jsx(Badge, { variant: {
-      level: "info",
-      type: "notification"
-    }, children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
-  ] });
-});
-export {
-  DropdownTrigger as default
-};
+import SvgIconRafterUp from"../../modules/icons/components/IconRafterUp.js";import Badge from"../Badge/Badge.js";import{useDropdownContext}from"./DropdownContext.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var DropdownTrigger=forwardRef(({label,icon,variant=`default`,disabled=!1,size,badgeContent,hideCarret=!1,pill=!1,innerBorderColor,innerBorderWidth,outerBorderColor,outerBorderWidth,outerBorderOffset,baseShade,...restProps},forwardRef)=>{let{triggerProps,block}=useDropdownContext(),className=clsx$1(`dropdown-toggle `,size,variant,{"w-100":block},triggerProps.className,restProps.className,{"rounded-pill":pill},{"base-shade":baseShade}),style={...outerBorderColor&&{outline:`${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,outlineOffset:outerBorderOffset},...innerBorderColor&&{border:`${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`}};return jsxs(`button`,{ref:forwardRef,type:`button`,disabled,...triggerProps,...restProps,className,style,children:[icon,label,badgeContent?jsx(Badge,{variant:{level:`info`,type:`notification`},children:badgeContent}):!hideCarret&&jsx(SvgIconRafterUp,{width:16,height:16,className:`dropdown-toggle-caret`})]})});export{DropdownTrigger as default};

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

@@ -0,0 +1,80 @@
+import { Key, ReactNode } from 'react';
+export interface DropdownVirtualizedMenuProps<T> {
+    /** Items to display, one option per entry. */
+    'items': T[];
+    /**
+     * Render-prop for an option's content. `active` is true for the option
+     * currently highlighted by keyboard/hover.
+     */
+    'renderItem': (item: T, state: {
+        index: number;
+        active: boolean;
+    }) => ReactNode;
+    /** Called when an option is chosen (click or Enter). */
+    'onSelect'?: (item: T, index: number) => void;
+    /** Stable key for an option. Defaults to the index. */
+    'getItemKey'?: (item: T, index: number) => Key;
+    /** Estimated option height in px, used before dynamic measurement. */
+    'estimateItemHeight'?: number;
+    /** Number of options rendered outside the visible window. */
+    'overscan'?: number;
+    /** Max height of the scrollable listbox, in px. */
+    'maxHeight'?: number;
+    /** Close the dropdown after a selection. Defaults to true. */
+    'closeOnSelect'?: boolean;
+    /** Use whole width. */
+    'block'?: boolean;
+    /** Skip the default menu styling. */
+    'unstyled'?: boolean;
+    /** Additional class name. */
+    'className'?: string;
+    /** Accessible label for the listbox. */
+    'aria-label'?: string;
+    /** Render a search field at the top of the menu, filtering the options. */
+    'searchable'?: boolean;
+    /**
+     * Text of an item, used to filter when `searchable`. Required for the
+     * built-in filtering to work.
+     */
+    'getItemText'?: (item: T) => string;
+    /** Placeholder of the search field. */
+    'searchPlaceholder'?: string;
+    /** Message shown when the search yields no result. */
+    'noResultsLabel'?: string;
+    /** Called whenever the search query changes. */
+    'onSearch'?: (query: string) => void;
+    /**
+     * Adds a "select all" row on top of the list, for multi-selects. It acts on
+     * the options currently listed: the filtered ones when a search is active.
+     * Reachable with the keyboard like any option (ArrowUp from the first one).
+     */
+    'selectAll'?: DropdownSelectAll<T>;
+}
+export interface DropdownSelectAll<T> {
+    /** Text of the row, e.g. "Select all". */
+    label: string;
+    /** Tells whether an item is currently selected (owned by the consumer). */
+    isSelected: (item: T) => boolean;
+    /**
+     * Called on click / Enter. `checked` is the state to apply to
+     * `visibleItems`: true unless every visible item is already selected.
+     */
+    onToggle: (checked: boolean, visibleItems: T[]) => void;
+}
+/**
+ * Virtualized dropdown menu (opt-in, data-driven). Only the visible options
+ * (+ overscan) are mounted, so the DOM node count stays constant whatever the
+ * list size.
+ *
+ * The menu is a panel containing an optional search field and a scrollable
+ * listbox. Keyboard navigation uses `aria-activedescendant` (roving) instead of
+ * focusing each option, which is required since off-screen options are not
+ * mounted: arrows / Home / End move the active option and scroll to it via
+ * `scrollToIndex`; Enter selects; Escape / Tab close. When `searchable`, focus
+ * stays in the search field (combobox pattern) and the same keys drive the
+ * listbox.
+ */
+export declare function DropdownVirtualizedMenu<T>({ items, renderItem, onSelect, getItemKey, estimateItemHeight, overscan, maxHeight, closeOnSelect, block, unstyled, className, 'aria-label': ariaLabel, searchable, getItemText, searchPlaceholder, noResultsLabel, onSearch, selectAll, }: DropdownVirtualizedMenuProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace DropdownVirtualizedMenu {
+    var displayName: string;
+}

package/dist/components/Dropdown/DropdownVirtualizedMenu.js

@@ -0,0 +1 @@
+import Checkbox from"../Checkbox/Checkbox.js";import{useDropdownContext}from"./DropdownContext.js";import SearchBar from"../SearchBar/SearchBar.js";import clsx$1 from"clsx";import{useCallback,useEffect,useId,useMemo,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useVirtualizer}from"@tanstack/react-virtual";var SELECT_ALL_INDEX=-1;function DropdownVirtualizedMenu({items,renderItem,onSelect,getItemKey,estimateItemHeight=40,overscan=8,maxHeight=320,closeOnSelect=!0,block,unstyled,className,"aria-label":ariaLabel,searchable=!1,getItemText,searchPlaceholder=`Rechercher...`,noResultsLabel=`Pas de résultat`,onSearch,selectAll}){let{visible,menuProps,closeDropdown}=useDropdownContext(),baseId=useId(),listboxId=`${baseId}-listbox`,optionId=index=>index===SELECT_ALL_INDEX?`${baseId}-select-all`:`${baseId}-option-${index}`,[scrollEl,setScrollEl]=useState(null),[listboxEl,setListboxEl]=useState(null),[activeIndex,setActiveIndex]=useState(0),[query,setQuery]=useState(``),filteredItems=useMemo(()=>{if(!searchable||!query||!getItemText)return items;let needle=query.toLowerCase();return items.filter(item=>getItemText(item).toLowerCase().includes(needle))},[items,query,searchable,getItemText]),hasSelectAll=!!selectAll&&filteredItems.length>0,minIndex=hasSelectAll?SELECT_ALL_INDEX:0,allSelected=useMemo(()=>hasSelectAll&&filteredItems.every(item=>selectAll.isSelected(item)),[hasSelectAll,filteredItems,selectAll]),someSelected=useMemo(()=>hasSelectAll&&filteredItems.some(item=>selectAll.isSelected(item)),[hasSelectAll,filteredItems,selectAll]),virtualizer=useVirtualizer({count:filteredItems.length,getScrollElement:()=>scrollEl,estimateSize:()=>estimateItemHeight,overscan});useEffect(()=>{visible&&(setActiveIndex(0),setQuery(``))},[visible]),useEffect(()=>{setActiveIndex(index=>filteredItems.length===0?0:Math.min(Math.max(index,minIndex),filteredItems.length-1))},[filteredItems.length,minIndex]),useEffect(()=>{visible&&!searchable&&listboxEl&&listboxEl.focus()},[visible,searchable,listboxEl]),useEffect(()=>{!visible||filteredItems.length===0||(activeIndex===SELECT_ALL_INDEX?scrollEl&&(scrollEl.scrollTop=0):virtualizer.scrollToIndex(activeIndex,{align:`auto`}))},[activeIndex,visible]);let toggleAll=useCallback(()=>{selectAll&&selectAll.onToggle(!allSelected,filteredItems)},[selectAll,allSelected,filteredItems]),select=useCallback(index=>{let item=filteredItems[index];item!==void 0&&(onSelect?.(item,index),closeOnSelect&&closeDropdown())},[filteredItems,onSelect,closeOnSelect,closeDropdown]),handleNavKeyDown=event=>{let lastIndex=filteredItems.length-1,hasOptions=lastIndex>=0,activate=()=>activeIndex===SELECT_ALL_INDEX?toggleAll():select(activeIndex);switch(event.key){case`ArrowDown`:event.preventDefault(),hasOptions&&setActiveIndex(index=>Math.min(index+1,lastIndex));break;case`ArrowUp`:event.preventDefault(),hasOptions&&setActiveIndex(index=>Math.max(index-1,minIndex));break;case`Home`:event.preventDefault(),hasOptions&&setActiveIndex(0);break;case`End`:event.preventDefault(),hasOptions&&setActiveIndex(lastIndex);break;case`Enter`:event.preventDefault(),hasOptions&&activate();break;case` `:searchable||(event.preventDefault(),hasOptions&&activate());break;case`Escape`:case`Tab`:closeDropdown();break;default:break}};if(!visible)return null;let{ref:menuRef,className:menuClassName,style,...restMenuProps}=menuProps,panelClassName=clsx$1({"w-100":block,"bg-white shadow rounded-4 p-8":!unstyled},menuClassName,className),activeDescendant=filteredItems.length>0?optionId(activeIndex):void 0;return jsxs(`div`,{...restMenuProps,ref:menuRef,className:panelClassName,style:{...style,maxHeight:`none`,overflowY:`visible`},children:[searchable&&jsxs(`div`,{className:`pb-8`,children:[jsx(SearchBar,{isVariant:!0,clearable:!0,size:`md`,placeholder:searchPlaceholder,value:query,autoFocus:!0,role:`combobox`,"aria-expanded":!0,"aria-controls":listboxId,"aria-activedescendant":activeDescendant,onChange:event=>{setQuery(event.target.value),onSearch?.(event.target.value)},onKeyDown:handleNavKeyDown}),query&&filteredItems.length===0&&jsx(`p`,{className:`body-2 text-gray-700 text-center mt-8 mb-0`,children:noResultsLabel})]}),jsxs(`div`,{id:listboxId,ref:setListboxEl,role:`listbox`,tabIndex:searchable?-1:0,"aria-label":ariaLabel,"aria-multiselectable":selectAll?!0:void 0,"aria-activedescendant":searchable?void 0:activeDescendant,onKeyDown:searchable?void 0:handleNavKeyDown,children:[hasSelectAll&&jsxs(`div`,{id:optionId(SELECT_ALL_INDEX),role:`option`,"data-select-all":!0,onClick:toggleAll,onMouseEnter:()=>setActiveIndex(SELECT_ALL_INDEX),className:clsx$1(`dropdown-item d-flex align-items-center justify-content-between gap-8 border-bottom mb-4`,{focus:activeIndex===SELECT_ALL_INDEX}),children:[jsx(`span`,{className:`text-truncate fw-bold`,children:selectAll.label}),jsx(Checkbox,{checked:allSelected,indeterminate:someSelected&&!allSelected,onChange:()=>{},tabIndex:-1,"aria-hidden":!0})]}),jsx(`div`,{ref:setScrollEl,style:{maxHeight,minHeight:0,overflowY:`auto`},children:jsx(`div`,{style:{height:virtualizer.getTotalSize(),width:`100%`,position:`relative`},children:virtualizer.getVirtualItems().map(virtualItem=>{let index=virtualItem.index,item=filteredItems[index],active=index===activeIndex;return jsx(`div`,{id:optionId(index),role:`option`,"data-index":index,ref:virtualizer.measureElement,onClick:()=>select(index),onMouseEnter:()=>setActiveIndex(index),style:{position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${virtualItem.start}px)`},children:renderItem(item,{index,active})},getItemKey?getItemKey(item,index):index)})})})]})]})}export{DropdownVirtualizedMenu};

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

@@ -1,2 +1,3 @@
 export { default as Dropdown } from './Dropdown';
 export * from './Dropdown';
+export * from './DropdownVirtualizedMenu';

package/dist/components/Dropdown/useDropdownItemFilter.js

@@ -1,19 +1 @@
-import { useId, useLayoutEffect } from "react";
-import { useDropdownContext } from "./DropdownContext.js";
-const useDropdownItemFilter = (searchValue) => {
-  const {
-    searchQuery,
-    reportMatch,
-    unregisterMatch
-  } = useDropdownContext(), id = useId(), isFiltered = searchValue !== void 0 && searchQuery !== "" && !searchValue.toLowerCase().includes(searchQuery.toLowerCase());
-  return useLayoutEffect(() => {
-    if (searchValue !== void 0)
-      return reportMatch(id, !isFiltered), () => unregisterMatch(id);
-  }, [id, isFiltered, searchValue, reportMatch, unregisterMatch]), {
-    id,
-    isFiltered
-  };
-};
-export {
-  useDropdownItemFilter
-};
+import{useDropdownContext}from"./DropdownContext.js";import{useId,useLayoutEffect}from"react";var useDropdownItemFilter=searchValue=>{let{searchQuery,reportMatch,unregisterMatch}=useDropdownContext(),id=useId(),isFiltered=searchValue!==void 0&&searchQuery!==``&&!searchValue.toLowerCase().includes(searchQuery.toLowerCase());return useLayoutEffect(()=>{if(searchValue!==void 0)return reportMatch(id,!isFiltered),()=>unregisterMatch(id)},[id,isFiltered,searchValue,reportMatch,unregisterMatch]),{id,isFiltered}};export{useDropdownItemFilter};

package/dist/components/Dropzone/Dropzone.js

@@ -1,55 +1 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import clsx from "clsx";
-import { DropzoneContext } from "./DropzoneContext.js";
-import DropzoneDrag from "./DropzoneDrag.js";
-import DropzoneFile from "./DropzoneFile.js";
-import DropzoneImport from "./DropzoneImport.js";
-import useDropzone from "../../hooks/useDropzone/useDropzone.js";
-const Dropzone = ({
-  className,
-  accept,
-  multiple = !0,
-  handle = !1,
-  children
-}) => {
-  const {
-    inputRef,
-    dragging,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt,
-    handleDragLeave,
-    handleDragging,
-    handleDrop,
-    handleOnChange
-  } = useDropzone(accept ? {
-    forceFilters: !0
-  } : void 0), classes = clsx("dropzone", {
-    "is-dragging": (multiple || files.length < 1) && dragging,
-    "is-drop-files": !(files.length !== 0 && !handle)
-  }, className), value = useMemo(() => ({
-    inputRef,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt
-  }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
-  return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
-    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-fill", children: [
-      handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Dropzone.File, { multiple, children }),
-        /* @__PURE__ */ jsx(Dropzone.Import, {})
-      ] }),
-      /* @__PURE__ */ jsx(Dropzone.Drag, {})
-    ] }),
-    /* @__PURE__ */ jsx("input", { ref: inputRef, accept: accept == null ? void 0 : accept.join(","), multiple, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleOnChange, hidden: !0 })
-  ] }) });
-};
-Dropzone.File = DropzoneFile;
-Dropzone.Import = DropzoneImport;
-Dropzone.Drag = DropzoneDrag;
-export {
-  Dropzone as default
-};
+import useDropzone from"../../hooks/useDropzone/useDropzone.js";import{DropzoneContext}from"./DropzoneContext.js";import DropzoneDrag from"./DropzoneDrag.js";import DropzoneFile from"./DropzoneFile.js";import DropzoneImport from"./DropzoneImport.js";import clsx$1 from"clsx";import{useMemo}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";var Dropzone=({className,accept,multiple=!0,handle=!1,children})=>{let{inputRef,dragging,files,addFile,deleteFile,replaceFileAt,handleDragLeave,handleDragging,handleDrop,handleOnChange}=useDropzone(accept?{forceFilters:!0}:void 0),classes=clsx$1(`dropzone`,{"is-dragging":(multiple||files.length<1)&&dragging,"is-drop-files":!(files.length!==0&&!handle)},className),value=useMemo(()=>({inputRef,files,addFile,deleteFile,replaceFileAt}),[addFile,deleteFile,replaceFileAt,files,inputRef]);return jsx(DropzoneContext.Provider,{value,children:jsxs(`div`,{className:classes,onDragEnter:handleDragging,onDragOver:handleDragging,onDragLeave:handleDragLeave,onDrop:files.length>0&&!multiple?void 0:handleDrop,children:[jsxs(`div`,{className:`d-flex flex-fill`,children:[handle?null:jsxs(Fragment$1,{children:[jsx(Dropzone.File,{multiple,children}),jsx(Dropzone.Import,{})]}),jsx(Dropzone.Drag,{})]}),jsx(`input`,{ref:inputRef,accept:accept?.join(`,`),multiple,type:`file`,name:`attachment-input`,id:`attachment-input`,onChange:handleOnChange,hidden:!0})]})})};Dropzone.File=DropzoneFile,Dropzone.Import=DropzoneImport,Dropzone.Drag=DropzoneDrag;export{Dropzone as default};

package/dist/components/Dropzone/DropzoneContext.js

@@ -1,12 +1 @@
-import { createContext, useContext } from "react";
-const DropzoneContext = /* @__PURE__ */ createContext(null);
-function useDropzoneContext() {
-  const context = useContext(DropzoneContext);
-  if (!context)
-    throw new Error("Cannot be rendered outside Dropzone Provider");
-  return context;
-}
-export {
-  DropzoneContext,
-  useDropzoneContext
-};
+import{createContext,useContext}from"react";var DropzoneContext=createContext(null);function useDropzoneContext(){let context=useContext(DropzoneContext);if(!context)throw Error(`Cannot be rendered outside Dropzone Provider`);return context}export{DropzoneContext,useDropzoneContext};

package/dist/components/Dropzone/DropzoneDrag.js

@@ -1,11 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-const DropzoneDrag = () => {
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "drop-wrapper", children: /* @__PURE__ */ jsx("div", { className: "drop-content", children: /* @__PURE__ */ jsx("p", { className: "drop-text", children: t("dropzone.drop") }) }) });
-};
-export {
-  DropzoneDrag as default
-};
+import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneDrag=()=>{let{t}=useTranslation();return jsx(`div`,{className:`drop-wrapper`,children:jsx(`div`,{className:`drop-content`,children:jsx(`p`,{className:`drop-text`,children:t(`dropzone.drop`)})})})};export{DropzoneDrag as default};

package/dist/components/Dropzone/DropzoneFile.js

@@ -1,30 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
-import Button from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-const DropzoneFile = ({
-  children,
-  multiple
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
-    "d-block": hasFiles,
-    "d-none": !hasFiles
-  });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), disabled: !multiple, onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-    }, children: t("dropzone.add.more") }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "p-8", children })
-  ] });
-};
-export {
-  DropzoneFile as default
-};
+import SvgIconPlus from"../../modules/icons/components/IconPlus.js";import Button from"../Button/Button.js";import{useDropzoneContext}from"./DropzoneContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneFile=({children,multiple})=>{let{t}=useTranslation(),{files,inputRef}=useDropzoneContext(),hasFiles=files&&files.length>0;return jsxs(`div`,{className:clsx$1(`drop-file-wrapper`,{"d-block":hasFiles,"d-none":!hasFiles}),children:[jsx(`div`,{className:`drop-file-content`,children:jsx(`div`,{className:`add-button p-4`,children:jsx(Button,{variant:`ghost`,leftIcon:jsx(SvgIconPlus,{}),disabled:!multiple,onClick:()=>inputRef?.current?.click(),children:t(`dropzone.add.more`)})})}),jsx(`div`,{className:`p-8`,children})]})};export{DropzoneFile as default};

package/dist/components/Dropzone/DropzoneImport.js

@@ -1,28 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
-import Button from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-const DropzoneImport = () => {
-  const {
-    t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("dropzone-import-wrapper", {
-    "d-flex": !hasFiles,
-    "d-none": hasFiles
-  });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx(SvgIconDownload, { height: 48, width: 48 }),
-    /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
-    /* @__PURE__ */ jsx(Button, { onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-    }, children: t("dropzone.import") })
-  ] });
-};
-export {
-  DropzoneImport as default
-};
+import SvgIconDownload from"../../modules/icons/components/IconDownload.js";import Button from"../Button/Button.js";import{useDropzoneContext}from"./DropzoneContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DropzoneImport=()=>{let{t}=useTranslation(),{files,inputRef}=useDropzoneContext(),hasFiles=files&&files.length>0;return jsxs(`div`,{className:clsx$1(`dropzone-import-wrapper`,{"d-flex":!hasFiles,"d-none":hasFiles}),children:[jsx(SvgIconDownload,{height:48,width:48}),jsx(`p`,{className:`my-16`,children:t(`dropzone.text`)}),jsx(Button,{onClick:()=>inputRef?.current?.click(),children:t(`dropzone.import`)})]})};export{DropzoneImport as default};

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -1,21 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import Heading from "../Heading/Heading.js";
-const EmptyScreen = ({
-  imageSrc,
-  imageAlt = "",
-  title,
-  text,
-  size = 250,
-  className
-}) => {
-  const textClass = clsx("text", className);
-  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
-    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: size, height: size }) }),
-    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
-    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
-  ] });
-};
-export {
-  EmptyScreen as default
-};
+import Heading from"../Heading/Heading.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var EmptyScreen=({imageSrc,imageAlt=``,title,text,size=250,className})=>{let textClass=clsx$1(`text`,className);return jsxs(`div`,{className:`emptyscreen`,children:[imageSrc&&jsx(`div`,{className:`emptyscreen-image mb-12`,children:jsx(`img`,{className:`mx-auto`,src:imageSrc,alt:imageAlt,width:size,height:size})}),title&&jsx(Heading,{level:`h2`,headingStyle:`h2`,className:`text-secondary mb-8`,children:title}),text&&jsx(`div`,{className:textClass,children:text})]})};export{EmptyScreen as default};

package/dist/components/Flex/Flex.js

@@ -1,25 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { forwardRef } from "react";
-const Flex = /* @__PURE__ */ forwardRef(({
-  as: Component = "div",
-  direction,
-  align,
-  justify,
-  gap,
-  fill,
-  wrap,
-  className,
-  children,
-  ...restProps
-}, ref) => {
-  const gapClasses = (() => {
-    if (!gap) return;
-    const [rowGap, colGap] = gap.trim().split(/\s+/);
-    return colGap !== void 0 ? [`row-gap-${rowGap}`, `column-gap-${colGap}`] : `gap-${rowGap}`;
-  })(), classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gapClasses, wrap && `flex-${wrap === "reverse" ? "wrap-reverse" : wrap}`, className);
-  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
-});
-export {
-  Flex as default
-};
+import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var Flex=forwardRef(({as:Component=`div`,direction,align,justify,gap,fill,wrap,className,children,...restProps},ref)=>{let gapClasses=(()=>{if(!gap)return;let[rowGap,colGap]=gap.trim().split(/\s+/);return colGap===void 0?`gap-${rowGap}`:[`row-gap-${rowGap}`,`column-gap-${colGap}`]})();return jsx(Component,{ref,className:clsx$1(`d-flex`,direction&&`flex-${direction}`,fill&&`flex-fill`,align&&`align-items-${align}`,justify&&`justify-content-${justify}`,gapClasses,wrap&&`flex-${wrap===`reverse`?`wrap-reverse`:wrap}`,className),...restProps,children})});export{Flex as default};

package/dist/components/Form/FormContext.js

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

package/dist/components/Form/FormControl.js

@@ -1,32 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { Context } from "./FormContext.js";
-import FormText from "./FormText.js";
-import Input from "../Input/Input.js";
-import Label from "../Label/Label.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  children,
-  className,
-  id,
-  isOptional,
-  isReadOnly,
-  isRequired,
-  status,
-  ...restProps
-}, ref) => {
-  const values = useMemo(() => ({
-    id,
-    isOptional,
-    isRequired,
-    isReadOnly,
-    status
-  }), [id, isOptional, isReadOnly, isRequired, status]);
-  return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
-}), FormControl = Object.assign(Root, {
-  Label,
-  Input,
-  Text: FormText
-});
-export {
-  FormControl as default
-};
+import{Context}from"./FormContext.js";import FormText from"./FormText.js";import Input from"../Input/Input.js";import Label from"../Label/Label.js";import{forwardRef,useMemo}from"react";import{jsx}from"react/jsx-runtime";var Root=forwardRef(({children,className,id,isOptional,isReadOnly,isRequired,status,...restProps},ref)=>{let values=useMemo(()=>({id,isOptional,isRequired,isReadOnly,status}),[id,isOptional,isReadOnly,isRequired,status]);return jsx(Context.Provider,{value:values,children:jsx(`div`,{ref,className,...restProps,children})})}),FormControl=Object.assign(Root,{Label,Input,Text:FormText});export{FormControl as default};

package/dist/components/Form/FormText.js

@@ -1,22 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import SvgIconError from "../../modules/icons/components/IconError.js";
-import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
-import { useFormControl } from "./FormContext.js";
-const FormText = ({
-  children
-}) => {
-  const {
-    status
-  } = useFormControl(), classes = clsx("input-message", {
-    "input-message--invalid": status === "invalid",
-    "input-message--valid": status === "valid"
-  }), Icon = status === "invalid" ? SvgIconError : status === "valid" ? SvgIconSuccessOutline : null;
-  return /* @__PURE__ */ jsxs("p", { className: classes, children: [
-    Icon && /* @__PURE__ */ jsx(Icon, { className: "input-message__icon", "aria-hidden": "true" }),
-    children
-  ] });
-};
-export {
-  FormText as default
-};
+import SvgIconError from"../../modules/icons/components/IconError.js";import SvgIconSuccessOutline from"../../modules/icons/components/IconSuccessOutline.js";import{useFormControl}from"./FormContext.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var FormText=({children})=>{let{status}=useFormControl(),classes=clsx$1(`input-message`,{"input-message--invalid":status===`invalid`,"input-message--valid":status===`valid`}),Icon=status===`invalid`?SvgIconError:status===`valid`?SvgIconSuccessOutline:null;return jsxs(`p`,{className:classes,children:[Icon&&jsx(Icon,{className:`input-message__icon`,"aria-hidden":`true`}),children]})};export{FormText as default};

package/dist/components/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface GridProps {
+export interface GridProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
      * Content inside the Grid component. Usually GridCol components
      */

package/dist/components/Grid/Grid.js

@@ -1,32 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-const Grid = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  const classes = clsx("grid", className);
-  return /* @__PURE__ */ jsx("div", { className: classes, ...restProps, children });
-}, Column = ({
-  sm,
-  md,
-  lg,
-  xl,
-  children,
-  className,
-  as,
-  ...restProps
-}) => {
-  const Component = as || "div", classes = clsx({
-    [`g-col-${sm}`]: sm,
-    [md ? `g-col-md-${md}` : ""]: md,
-    [lg ? `g-col-lg-${lg}` : ""]: lg,
-    [xl ? `g-col-xl-${xl}` : ""]: xl
-  }, className);
-  return /* @__PURE__ */ jsx(Component, { className: classes, ...restProps, children });
-};
-Grid.Col = Column;
-export {
-  Column,
-  Grid
-};
+import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var Grid=({children,className,...restProps})=>jsx(`div`,{className:clsx$1(`grid`,className),...restProps,children}),Column=({sm,md,lg,xl,children,className,as,...restProps})=>jsx(as||`div`,{className:clsx$1({[`g-col-${sm}`]:sm,[md?`g-col-md-${md}`:``]:md,[lg?`g-col-lg-${lg}`:``]:lg,[xl?`g-col-xl-${xl}`:``]:xl},className),...restProps,children});Grid.Col=Column;export{Column,Grid};

package/dist/components/Heading/Heading.js

@@ -1,16 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const Heading = /* @__PURE__ */ forwardRef(({
-  level: Component = "h1",
-  headingStyle = "h1",
-  children,
-  className,
-  ...restProps
-}, ref) => {
-  const classes = clsx(headingStyle, className);
-  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...restProps, children });
-});
-export {
-  Heading as default
-};
+import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var Heading=forwardRef(({level:Component=`h1`,headingStyle=`h1`,children,className,...restProps},ref)=>jsx(Component,{ref,className:clsx$1(headingStyle,className),...restProps,children}));export{Heading as default};

package/dist/components/Image/Image.js

@@ -1,44 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import commonPlaceholder from "@edifice.io/bootstrap/dist/images/common/image-placeholder.png";
-import useImage from "../../hooks/useImage/useImage.js";
-const Image = /* @__PURE__ */ forwardRef(({
-  src,
-  alt,
-  imgPlaceholder,
-  ratio,
-  objectFit,
-  className,
-  onError: onErrorProp,
-  ...restProps
-}, ref) => {
-  const placeholder = imgPlaceholder ?? commonPlaceholder, {
-    imgSrc,
-    onError
-  } = useImage({
-    src,
-    placeholder
-  }), handleError = (event) => {
-    onError(), onErrorProp == null || onErrorProp(event);
-  }, ratioImage = {
-    "ratio ratio-1x1": ratio === "1",
-    "ratio ratio-4x3": ratio === "4",
-    "ratio ratio-16x9": ratio === "16",
-    "ratio ratio-21x9": ratio === "21"
-  }, objectImage = {
-    "object-fit-contain": objectFit === "contain",
-    "object-fit-cover": objectFit === "cover",
-    "object-fit-fill": objectFit === "fill",
-    "object-fit-scale": objectFit === "scale",
-    "object-fit-none": objectFit === "none"
-  }, ratioClasses = clsx({
-    ...ratioImage
-  }), classes = clsx({
-    ...objectImage
-  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError: handleError, ref, src: imgSrc, className: classes, ...restProps });
-  return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
-});
-export {
-  Image as default
-};
+import useImage from"../../hooks/useImage/useImage.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";import commonPlaceholder from"@edifice.io/bootstrap/dist/images/common/image-placeholder.png";var Image=forwardRef(({src,alt,imgPlaceholder,ratio,objectFit,className,onError:onErrorProp,...restProps},ref)=>{let{imgSrc,onError}=useImage({src,placeholder:imgPlaceholder??commonPlaceholder}),handleError=event=>{onError(),onErrorProp?.(event)},ratioImage={"ratio ratio-1x1":ratio===`1`,"ratio ratio-4x3":ratio===`4`,"ratio ratio-16x9":ratio===`16`,"ratio ratio-21x9":ratio===`21`},objectImage={"object-fit-contain":objectFit===`contain`,"object-fit-cover":objectFit===`cover`,"object-fit-fill":objectFit===`fill`,"object-fit-scale":objectFit===`scale`,"object-fit-none":objectFit===`none`},ratioClasses=clsx$1({...ratioImage}),renderImage=jsx(`img`,{alt,onError:handleError,ref,src:imgSrc,className:clsx$1({...objectImage},className),...restProps});return ratio?jsx(`div`,{className:ratioClasses,children:renderImage}):renderImage});export{Image as default};

package/dist/components/Input/Input.js

@@ -1,64 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState, useLayoutEffect } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
-import { useFormControl } from "../Form/FormContext.js";
-const Input = /* @__PURE__ */ forwardRef(({
-  placeholder,
-  size = "md",
-  type = "text",
-  className,
-  showCounter = !1,
-  autoComplete = "off",
-  clearable = !1,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  noValidationIcon,
-  ...restProps
-}, forwardedRef) => {
-  var _a;
-  const {
-    id,
-    isRequired,
-    isReadOnly,
-    status
-  } = useFormControl(), {
-    t
-  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0);
-  useLayoutEffect(() => {
-    inputRef.current && setCurrentLength(inputRef.current.value.length);
-  }, []);
-  const setRefs = (node) => {
-    inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
-  }, wrapperClasses = clsx("input", {
-    "input--lg": size === "lg",
-    "input--invalid": status === "invalid",
-    "input--valid": status === "valid",
-    "input--plaintext": isReadOnly
-  }, className), handleChange = (e) => {
-    var _a2;
-    setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-  }, handleClear = () => {
-    var _a2;
-    const node = inputRef.current;
-    if (!node) return;
-    const nativeSetter = (_a2 = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a2.set;
-    nativeSetter == null || nativeSetter.call(node, ""), node.dispatchEvent(new Event("input", {
-      bubbles: !0
-    })), node.focus();
-  }, maxLength = restProps.maxLength ?? 0;
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
-    /* @__PURE__ */ jsx("input", { ref: setRefs, id, className: "input__field", type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: handleChange, autoComplete }),
-    clearable && !isReadOnly && /* @__PURE__ */ jsx("button", { type: "button", className: "input__clear", onClick: handleClear, "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, {}) }),
-    showCounter && /* @__PURE__ */ jsxs("span", { className: clsx("input__counter", {
-      "input__counter--max": currentLength === maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      maxLength
-    ] })
-  ] });
-});
-export {
-  Input as default
-};
+import SvgIconClose from"../../modules/icons/components/IconClose.js";import{useFormControl}from"../Form/FormContext.js";import clsx$1 from"clsx";import{forwardRef,useLayoutEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Input=forwardRef(({placeholder,size=`md`,type=`text`,className,showCounter=!1,autoComplete=`off`,clearable=!1,noValidationIcon,...restProps},forwardedRef)=>{let{id,isRequired,isReadOnly,status}=useFormControl(),{t}=useTranslation(),inputRef=useRef(null),[currentLength,setCurrentLength]=useState(restProps.defaultValue?.toString().length||0);useLayoutEffect(()=>{inputRef.current&&setCurrentLength(inputRef.current.value.length)},[]);let setRefs=node=>{inputRef.current=node,typeof forwardedRef==`function`?forwardedRef(node):forwardedRef&&(forwardedRef.current=node)},wrapperClasses=clsx$1(`input`,{"input--lg":size===`lg`,"input--invalid":status===`invalid`,"input--valid":status===`valid`,"input--plaintext":isReadOnly},className),handleChange=e=>{setCurrentLength(e.target.value.length),restProps.onChange?.(e)},handleClear=()=>{let node=inputRef.current;node&&((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set)?.call(node,``),node.dispatchEvent(new Event(`input`,{bubbles:!0})),node.focus())},maxLength=restProps.maxLength??0;return jsxs(`div`,{className:wrapperClasses,children:[jsx(`input`,{ref:setRefs,id,className:`input__field`,type,placeholder,required:isRequired,readOnly:isReadOnly,...restProps,onChange:handleChange,autoComplete}),clearable&&!isReadOnly&&jsx(`button`,{type:`button`,className:`input__clear`,onClick:handleClear,"aria-label":t(`clear`),children:jsx(SvgIconClose,{})}),showCounter&&jsxs(`span`,{className:clsx$1(`input__counter`,{"input__counter--max":currentLength===maxLength}),children:[currentLength,` / `,maxLength]})]})});export{Input as default};