@bitrise/bitkit-v2 0.3.475-beta.3014 → 0.3.476

package/dist/components/BitkitFilter/BitkitFilter.d.ts

@@ -1,55 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactNode } from 'react';
-export interface BitkitFilterProps extends Omit<BoxProps, 'children'> {
-    /**
-     * The filters: `BitkitFilter.Switch`, `.Select`, `.DateRange`, `.Add` and `.Search`, in the
-     * order they appear. `.Search` always sits at the end of the bar.
-     */
-    children: ReactNode;
-    /**
-     * Where a capped content block sits: `center` over a centred page column, `start` over one that
-     * starts against a sidebar. Pass the same alignment as the page header and content below it.
-     * Only applies with a `contentWidth` in rems. Desktop only.
-     */
-    contentAlign?: 'center' | 'start';
-    /**
-     * Lines the bar up with the page content below it, for a bar under a page header: it gains a
-     * bottom border and the page's inline padding. Pass the content column's `max-width` in rems to
-     * cap the bar's content with it (padded 32 on both sides), or `'full'` for a full-width column
-     * (24 at the start, like the default `BitkitPageHeader`, and 32 at the end).
-     *
-     * Without it the bar has the tighter inset of a filter above a table. Desktop only.
-     */
-    contentWidth?: `${number}rem` | 'full';
-    /**
-     * Forces the desktop bar or the mobile "Filters" dialog. Defaults to the viewport: mobile below the
-     * tablet breakpoint. The mobile dialog is made for narrow screens; from tablet up it is a 320px drawer.
-     */
-    device?: 'desktop' | 'mobile';
-    /**
-     * Called once on "Clear filters" in place of handing each changed filter its `resetValue` — for a
-     * page that resets them all in one write, e.g. one URL update. The `resetValue`s still decide when
-     * the button shows.
-     */
-    onClear?: () => void;
-    /**
-     * Shows "Clear filters" while any filter differs from its `resetValue`. It hands each of those
-     * filters its `resetValue` back through its own `onValueChange`, or calls `onClear`.
-     */
-    showClear?: boolean;
-    /** Shows the filter icon at the start of the bar. Desktop only. */
-    showIcon?: boolean;
-    /** `loading`: while the page's data loads, the filters can't be opened, removed or cleared. The search stays usable. */
-    state?: 'loading';
-}
-declare const _default: import('react').ForwardRefExoticComponent<BitkitFilterProps & import('react').RefAttributes<HTMLDivElement>> & {
-    Add: {
-        ({ children }: import('./BitkitFilterAdd').BitkitFilterAddProps): import('react').JSX.Element;
-        displayName: string;
-    };
-    DateRange: import('react').ForwardRefExoticComponent<import('./BitkitFilterDateRange').BitkitFilterDateRangeProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Search: import('react').ForwardRefExoticComponent<import('./BitkitFilterSearch').BitkitFilterSearchProps & import('react').RefAttributes<HTMLInputElement>>;
-    Select: import('react').ForwardRefExoticComponent<import('./BitkitFilterSelect').BitkitFilterSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Switch: import('react').ForwardRefExoticComponent<import('./BitkitFilterSwitch').BitkitFilterSwitchProps & import('react').RefAttributes<HTMLElement>>;
-};
-export default _default;

package/dist/components/BitkitFilter/BitkitFilter.js

