@l3mpire/ui 2.17.0 → 2.18.0

package/dist/index.mjs

@@ -7086,6 +7086,7 @@ import { Icon as Icon29, faArrowRightOutline as faArrowRightOutline2, faTrashOut
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
 var KebabMenu = ({
   onConvertToAdvanced,
+  hasAdvancedFilters = false,
   onDelete,
   open,
   onOpenChange,
@@ -7124,7 +7125,7 @@ var KebabMenu = ({
                   className: "shrink-0 text-[var(--color-dropdown-item-icon)]"
                 }
               ),
-              /* @__PURE__ */ jsx51("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)]", children: "Convert to advanced" })
+              /* @__PURE__ */ jsx51("span", { className: "text-sm font-regular leading-sm text-[var(--color-dropdown-item-text)]", children: hasAdvancedFilters ? "Add to advanced filters" : "Convert to advanced" })
             ]
           }
         ),
@@ -7311,6 +7312,7 @@ var InteractiveFilterChip = ({
   onPropertyChange,
   onDelete,
   onConvertToAdvanced,
+  hasAdvancedFilters = false,
   className
 }) => {
   const [operatorOpen, setOperatorOpen] = React46.useState(false);
@@ -7466,6 +7468,7 @@ var InteractiveFilterChip = ({
             open: kebabOpen,
             onOpenChange: setKebabOpen,
             onConvertToAdvanced,
+            hasAdvancedFilters,
             onDelete,
             children: /* @__PURE__ */ jsx53("div", { children: /* @__PURE__ */ jsx53(
               FilterChipSegment,
@@ -7968,7 +7971,8 @@ var AdvancedPopover = ({
   onFiltersChange,
   open,
   onOpenChange,
-  children
+  children,
+  collisionBoundary
 }) => {
   const [addSelectorOpen, setAddSelectorOpen] = React51.useState(false);
   const [draftPickerOpen, setDraftPickerOpen] = React51.useState(false);
@@ -8119,6 +8123,7 @@ var AdvancedPopover = ({
         sideOffset: 4,
         align: "start",
         collisionPadding: 16,
+        collisionBoundary: collisionBoundary ?? void 0,
         onOpenAutoFocus: (e) => e.preventDefault(),
         className: cn(
           "z-50 flex flex-col",
@@ -8126,7 +8131,7 @@ var AdvancedPopover = ({
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           "data-[side=bottom]:slide-in-from-top-2",
-          "w-[min(640px,calc(100vw-32px))] min-w-[360px]"
+          collisionBoundary ? "w-[min(640px,var(--radix-popover-content-available-width))] min-w-0" : "w-[min(640px,calc(100vw-32px))] min-w-[360px]"
         ),
         children: [
           /* @__PURE__ */ jsx58("div", { className: "flex flex-col gap-base p-base", children: filters.length > 0 ? filters.map((node, i) => renderNode(node, i)) : /* @__PURE__ */ jsx58(
@@ -8259,7 +8264,8 @@ var SummaryChip = ({
   children,
   className,
   open: openProp,
-  onOpenChange
+  onOpenChange,
+  collisionBoundary
 }) => {
   const [uncontrolledOpen, setUncontrolledOpen] = React52.useState(false);
   const isControlled = openProp !== void 0;
@@ -8427,6 +8433,7 @@ var SummaryChip = ({
         sideOffset: 4,
         align: "start",
         collisionPadding: 16,
+        collisionBoundary: collisionBoundary ?? void 0,
         onOpenAutoFocus: (e) => e.preventDefault(),
         className: cn(
           "z-50 flex flex-col overflow-clip",
@@ -8434,7 +8441,7 @@ var SummaryChip = ({
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           "data-[side=bottom]:slide-in-from-top-2",
-          "w-[min(640px,calc(100vw-32px))]"
+          collisionBoundary ? "w-[min(640px,var(--radix-popover-content-available-width))]" : "w-[min(640px,calc(100vw-32px))]"
         ),
         children: [
           /* @__PURE__ */ jsx59("div", { className: "flex flex-col gap-base p-base", children: filters.length > 0 ? filters.map((node, i) => renderNode(node, i)) : /* @__PURE__ */ jsx59(
@@ -8548,12 +8555,14 @@ var FilterSystem = ({
   sortFields,
   mode: modeOverride,
   breakpoint,
+  bounded = false,
   children,
   actions,
   className
 }) => {
   const containerRef = React54.useRef(null);
   const mode = useFilterBarMode(containerRef, modeOverride, breakpoint);
+  const collisionBoundary = bounded ? containerRef.current : void 0;
   const [propertySelectorOpen, setPropertySelectorOpen] = React54.useState(false);
   const [advancedOpen, setAdvancedOpen] = React54.useState(false);
   const [summaryOpen, setSummaryOpen] = React54.useState(false);
@@ -8673,6 +8682,7 @@ var FilterSystem = ({
           onClearAll: handleClearAll,
           open: summaryOpen,
           onOpenChange: setSummaryOpen,
+          collisionBoundary,
           children: /* @__PURE__ */ jsx60(
             FilterBarButton,
             {
@@ -8693,6 +8703,7 @@ var FilterSystem = ({
               onFiltersChange: handleAdvancedFiltersChange,
               open: advancedOpen,
               onOpenChange: setAdvancedOpen,
+              collisionBoundary,
               children: /* @__PURE__ */ jsx60(
                 AdvancedChip,
                 {
@@ -8717,7 +8728,8 @@ var FilterSystem = ({
                 onUpdate: handleUpdateFilter,
                 onPropertyChange: (newProp) => handlePropertyChange(filter.id, newProp),
                 onDelete: () => handleDeleteFilter(filter.id),
-                onConvertToAdvanced: () => handleConvertToAdvanced(filter.id)
+                onConvertToAdvanced: () => handleConvertToAdvanced(filter.id),
+                hasAdvancedFilters: hasAdvanced
               },
               filter.id
             );