@tecsinapse/cortex-react 1.9.23 → 1.9.24-beta.0

package/dist/cjs/components/Popover/Provider.js

@@ -14,9 +14,15 @@ const PopoverProvider = ({
   children,
   placement,
   trigger,
+  fallbackPlacements,
   ...props
 }) => {
-  const floatingLogic = useFloatingElement.useFloatingElement({ placement, trigger, ...props });
+  const floatingLogic = useFloatingElement.useFloatingElement({
+    placement,
+    trigger,
+    fallbackPlacements,
+    ...props
+  });
   return /* @__PURE__ */ React.createElement(Context.Context.Provider, { value: { ...floatingLogic } }, children);
 };
 

package/dist/cjs/components/Select/Root.js

@@ -12,7 +12,15 @@ const SelectRoot = ({
   labelExtractor,
   className
 }) => {
-  return /* @__PURE__ */ React.createElement(index.Popover.Root, { placement: "bottom", trigger: "click" }, /* @__PURE__ */ React.createElement(context.SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement(Content.Content, { className }, children)));
+  return /* @__PURE__ */ React.createElement(
+    index.Popover.Root,
+    {
+      fallbackPlacements: ["bottom", "top"],
+      placement: "bottom",
+      trigger: "click"
+    },
+    /* @__PURE__ */ React.createElement(context.SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement(Content.Content, { className }, children))
+  );
 };
 
 exports.SelectRoot = SelectRoot;

package/dist/cjs/hooks/useFloatingElement.js

@@ -10,7 +10,8 @@ const useFloatingElement = ({
   arrowRef,
   controlled,
   isOpen,
-  setIsOpen
+  setIsOpen,
+  fallbackPlacements = ["right", "bottom", "left", "top"]
 }) => {
   const [openUncontrolled, onOpenChangeUncontrolled] = React.useState(false);
   const { x, y, strategy, refs, update, context, floatingStyles } = react.useFloating(
@@ -23,7 +24,7 @@ const useFloatingElement = ({
         react.offset(10),
         react.flip({
           flipAlignment: true,
-          fallbackPlacements: ["right", "bottom", "left", "top"]
+          fallbackPlacements
         }),
         react.shift(),
         ...arrowRef ? [react.arrow({ element: arrowRef })] : []

package/dist/cjs/styles/stepNodeVariants.js

@@ -4,7 +4,7 @@ var tailwindVariants = require('tailwind-variants');
 
 const StepNodeVariants = tailwindVariants.tv({
   slots: {
-    container: "flex flex-col items-center justify-center text-center w-full max-w-[268px]",
+    container: "flex flex-col items-center justify-center text-center w-full",
     content: "flex p-mili text-center w-full text-sub justify-center font-bold",
     separator: "h-micro w-full"
   },

package/dist/esm/components/Popover/Provider.js

@@ -12,9 +12,15 @@ const PopoverProvider = ({
   children,
   placement,
   trigger,
+  fallbackPlacements,
   ...props
 }) => {
-  const floatingLogic = useFloatingElement({ placement, trigger, ...props });
+  const floatingLogic = useFloatingElement({
+    placement,
+    trigger,
+    fallbackPlacements,
+    ...props
+  });
   return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { ...floatingLogic } }, children);
 };
 

package/dist/esm/components/Select/Root.js

@@ -10,7 +10,15 @@ const SelectRoot = ({
   labelExtractor,
   className
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Popover.Root, { placement: "bottom", trigger: "click" }, /* @__PURE__ */ React__default.createElement(SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React__default.createElement(Content, { className }, children)));
+  return /* @__PURE__ */ React__default.createElement(
+    Popover.Root,
+    {
+      fallbackPlacements: ["bottom", "top"],
+      placement: "bottom",
+      trigger: "click"
+    },
+    /* @__PURE__ */ React__default.createElement(SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React__default.createElement(Content, { className }, children))
+  );
 };
 
 export { SelectRoot };

package/dist/esm/hooks/useFloatingElement.js

@@ -8,7 +8,8 @@ const useFloatingElement = ({
   arrowRef,
   controlled,
   isOpen,
-  setIsOpen
+  setIsOpen,
+  fallbackPlacements = ["right", "bottom", "left", "top"]
 }) => {
   const [openUncontrolled, onOpenChangeUncontrolled] = useState(false);
   const { x, y, strategy, refs, update, context, floatingStyles } = useFloating(
@@ -21,7 +22,7 @@ const useFloatingElement = ({
         offset(10),
         flip({
           flipAlignment: true,
-          fallbackPlacements: ["right", "bottom", "left", "top"]
+          fallbackPlacements
         }),
         shift(),
         ...arrowRef ? [arrow({ element: arrowRef })] : []

package/dist/esm/styles/stepNodeVariants.js

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 
 const StepNodeVariants = tv({
   slots: {
-    container: "flex flex-col items-center justify-center text-center w-full max-w-[268px]",
+    container: "flex flex-col items-center justify-center text-center w-full",
     content: "flex p-mili text-center w-full text-sub justify-center font-bold",
     separator: "h-micro w-full"
   },

package/dist/types/components/Popover/Provider.d.ts

@@ -4,14 +4,16 @@ export interface ControlledProps {
     controlled: true;
     isOpen: boolean;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
+    fallbackPlacements?: Array<Placement>;
 }
 export interface UncontrolledProviderProps {
     children: ReactNode;
     placement?: Placement;
+    fallbackPlacements?: Array<Placement>;
     trigger?: 'hover' | 'click';
     controlled?: false;
 }
 export interface ControlledPopoverProviderProps extends Omit<UncontrolledProviderProps, 'controlled'>, ControlledProps {
 }
 export type PopoverProviderProps = UncontrolledProviderProps | ControlledPopoverProviderProps;
-export declare const PopoverProvider: ({ children, placement, trigger, ...props }: PopoverProviderProps) => React.JSX.Element;
+export declare const PopoverProvider: ({ children, placement, trigger, fallbackPlacements, ...props }: PopoverProviderProps) => React.JSX.Element;

package/dist/types/components/Popover/index.d.ts

@@ -2,5 +2,5 @@ export declare const Popover: {
     Root: ({ children, placement, trigger, ...props }: import("./Root").PopoverRootProps) => import("react").JSX.Element;
     Trigger: ({ children, disabled }: import("./Trigger").PopoverTriggerProps) => import("react").FunctionComponentElement<any>;
     Content: ({ children, className, modal, ...rest }: import("./Content").PopoverContentProps) => import("react").JSX.Element;
-    Provider: ({ children, placement, trigger, ...props }: import("./Provider").PopoverProviderProps) => import("react").JSX.Element;
+    Provider: ({ children, placement, trigger, fallbackPlacements, ...props }: import("./Provider").PopoverProviderProps) => import("react").JSX.Element;
 };

package/dist/types/hooks/useFloatingElement.d.ts

@@ -12,8 +12,9 @@ export interface FloatingElementProps {
     controlled?: boolean;
     isOpen?: boolean;
     setIsOpen?: Dispatch<SetStateAction<boolean>> | undefined;
+    fallbackPlacements?: Array<Placement>;
 }
-export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef, controlled, isOpen, setIsOpen, }: FloatingElementProps) => {
+export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef, controlled, isOpen, setIsOpen, fallbackPlacements, }: FloatingElementProps) => {
     isOpen: boolean;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
     x: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.23",
+  "version": "1.9.24-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "1682edbdcce8332e3903f511ce233f47bf43504d"
+  "gitHead": "83bce55599f2e5446609d025102aae1712106b1b"
 }