@@ -1,240 +0,0 @@
-import { withSubComponents } from "../../utilities/withSubComponents.js";
-import IconCross from "../../icons/IconCross.js";
-import IconFilter from "../../icons/IconFilter.js";
-import { usePortalContext } from "../../utilities/BitkitPortalContext.js";
-import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
-import BitkitBadge from "../BitkitBadge/BitkitBadge.js";
-import { flattenChildren } from "../../utilities/flattenChildren.js";
-import BitkitButton from "../BitkitButton/BitkitButton.js";
-import useResponsive from "../../hooks/useResponsive.js";
-import { FilterContextProvider } from "./BitkitFilter.context.js";
-import BitkitFilterAdd from "./BitkitFilterAdd.js";
-import BitkitFilterDateRange from "./BitkitFilterDateRange.js";
-import BitkitFilterSearch from "./BitkitFilterSearch.js";
-import BitkitFilterSelect from "./BitkitFilterSelect.js";
-import BitkitFilterSwitch from "./BitkitFilterSwitch.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@chakra-ui/react/portal";
-import { Drawer } from "@chakra-ui/react/drawer";
-//#region lib/components/BitkitFilter/BitkitFilter.tsx
-var toggle = (set, id, isIn) => {
-	if (set.has(id) === isIn) return set;
-	const next = new Set(set);
-	if (isIn) next.add(id);
-	else next.delete(id);
-	return next;
-};
-/**
-* A bar of filters above a list. Each filter is a controlled sub-component with its own `value` and
-* `onValueChange`; the bar lays them out and offers "Clear filters" across all of them.
-*
-* Below the tablet breakpoint the bar collapses into a "Filters" button opening a full-screen dialog,
-* where every filter is a field opening its own view. A filter still applies on its view's "Apply".
-*/
-var BitkitFilter = forwardRef((props, ref) => {
-	const { children, contentAlign, contentWidth, css, device, onClear, showClear = true, showIcon = true, state, ...rest } = props;
-	const { isMobile: isMobileViewport } = useResponsive();
-	const isMobile = device ? device === "mobile" : isMobileViewport;
-	const isDisabled = state === "loading";
-	const { disablePortal } = usePortalContext();
-	const [isDialogOpen, setIsDialogOpen] = useState(false);
-	const recipe = useSlotRecipe({ key: "filter" });
-	let pageLayout;
-	if (contentWidth) pageLayout = contentWidth === "full" ? "full" : "capped";
-	const styles = recipe({
-		contentAlign: pageLayout === "capped" ? contentAlign : void 0,
-		pageLayout
-	});
-	const resets = useRef(/* @__PURE__ */ new Map());
-	const [dirtyIds, setDirtyIds] = useState(/* @__PURE__ */ new Set());
-	const [activeIds, setActiveIds] = useState(/* @__PURE__ */ new Set());
-	const register = useCallback((id, reset) => {
-		resets.current.set(id, reset);
-	}, []);
-	const setStatus = useCallback((id, { isActive, isDirty }) => {
-		setDirtyIds((prev) => toggle(prev, id, isDirty));
-		setActiveIds((prev) => toggle(prev, id, isActive));
-	}, []);
-	const unregister = useCallback((id) => {
-		resets.current.delete(id);
-		setStatus(id, {
-			isActive: false,
-			isDirty: false
-		});
-	}, [setStatus]);
-	const context = useMemo(() => ({
-		isDisabled,
-		isMobile,
-		register,
-		setStatus,
-		styles,
-		unregister
-	}), [
-		isDisabled,
-		isMobile,
-		register,
-		setStatus,
-		styles,
-		unregister
-	]);
-	const filters = [];
-	const searches = [];
-	flattenChildren(children).forEach((child) => {
-		if (child.type === BitkitFilterSearch) searches.push(child);
-		else filters.push(child);
-	});
-	const isDirty = dirtyIds.size > 0;
-	const activeCount = activeIds.size;
-	const focusTarget = useRef(null);
-	const isFocusPending = useRef(false);
-	const clearAll = () => {
-		if (isDisabled) return;
-		isFocusPending.current = true;
-		if (onClear) onClear();
-		else dirtyIds.forEach((id) => resets.current.get(id)?.());
-	};
-	useEffect(() => {
-		if (!isFocusPending.current || isDirty) return;
-		isFocusPending.current = false;
-		const active = document.activeElement;
-		if (active && active !== document.body && !active.matches("[data-filter-clear]")) return;
-		focusTarget.current?.querySelector("button:not(:disabled), input:not(:disabled)")?.focus();
-	}, [isDirty]);
-	const clearProps = {
-		"aria-disabled": isDisabled || void 0,
-		"data-filter-clear": "",
-		onClick: clearAll
-	};
-	if (isMobile) return /* @__PURE__ */ jsx(FilterContextProvider, {
-		value: context,
-		children: /* @__PURE__ */ jsxs(Box, {
-			css,
-			ref,
-			...rest,
-			children: [
-				/* @__PURE__ */ jsxs(Box, {
-					css: styles.mobileBar,
-					ref: isDialogOpen ? void 0 : focusTarget,
-					children: [/* @__PURE__ */ jsxs(chakra.button, {
-						"aria-expanded": isDialogOpen,
-						"aria-haspopup": "dialog",
-						"aria-label": `Filters, ${activeCount} applied`,
-						"aria-disabled": isDisabled || void 0,
-						css: styles.mobileTrigger,
-						onClick: () => !isDisabled && setIsDialogOpen(true),
-						type: "button",
-						children: [
-							/* @__PURE__ */ jsx(IconFilter, { size: "16" }),
-							"Filters",
-							/* @__PURE__ */ jsx(BitkitBadge, {
-								colorVariant: activeCount ? "purple" : "neutral",
-								children: activeCount
-							})
-						]
-					}), showClear && isDirty && /* @__PURE__ */ jsx(BitkitButton, {
-						...clearProps,
-						icon: IconCross,
-						size: "sm",
-						variant: "tertiary",
-						children: "Clear filters"
-					})]
-				}),
-				searches,
-				/* @__PURE__ */ jsx(Drawer.Root, {
-					lazyMount: false,
-					onOpenChange: ({ open }) => setIsDialogOpen(open),
-					open: isDialogOpen,
-					unmountOnExit: false,
-					children: /* @__PURE__ */ jsx(Portal, {
-						disabled: disablePortal,
-						children: /* @__PURE__ */ jsx(Drawer.Positioner, { children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-							/* @__PURE__ */ jsxs(Box, {
-								css: styles.mobileHeader,
-								children: [/* @__PURE__ */ jsx(Drawer.Title, {
-									css: styles.mobileTitle,
-									unstyled: true,
-									children: "Filters"
-								}), /* @__PURE__ */ jsx(Drawer.CloseTrigger, {
-									asChild: true,
-									unstyled: true,
-									children: /* @__PURE__ */ jsx(BitkitCloseButton, { size: "sm" })
-								})]
-							}),
-							/* @__PURE__ */ jsx(Drawer.Body, {
-								css: styles.mobileBody,
-								ref: isDialogOpen ? focusTarget : void 0,
-								children: filters
-							}),
-							/* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs(Box, {
-								css: styles.mobileFooter,
-								children: [showClear && /* @__PURE__ */ jsx(BitkitButton, {
-									...clearProps,
-									size: "md",
-									state: isDirty ? void 0 : "disabled",
-									variant: "secondary",
-									children: "Clear filters"
-								}), /* @__PURE__ */ jsx(BitkitButton, {
-									onClick: () => setIsDialogOpen(false),
-									size: "md",
-									children: "Show results"
-								})]
-							}) })
-						] }) })
-					})
-				})
-			]
-		})
-	});
-	return /* @__PURE__ */ jsx(FilterContextProvider, {
-		value: context,
-		children: /* @__PURE__ */ jsx(Box, {
-			css: [styles.root, css],
-			ref,
-			...rest,
-			children: /* @__PURE__ */ jsxs(Box, {
-				css: styles.content,
-				maxWidth: contentWidth === "full" ? void 0 : contentWidth,
-				ref: focusTarget,
-				children: [/* @__PURE__ */ jsxs(Box, {
-					css: styles.filters,
-					children: [
-						showIcon && /* @__PURE__ */ jsx(Box, {
-							css: styles.icon,
-							children: /* @__PURE__ */ jsx(IconFilter, {})
-						}),
-						/* @__PURE__ */ jsx(Box, {
-							css: styles.items,
-							children: filters
-						}),
-						showClear && isDirty && /* @__PURE__ */ jsx(BitkitButton, {
-							...clearProps,
-							flexShrink: "0",
-							icon: IconCross,
-							size: "sm",
-							variant: "tertiary",
-							children: "Clear filters"
-						})
-					]
-				}), searches.length > 0 && /* @__PURE__ */ jsx(Box, {
-					css: styles.searchBlock,
-					children: searches
-				})]
-			})
-		})
-	});
-});
-BitkitFilter.displayName = "BitkitFilter";
-var BitkitFilter_default = withSubComponents(BitkitFilter, {
-	Add: BitkitFilterAdd,
-	DateRange: BitkitFilterDateRange,
-	Search: BitkitFilterSearch,
-	Select: BitkitFilterSelect,
-	Switch: BitkitFilterSwitch
-});
-//#endregion
-export { BitkitFilter_default as default };
-
-//# sourceMappingURL=BitkitFilter.js.map

