@edifice.io/react 2.2.2-develop-b2school.20250409142344 → 2.2.2-develop-b2school.20250410105023

package/dist/components/Combobox/Combobox.js

@@ -35,7 +35,7 @@ const Combobox = ({
     /* @__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, children: [
+  return /* @__PURE__ */ jsxs(Dropdown, { block: !0, focusOnVisible: !1, openOnSpace: !1, children: [
     /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { children: renderContent() })
   ] });

package/dist/components/Combobox/ComboboxTrigger.js

@@ -17,7 +17,6 @@ const ComboboxTrigger = ({
   const {
     triggerProps,
     itemProps,
-    menuProps,
     setVisible
   } = useDropdownContext(), containerProps = {
     ...triggerProps,

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

@@ -32,6 +32,10 @@ export interface DropdownProps {
      * Whether to focus the first element when the dropdown is opened.
      */
     focusOnVisible?: boolean;
+    /**
+     * Whether to open the dropdown on space key press.
+     */
+    openOnSpace?: boolean;
 }
 export type DropdownMenuOptions = {
     /**
@@ -57,7 +61,7 @@ export type DropdownMenuOptions = {
     type: 'divider';
 };
 declare const Dropdown: {
-    ({ children, block, overflow, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, block, overflow, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Dropdown/Dropdown.js

@@ -19,7 +19,8 @@ const Root = ({
   extraTriggerKeyDownHandler,
   onToggle,
   isTriggerHovered = !1,
-  focusOnVisible = !0
+  focusOnVisible = !0,
+  openOnSpace = !0
 }) => {
   const {
     visible,
@@ -29,7 +30,7 @@ const Root = ({
     itemProps,
     itemRefs,
     setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible), ref = useClickOutside(() => {
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace), ref = useClickOutside(() => {
     setVisible(!1);
   }), value = useMemo(() => ({
     visible,

package/dist/hooks/useDropdown/useDropdown.d.ts

@@ -27,6 +27,7 @@ export interface UseDropdownProps {
     menuProps: Record<string, any>;
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
+    openOnSpace?: boolean;
 }
-declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean) => UseDropdownProps;
+declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,7 +1,7 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
 import { useFloating, offset, size, flip, autoUpdate, useHover, safePolygon } from "@floating-ui/react";
 import { mergeRefs } from "../../utilities/refs/ref.js";
-const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0) => {
+const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {
     refs,
     floatingStyles,
@@ -32,7 +32,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
   });
   const menuRef = useRef(null), triggerRef = useRef(null), itemRefs = useRef({});
   useEffect(() => {
-    visible ? menuRef.current && (menuRef.current.focus(), focusOnVisible && setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
+    visible && menuRef.current && focusOnVisible ? (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
   }, [visible]), useEffect(() => {
     if (activeIndex !== -1) {
       const currentItem = Object.values(itemRefs.current)[activeIndex];
@@ -66,6 +66,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     switch (event.code) {
       case " ":
       case "Space":
+        if (!openOnSpace)
+          break;
       case "Enter":
       case "ArrowDown":
       case "Down":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.2-develop-b2school.20250409142344",
+  "version": "2.2.2-develop-b2school.20250410105023",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250409142344",
-    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250409142344",
-    "@edifice.io/utilities": "2.2.2-develop-b2school.20250409142344"
+    "@edifice.io/bootstrap": "2.2.2-develop-b2school.20250410105023",
+    "@edifice.io/tiptap-extensions": "2.2.2-develop-b2school.20250410105023",
+    "@edifice.io/utilities": "2.2.2-develop-b2school.20250410105023"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.2-develop-b2school.20250409142344",
-    "@edifice.io/config": "2.2.2-develop-b2school.20250409142344"
+    "@edifice.io/client": "2.2.2-develop-b2school.20250410105023",
+    "@edifice.io/config": "2.2.2-develop-b2school.20250410105023"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",