package/dist/components/BitkitFilter/BitkitFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilter.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Drawer } from '@chakra-ui/react/drawer';\nimport { Portal } from '@chakra-ui/react/portal';\n// `chakra.button`: the mobile \"Filters\" button carries a count badge, which BitkitButton's string-only label can't.\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport useResponsive from '../../hooks/useResponsive';\nimport { IconCross, IconFilter } from '../../icons';\nimport { usePortalContext } from '../../utilities/BitkitPortalContext';\nimport { flattenChildren } from '../../utilities/flattenChildren';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitBadge from '../BitkitBadge/BitkitBadge';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { FilterContextProvider, type FilterStatus } from './BitkitFilter.context';\nimport BitkitFilterAdd from './BitkitFilterAdd';\nimport BitkitFilterDateRange from './BitkitFilterDateRange';\nimport BitkitFilterSearch from './BitkitFilterSearch';\nimport BitkitFilterSelect from './BitkitFilterSelect';\nimport BitkitFilterSwitch from './BitkitFilterSwitch';\n\nexport interface BitkitFilterProps extends Omit<BoxProps, 'children'> {\n  /**\n   * The filters: `BitkitFilter.Switch`, `.Select`, `.DateRange`, `.Add` and `.Search`, in the\n   * order they appear. `.Search` always sits at the end of the bar.\n   */\n  children: ReactNode;\n  /**\n   * Where a capped content block sits: `center` over a centred page column, `start` over one that\n   * starts against a sidebar. Pass the same alignment as the page header and content below it.\n   * Only applies with a `contentWidth` in rems. Desktop only.\n   */\n  contentAlign?: 'center' | 'start';\n  /**\n   * Lines the bar up with the page content below it, for a bar under a page header: it gains a\n   * bottom border and the page's inline padding. Pass the content column's `max-width` in rems to\n   * cap the bar's content with it (padded 32 on both sides), or `'full'` for a full-width column\n   * (24 at the start, like the default `BitkitPageHeader`, and 32 at the end).\n   *\n   * Without it the bar has the tighter inset of a filter above a table. Desktop only.\n   */\n  contentWidth?: `${number}rem` | 'full';\n  /**\n   * Forces the desktop bar or the mobile \"Filters\" dialog. Defaults to the viewport: mobile below the\n   * tablet breakpoint. The mobile dialog is made for narrow screens; from tablet up it is a 320px drawer.\n   */\n  device?: 'desktop' | 'mobile';\n  /**\n   * Called once on \"Clear filters\" in place of handing each changed filter its `resetValue` — for a\n   * page that resets them all in one write, e.g. one URL update. The `resetValue`s still decide when\n   * the button shows.\n   */\n  onClear?: () => void;\n  /**\n   * Shows \"Clear filters\" while any filter differs from its `resetValue`. It hands each of those\n   * filters its `resetValue` back through its own `onValueChange`, or calls `onClear`.\n   */\n  showClear?: boolean;\n  /** Shows the filter icon at the start of the bar. Desktop only. */\n  showIcon?: boolean;\n  /** `loading`: while the page's data loads, the filters can't be opened, removed or cleared. The search stays usable. */\n  state?: 'loading';\n}\n\nconst toggle = (set: ReadonlySet<string>, id: string, isIn: boolean) => {\n  if (set.has(id) === isIn) return set;\n  const next = new Set(set);\n  if (isIn) next.add(id);\n  else next.delete(id);\n  return next;\n};\n\n/**\n * A bar of filters above a list. Each filter is a controlled sub-component with its own `value` and\n * `onValueChange`; the bar lays them out and offers \"Clear filters\" across all of them.\n *\n * Below the tablet breakpoint the bar collapses into a \"Filters\" button opening a full-screen dialog,\n * where every filter is a field opening its own view. A filter still applies on its view's \"Apply\".\n */\nconst BitkitFilter = forwardRef<HTMLDivElement, BitkitFilterProps>((props, ref) => {\n  const {\n    children,\n    contentAlign,\n    contentWidth,\n    css,\n    device,\n    onClear,\n    showClear = true,\n    showIcon = true,\n    state,\n    ...rest\n  } = props;\n  const { isMobile: isMobileViewport } = useResponsive();\n  const isMobile = device ? device === 'mobile' : isMobileViewport;\n  const isDisabled = state === 'loading';\n  const { disablePortal } = usePortalContext();\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n\n  const recipe = useSlotRecipe({ key: 'filter' });\n  let pageLayout: 'capped' | 'full' | undefined;\n  if (contentWidth) pageLayout = contentWidth === 'full' ? 'full' : 'capped';\n  const styles = recipe({ contentAlign: pageLayout === 'capped' ? contentAlign : undefined, pageLayout });\n\n  const resets = useRef(new Map<string, () => void>());\n  const [dirtyIds, setDirtyIds] = useState<ReadonlySet<string>>(new Set());\n  const [activeIds, setActiveIds] = useState<ReadonlySet<string>>(new Set());\n\n  const register = useCallback((id: string, reset: () => void) => {\n    resets.current.set(id, reset);\n  }, []);\n\n  const setStatus = useCallback((id: string, { isActive, isDirty }: FilterStatus) => {\n    setDirtyIds((prev) => toggle(prev, id, isDirty));\n    setActiveIds((prev) => toggle(prev, id, isActive));\n  }, []);\n\n  const unregister = useCallback(\n    (id: string) => {\n      resets.current.delete(id);\n      setStatus(id, { isActive: false, isDirty: false });\n    },\n    [setStatus],\n  );\n\n  const context = useMemo(\n    () => ({ isDisabled, isMobile, register, setStatus, styles, unregister }),\n    [isDisabled, isMobile, register, setStatus, styles, unregister],\n  );\n\n  const filters: ReactNode[] = [];\n  const searches: ReactNode[] = [];\n  // Flattened, so a filter grouped in a fragment is still sorted to the right place.\n  flattenChildren(children).forEach((child) => {\n    if (child.type === BitkitFilterSearch) searches.push(child);\n    else filters.push(child);\n  });\n\n  const isDirty = dirtyIds.size > 0;\n  const activeCount = activeIds.size;\n  // The \"Clear filters\" button goes away (or is disabled) once nothing differs, so focus then moves\n  // to the first control of the cleared filters rather than dropping to the page. Only if it hasn't\n  // gone anywhere else meanwhile, e.g. while a slow reset was under way.\n  const focusTarget = useRef<HTMLDivElement>(null);\n  const isFocusPending = useRef(false);\n  const clearAll = () => {\n    if (isDisabled) return;\n    isFocusPending.current = true;\n    if (onClear) onClear();\n    else dirtyIds.forEach((id) => resets.current.get(id)?.());\n  };\n  useEffect(() => {\n    if (!isFocusPending.current || isDirty) return;\n    isFocusPending.current = false;\n    const active = document.activeElement;\n    if (active && active !== document.body && !active.matches('[data-filter-clear]')) return;\n    focusTarget.current?.querySelector<HTMLElement>('button:not(:disabled), input:not(:disabled)')?.focus();\n  }, [isDirty]);\n\n  // While the page loads, \"Clear filters\" is only `aria-disabled`, so it keeps its focus.\n  const clearProps = { 'aria-disabled': isDisabled || undefined, 'data-filter-clear': '', onClick: clearAll };\n\n  if (isMobile) {\n    return (\n      <FilterContextProvider value={context}>\n        <Box css={css} ref={ref} {...rest}>\n          <Box css={styles.mobileBar} ref={isDialogOpen ? undefined : focusTarget}>\n            <chakra.button\n              aria-expanded={isDialogOpen}\n              aria-haspopup=\"dialog\"\n              aria-label={`Filters, ${activeCount} applied`}\n              aria-disabled={isDisabled || undefined}\n              css={styles.mobileTrigger}\n              onClick={() => !isDisabled && setIsDialogOpen(true)}\n              type=\"button\"\n            >\n              <IconFilter size=\"16\" />\n              Filters\n              <BitkitBadge colorVariant={activeCount ? 'purple' : 'neutral'}>{activeCount}</BitkitBadge>\n            </chakra.button>\n            {showClear && isDirty && (\n              <BitkitButton {...clearProps} icon={IconCross} size=\"sm\" variant=\"tertiary\">\n                Clear filters\n              </BitkitButton>\n            )}\n          </Box>\n          {searches}\n          {/* Kept mounted while closed: the filters inside register their values with the bar. */}\n          <Drawer.Root\n            lazyMount={false}\n            onOpenChange={({ open }) => setIsDialogOpen(open)}\n            open={isDialogOpen}\n            unmountOnExit={false}\n          >\n            <Portal disabled={disablePortal}>\n              <Drawer.Positioner>\n                <Drawer.Content>\n                  <Box css={styles.mobileHeader}>\n                    <Drawer.Title css={styles.mobileTitle} unstyled>\n                      Filters\n                    </Drawer.Title>\n                    <Drawer.CloseTrigger asChild unstyled>\n                      <BitkitCloseButton size=\"sm\" />\n                    </Drawer.CloseTrigger>\n                  </Box>\n                  <Drawer.Body css={styles.mobileBody} ref={isDialogOpen ? focusTarget : undefined}>\n                    {filters}\n                  </Drawer.Body>\n                  <Drawer.Footer>\n                    <Box css={styles.mobileFooter}>\n                      {showClear && (\n                        <BitkitButton\n                          {...clearProps}\n                          size=\"md\"\n                          state={isDirty ? undefined : 'disabled'}\n                          variant=\"secondary\"\n                        >\n                          Clear filters\n                        </BitkitButton>\n                      )}\n                      <BitkitButton onClick={() => setIsDialogOpen(false)} size=\"md\">\n                        Show results\n                      </BitkitButton>\n                    </Box>\n                  </Drawer.Footer>\n                </Drawer.Content>\n              </Drawer.Positioner>\n            </Portal>\n          </Drawer.Root>\n        </Box>\n      </FilterContextProvider>\n    );\n  }\n\n  return (\n    <FilterContextProvider value={context}>\n      <Box css={[styles.root, css]} ref={ref} {...rest}>\n        <Box css={styles.content} maxWidth={contentWidth === 'full' ? undefined : contentWidth} ref={focusTarget}>\n          <Box css={styles.filters}>\n            {showIcon && (\n              <Box css={styles.icon}>\n                <IconFilter />\n              </Box>\n            )}\n            <Box css={styles.items}>{filters}</Box>\n            {showClear && isDirty && (\n              <BitkitButton {...clearProps} flexShrink=\"0\" icon={IconCross} size=\"sm\" variant=\"tertiary\">\n                Clear filters\n              </BitkitButton>\n            )}\n          </Box>\n          {searches.length > 0 && <Box css={styles.searchBlock}>{searches}</Box>}\n        </Box>\n      </Box>\n    </FilterContextProvider>\n  );\n});\n\nBitkitFilter.displayName = 'BitkitFilter';\n\nexport default withSubComponents(BitkitFilter, {\n  Add: BitkitFilterAdd,\n  DateRange: BitkitFilterDateRange,\n  Search: BitkitFilterSearch,\n  Select: BitkitFilterSelect,\n  Switch: BitkitFilterSwitch,\n});\n"],"mappings":"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"}

package/dist/components/BitkitFilter/BitkitFilter.utils.d.ts

@@ -1,18 +0,0 @@
-export type FilterValue = string | string[] | Date[] | null;
-/** Typing in a search settles for this long before its callback fires. */
-export declare const SEARCH_DEBOUNCE_MS = 300;
-/** Compares option lists as sets, since checking options in another order picks the same ones; dates by position. */
-export declare const isEqualFilterValue: (a: FilterValue, b: FilterValue) => boolean;
-/** A filter value that holds no selection. */
-export declare const isEmptyFilterValue: (value: FilterValue) => boolean;
-export declare const isPattern: (value: string) => boolean;
-/** Compiles a wildcard `pattern`, where `*` stands for any run of characters, to match whole texts. */
-export declare const compilePattern: (pattern: string) => RegExp;
-/**
- * Lowercases a noun for running text, keeping any word with a capital after its first letter as an
- * acronym or name: "CI Providers" reads "CI providers", "PRs" and "iOS apps" stay as they are.
- */
-export declare const toRunningText: (noun: string) => string;
-export declare const formatDateRange: (range: Date[]) => string;
-/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */
-export declare const endOfDay: (date: Date) => Date;

package/dist/components/BitkitFilter/BitkitFilter.utils.js

@@ -1,42 +0,0 @@
-//#region lib/components/BitkitFilter/BitkitFilter.utils.ts
-/** Compares option lists as sets, since checking options in another order picks the same ones; dates by position. */
-var isEqualFilterValue = (a, b) => {
-	if (Array.isArray(a) && Array.isArray(b)) {
-		if (a.length !== b.length) return false;
-		if (a.every((item) => typeof item === "string")) {
-			const others = new Set(b);
-			return a.every((item) => others.has(item));
-		}
-		return a.every((item, index) => {
-			const other = b[index];
-			return item instanceof Date && other instanceof Date ? item.getTime() === other.getTime() : item === other;
-		});
-	}
-	return a === b;
-};
-/** A filter value that holds no selection. */
-var isEmptyFilterValue = (value) => value === null || value === "" || Array.isArray(value) && value.length === 0;
-var regExpEscape = (text) => text.replace(/[|\\{}()[\]^$+?.]/g, "\\$&");
-var isPattern = (value) => value.includes("*");
-/** Compiles a wildcard `pattern`, where `*` stands for any run of characters, to match whole texts. */
-var compilePattern = (pattern) => new RegExp(`^${pattern.split(/\*+/).map(regExpEscape).join(".*")}$`);
-/**
-* Lowercases a noun for running text, keeping any word with a capital after its first letter as an
-* acronym or name: "CI Providers" reads "CI providers", "PRs" and "iOS apps" stay as they are.
-*/
-var toRunningText = (noun) => noun.split(" ").map((word) => /[A-Z]/.test(word.slice(1)) ? word : word.toLowerCase()).join(" ");
-var dateFormat = new Intl.DateTimeFormat("en-US", {
-	day: "numeric",
-	month: "short"
-});
-var formatDateRange = (range) => range.map((date) => dateFormat.format(date)).join(" – ");
-/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */
-var endOfDay = (date) => {
-	const end = new Date(date);
-	end.setHours(23, 59, 59, 999);
-	return end;
-};
-//#endregion
-export { compilePattern, endOfDay, formatDateRange, isEmptyFilterValue, isEqualFilterValue, isPattern, toRunningText };
-
-//# sourceMappingURL=BitkitFilter.utils.js.map

package/dist/components/BitkitFilter/BitkitFilter.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilter.utils.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilter.utils.ts"],"sourcesContent":["export type FilterValue = string | string[] | Date[] | null;\n\n/** Typing in a search settles for this long before its callback fires. */\nexport const SEARCH_DEBOUNCE_MS = 300;\n\n/** Compares option lists as sets, since checking options in another order picks the same ones; dates by position. */\nexport const isEqualFilterValue = (a: FilterValue, b: FilterValue): boolean => {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (a.length !== b.length) return false;\n    if (a.every((item) => typeof item === 'string')) {\n      const others = new Set<unknown>(b);\n      return a.every((item) => others.has(item));\n    }\n    return a.every((item, index) => {\n      const other = b[index];\n      return item instanceof Date && other instanceof Date ? item.getTime() === other.getTime() : item === other;\n    });\n  }\n  return a === b;\n};\n\n/** A filter value that holds no selection. */\nexport const isEmptyFilterValue = (value: FilterValue): boolean =>\n  value === null || value === '' || (Array.isArray(value) && value.length === 0);\n\nconst regExpEscape = (text: string) => text.replace(/[|\\\\{}()[\\]^$+?.]/g, '\\\\$&');\n\nexport const isPattern = (value: string) => value.includes('*');\n\n/** Compiles a wildcard `pattern`, where `*` stands for any run of characters, to match whole texts. */\nexport const compilePattern = (pattern: string) => new RegExp(`^${pattern.split(/\\*+/).map(regExpEscape).join('.*')}$`);\n\n/**\n * Lowercases a noun for running text, keeping any word with a capital after its first letter as an\n * acronym or name: \"CI Providers\" reads \"CI providers\", \"PRs\" and \"iOS apps\" stay as they are.\n */\nexport const toRunningText = (noun: string) =>\n  noun\n    .split(' ')\n    .map((word) => (/[A-Z]/.test(word.slice(1)) ? word : word.toLowerCase()))\n    .join(' ');\n\nconst dateFormat = new Intl.DateTimeFormat('en-US', { day: 'numeric', month: 'short' });\n\nexport const formatDateRange = (range: Date[]) => range.map((date) => dateFormat.format(date)).join(' – ');\n\n/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */\nexport const endOfDay = (date: Date) => {\n  const end = new Date(date);\n  end.setHours(23, 59, 59, 999);\n  return end;\n};\n"],"mappings":";;AAMA,IAAa,sBAAsB,GAAgB,MAA4B;CAC7E,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;EACxC,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAO;EAClC,IAAI,EAAE,OAAO,SAAS,OAAO,SAAS,QAAQ,GAAG;GAC/C,MAAM,SAAS,IAAI,IAAa,CAAC;GACjC,OAAO,EAAE,OAAO,SAAS,OAAO,IAAI,IAAI,CAAC;EAC3C;EACA,OAAO,EAAE,OAAO,MAAM,UAAU;GAC9B,MAAM,QAAQ,EAAE;GAChB,OAAO,gBAAgB,QAAQ,iBAAiB,OAAO,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,SAAS;EACvG,CAAC;CACH;CACA,OAAO,MAAM;AACf;;AAGA,IAAa,sBAAsB,UACjC,UAAU,QAAQ,UAAU,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAE9E,IAAM,gBAAgB,SAAiB,KAAK,QAAQ,sBAAsB,MAAM;AAEhF,IAAa,aAAa,UAAkB,MAAM,SAAS,GAAG;;AAG9D,IAAa,kBAAkB,YAAoB,IAAI,OAAO,IAAI,QAAQ,MAAM,KAAK,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,IAAI,EAAE,EAAE;;;;;AAMtH,IAAa,iBAAiB,SAC5B,KACG,MAAM,GAAG,CAAC,CACV,KAAK,SAAU,QAAQ,KAAK,KAAK,MAAM,CAAC,CAAC,IAAI,OAAO,KAAK,YAAY,CAAE,CAAC,CACxE,KAAK,GAAG;AAEb,IAAM,aAAa,IAAI,KAAK,eAAe,SAAS;CAAE,KAAK;CAAW,OAAO;AAAQ,CAAC;AAEtF,IAAa,mBAAmB,UAAkB,MAAM,KAAK,SAAS,WAAW,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK;;AAGzG,IAAa,YAAY,SAAe;CACtC,MAAM,MAAM,IAAI,KAAK,IAAI;CACzB,IAAI,SAAS,IAAI,IAAI,IAAI,GAAG;CAC5B,OAAO;AACT"}

package/dist/components/BitkitFilter/BitkitFilterAdd.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export interface BitkitFilterAddProps {
-    /**
-     * `BitkitFilter.Select` elements, also inside fragments or your own components. Each is listed in
-     * the menu, in the order they mount, until it holds a value.
-     */
-    children: ReactNode;
-}
-/**
- * Optional filters behind an "Add filter" button. A filter picked from its menu opens its popover
- * there; once applied it shows as a removable chip, and leaves the menu until it is removed. On
- * mobile the menu is a sheet over the filters dialog.
- */
-declare const BitkitFilterAdd: {
-    ({ children }: BitkitFilterAddProps): import('react').JSX.Element;
-    displayName: string;
-};
-export default BitkitFilterAdd;

package/dist/components/BitkitFilter/BitkitFilterAdd.js

@@ -1,188 +0,0 @@
-import IconChevronRight from "../../icons/IconChevronRight.js";
-import IconInfoCircle from "../../icons/IconInfoCircle.js";
-import IconPlus from "../../icons/IconPlus.js";
-import { usePortalContext } from "../../utilities/BitkitPortalContext.js";
-import BitkitButton from "../BitkitButton/BitkitButton.js";
-import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
-import { FilterAddContextProvider, useFilterContext } from "./BitkitFilter.context.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra } from "@chakra-ui/react/styled-system";
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@chakra-ui/react/portal";
-import { Menu } from "@chakra-ui/react/menu";
-import { Text } from "@chakra-ui/react/text";
-import { Dialog } from "@chakra-ui/react/dialog";
-//#region lib/components/BitkitFilter/BitkitFilterAdd.tsx
-/**
-* Optional filters behind an "Add filter" button. A filter picked from its menu opens its popover
-* there; once applied it shows as a removable chip, and leaves the menu until it is removed. On
-* mobile the menu is a sheet over the filters dialog.
-*/
-var BitkitFilterAdd = ({ children }) => {
-	const triggerId = useId();
-	const { isDisabled, isMobile, styles } = useFilterContext();
-	const { disablePortal } = usePortalContext();
-	const [isSheetOpen, setIsSheetOpen] = useState(false);
-	const [isMenuOpen, setIsMenuOpen] = useState(false);
-	const [addingId, setAddingId] = useState();
-	const [highlightedId, setHighlightedId] = useState(null);
-	const [entries, setEntries] = useState(/* @__PURE__ */ new Map());
-	const register = useCallback((id, entry) => {
-		setEntries((prev) => new Map(prev).set(id, entry));
-	}, []);
-	const unregister = useCallback((id) => {
-		setEntries((prev) => {
-			const next = new Map(prev);
-			next.delete(id);
-			return next;
-		});
-	}, []);
-	const getTrigger = useCallback(() => document.getElementById(triggerId), [triggerId]);
-	const stopAdding = useCallback(() => setAddingId(void 0), []);
-	const available = [...entries].filter(([, entry]) => entry.isEmpty);
-	const isEmpty = !available.length;
-	const focusPendingFrom = useRef(null);
-	const focusTrigger = useCallback(() => {
-		const trigger = getTrigger();
-		if (trigger instanceof HTMLButtonElement && !trigger.disabled) trigger.focus();
-		else focusPendingFrom.current = document.activeElement;
-	}, [getTrigger]);
-	useEffect(() => {
-		const from = focusPendingFrom.current;
-		if (!from || isEmpty) return;
-		focusPendingFrom.current = null;
-		const active = document.activeElement;
-		if (active === from || active === document.body || !from.isConnected) getTrigger()?.focus();
-	}, [getTrigger, isEmpty]);
-	const context = useMemo(() => ({
-		addingId,
-		focusTrigger,
-		getTrigger,
-		register,
-		stopAdding,
-		unregister
-	}), [
-		addingId,
-		focusTrigger,
-		getTrigger,
-		register,
-		stopAdding,
-		unregister
-	]);
-	const isDisabledEntry = (entry) => !entry.disabledReason && !entry.hasOptions;
-	const pick = (id) => {
-		if (entries.get(id)?.disabledReason) return;
-		setAddingId(id);
-	};
-	const addButton = /* @__PURE__ */ jsx(BitkitButton, {
-		alignSelf: "flex-start",
-		"aria-disabled": isDisabled || void 0,
-		icon: IconPlus,
-		id: isMobile ? triggerId : void 0,
-		onClick: isMobile ? () => !isDisabled && setIsSheetOpen(true) : void 0,
-		size: isMobile ? "md" : "sm",
-		state: isEmpty ? "disabled" : void 0,
-		variant: "tertiary",
-		children: "Add filter"
-	});
-	return /* @__PURE__ */ jsxs(FilterAddContextProvider, {
-		value: context,
-		children: [children, isMobile ? /* @__PURE__ */ jsxs(Fragment$1, { children: [addButton, /* @__PURE__ */ jsx(Dialog.Root, {
-			onOpenChange: ({ open }) => setIsSheetOpen(open),
-			open: isSheetOpen,
-			unstyled: true,
-			children: /* @__PURE__ */ jsxs(Portal, {
-				disabled: disablePortal,
-				children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { css: styles.addSheetBackdrop }), /* @__PURE__ */ jsx(Dialog.Positioner, {
-					css: styles.addSheetPositioner,
-					children: /* @__PURE__ */ jsxs(Dialog.Content, {
-						css: styles.addSheet,
-						children: [/* @__PURE__ */ jsx(Dialog.Title, {
-							css: styles.addMenuLabel,
-							children: "Select filter"
-						}), available.map(([id, entry]) => /* @__PURE__ */ jsxs(chakra.button, {
-							"aria-disabled": entry.disabledReason ? true : void 0,
-							css: styles.addSheetItem,
-							"data-not-applicable": entry.disabledReason ? "" : void 0,
-							disabled: isDisabledEntry(entry),
-							onClick: () => {
-								if (entry.disabledReason) return;
-								setIsSheetOpen(false);
-								pick(id);
-							},
-							type: "button",
-							children: [/* @__PURE__ */ jsxs(Box, {
-								as: "span",
-								flex: "1",
-								children: [/* @__PURE__ */ jsx(Text, {
-									as: "span",
-									display: "block",
-									children: entry.label
-								}), !!entry.disabledReason && /* @__PURE__ */ jsx(Text, {
-									as: "span",
-									css: styles.addSheetItemReason,
-									display: "block",
-									children: entry.disabledReason
-								})]
-							}), /* @__PURE__ */ jsx(IconChevronRight, { css: styles.addMenuIcon })]
-						}, id))]
-					})
-				})]
-			})
-		})] }) : /* @__PURE__ */ jsxs(Menu.Root, {
-			ids: { trigger: triggerId },
-			onHighlightChange: ({ highlightedValue }) => setHighlightedId(highlightedValue),
-			onOpenChange: ({ open }) => {
-				if (open && isDisabled) return;
-				setIsMenuOpen(open);
-				if (!open) setHighlightedId(null);
-			},
-			onSelect: ({ value }) => pick(value),
-			open: isMenuOpen,
-			unstyled: true,
-			children: [/* @__PURE__ */ jsx(Menu.Trigger, {
-				asChild: true,
-				children: addButton
-			}), /* @__PURE__ */ jsx(Portal, {
-				disabled: disablePortal,
-				children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, {
-					css: styles.addMenu,
-					children: available.map(([id, entry]) => /* @__PURE__ */ jsxs(Menu.Item, {
-						"aria-disabled": entry.disabledReason ? true : void 0,
-						closeOnSelect: !entry.disabledReason,
-						css: styles.addMenuItem,
-						"data-not-applicable": entry.disabledReason ? "" : void 0,
-						disabled: isDisabledEntry(entry),
-						value: id,
-						children: [/* @__PURE__ */ jsxs(Text, {
-							flex: "1",
-							children: [entry.label, !!entry.disabledReason && /* @__PURE__ */ jsx(Text, {
-								as: "span",
-								srOnly: true,
-								children: `, ${entry.disabledReason}`
-							})]
-						}), entry.disabledReason ? /* @__PURE__ */ jsx(BitkitTooltip, {
-							open: highlightedId === id,
-							placement: "right",
-							text: entry.disabledReason,
-							children: /* @__PURE__ */ jsx(IconInfoCircle, {
-								css: styles.addMenuIcon,
-								size: "16"
-							})
-						}) : /* @__PURE__ */ jsx(IconChevronRight, {
-							css: styles.addMenuIcon,
-							"data-add-chevron": true,
-							size: "16"
-						})]
-					}, id))
-				}) })
-			})]
-		})]
-	});
-};
-BitkitFilterAdd.displayName = "BitkitFilterAdd";
-//#endregion
-export { BitkitFilterAdd as default };
-
-//# sourceMappingURL=BitkitFilterAdd.js.map

package/dist/components/BitkitFilter/BitkitFilterAdd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterAdd.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterAdd.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { Menu } from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\n// `chakra.button`: the mobile sheet's rows are bare buttons styled by the filter recipe.\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ReactNode, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\n\nimport { IconChevronRight, IconInfoCircle, IconPlus } from '../../icons';\nimport { usePortalContext } from '../../utilities/BitkitPortalContext';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\nimport { FilterAddContextProvider, type FilterAddEntry, useFilterContext } from './BitkitFilter.context';\n\nexport interface BitkitFilterAddProps {\n  /**\n   * `BitkitFilter.Select` elements, also inside fragments or your own components. Each is listed in\n   * the menu, in the order they mount, until it holds a value.\n   */\n  children: ReactNode;\n}\n\n/**\n * Optional filters behind an \"Add filter\" button. A filter picked from its menu opens its popover\n * there; once applied it shows as a removable chip, and leaves the menu until it is removed. On\n * mobile the menu is a sheet over the filters dialog.\n */\nconst BitkitFilterAdd = ({ children }: BitkitFilterAddProps) => {\n  // The popovers anchor to the button by id: a ref on a button inside Ark's `asChild` trigger trips React 18.\n  const triggerId = useId();\n  const { isDisabled, isMobile, styles } = useFilterContext();\n  const { disablePortal } = usePortalContext();\n  const [isSheetOpen, setIsSheetOpen] = useState(false);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [addingId, setAddingId] = useState<string>();\n  const [highlightedId, setHighlightedId] = useState<string | null>(null);\n  const [entries, setEntries] = useState<ReadonlyMap<string, FilterAddEntry>>(new Map());\n\n  const register = useCallback((id: string, entry: FilterAddEntry) => {\n    // `set` on a known id keeps its place, so an entry doesn't move when its props change.\n    setEntries((prev) => new Map(prev).set(id, entry));\n  }, []);\n\n  const unregister = useCallback((id: string) => {\n    setEntries((prev) => {\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const getTrigger = useCallback(() => document.getElementById(triggerId), [triggerId]);\n  const stopAdding = useCallback(() => setAddingId(undefined), []);\n\n  const available = [...entries].filter(([, entry]) => entry.isEmpty);\n  const isEmpty = !available.length;\n\n  // The button is disabled while every filter is applied, so focus waits until a removal re-enables it.\n  // It only moves if it hasn't gone anywhere since: still on the removed control, or dropped to the page.\n  const focusPendingFrom = useRef<Element | null>(null);\n  const focusTrigger = useCallback(() => {\n    const trigger = getTrigger();\n    if (trigger instanceof HTMLButtonElement && !trigger.disabled) trigger.focus();\n    else focusPendingFrom.current = document.activeElement;\n  }, [getTrigger]);\n  useEffect(() => {\n    const from = focusPendingFrom.current;\n    if (!from || isEmpty) return;\n    focusPendingFrom.current = null;\n    const active = document.activeElement;\n    if (active === from || active === document.body || !from.isConnected) getTrigger()?.focus();\n  }, [getTrigger, isEmpty]);\n\n  const context = useMemo(\n    () => ({ addingId, focusTrigger, getTrigger, register, stopAdding, unregister }),\n    [addingId, focusTrigger, getTrigger, register, stopAdding, unregister],\n  );\n\n  // A filter with no options to pick is plainly disabled. One with a `disabledReason` stays reachable,\n  // so keyboard and screen-reader users can learn the reason too, but can't be picked.\n  const isDisabledEntry = (entry: FilterAddEntry) => !entry.disabledReason && !entry.hasOptions;\n  const pick = (id: string) => {\n    if (entries.get(id)?.disabledReason) return;\n    setAddingId(id);\n  };\n\n  // While the page loads the button only looks disabled (`aria-disabled`), so it keeps a focus handed to it.\n  const addButton = (\n    <BitkitButton\n      alignSelf=\"flex-start\"\n      aria-disabled={isDisabled || undefined}\n      icon={IconPlus}\n      id={isMobile ? triggerId : undefined}\n      onClick={isMobile ? () => !isDisabled && setIsSheetOpen(true) : undefined}\n      size={isMobile ? 'md' : 'sm'}\n      state={isEmpty ? 'disabled' : undefined}\n      variant=\"tertiary\"\n    >\n      Add filter\n    </BitkitButton>\n  );\n\n  return (\n    <FilterAddContextProvider value={context}>\n      {children}\n      {isMobile ? (\n        <>\n          {addButton}\n          <Dialog.Root onOpenChange={({ open }) => setIsSheetOpen(open)} open={isSheetOpen} unstyled>\n            <Portal disabled={disablePortal}>\n              <Dialog.Backdrop css={styles.addSheetBackdrop} />\n              <Dialog.Positioner css={styles.addSheetPositioner}>\n                <Dialog.Content css={styles.addSheet}>\n                  <Dialog.Title css={styles.addMenuLabel}>Select filter</Dialog.Title>\n                  {available.map(([id, entry]) => (\n                    <chakra.button\n                      aria-disabled={entry.disabledReason ? true : undefined}\n                      css={styles.addSheetItem}\n                      data-not-applicable={entry.disabledReason ? '' : undefined}\n                      disabled={isDisabledEntry(entry)}\n                      key={id}\n                      onClick={() => {\n                        if (entry.disabledReason) return;\n                        setIsSheetOpen(false);\n                        pick(id);\n                      }}\n                      type=\"button\"\n                    >\n                      <Box as=\"span\" flex=\"1\">\n                        <Text as=\"span\" display=\"block\">\n                          {entry.label}\n                        </Text>\n                        {/* A touch screen has no hover to open a tooltip, so the reason is spelled out. */}\n                        {!!entry.disabledReason && (\n                          <Text as=\"span\" css={styles.addSheetItemReason} display=\"block\">\n                            {entry.disabledReason}\n                          </Text>\n                        )}\n                      </Box>\n                      <IconChevronRight css={styles.addMenuIcon} />\n                    </chakra.button>\n                  ))}\n                </Dialog.Content>\n              </Dialog.Positioner>\n            </Portal>\n          </Dialog.Root>\n        </>\n      ) : (\n        <Menu.Root\n          ids={{ trigger: triggerId }}\n          onHighlightChange={({ highlightedValue }) => setHighlightedId(highlightedValue)}\n          onOpenChange={({ open }) => {\n            if (open && isDisabled) return;\n            setIsMenuOpen(open);\n            if (!open) setHighlightedId(null);\n          }}\n          onSelect={({ value }) => pick(value)}\n          open={isMenuOpen}\n          unstyled\n        >\n          <Menu.Trigger asChild>{addButton}</Menu.Trigger>\n          <Portal disabled={disablePortal}>\n            <Menu.Positioner>\n              <Menu.Content css={styles.addMenu}>\n                {available.map(([id, entry]) => (\n                  <Menu.Item\n                    aria-disabled={entry.disabledReason ? true : undefined}\n                    closeOnSelect={!entry.disabledReason}\n                    css={styles.addMenuItem}\n                    data-not-applicable={entry.disabledReason ? '' : undefined}\n                    disabled={isDisabledEntry(entry)}\n                    key={id}\n                    value={id}\n                  >\n                    <Text flex=\"1\">\n                      {entry.label}\n                      {!!entry.disabledReason && <Text as=\"span\" srOnly>{`, ${entry.disabledReason}`}</Text>}\n                    </Text>\n                    {entry.disabledReason ? (\n                      // On the icon rather than the row: as the row's trigger, the tooltip would replace\n                      // the id its `aria-activedescendant` points at. It opens while the row is highlighted,\n                      // by pointer or arrow keys, since the menu keeps focus on itself.\n                      <BitkitTooltip open={highlightedId === id} placement=\"right\" text={entry.disabledReason}>\n                        <IconInfoCircle css={styles.addMenuIcon} size=\"16\" />\n                      </BitkitTooltip>\n                    ) : (\n                      <IconChevronRight css={styles.addMenuIcon} data-add-chevron size=\"16\" />\n                    )}\n                  </Menu.Item>\n                ))}\n              </Menu.Content>\n            </Menu.Positioner>\n          </Portal>\n        </Menu.Root>\n      )}\n    </FilterAddContextProvider>\n  );\n};\n\nBitkitFilterAdd.displayName = 'BitkitFilterAdd';\n\nexport default BitkitFilterAdd;\n"],"mappings":"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"}