@bitrise/bitkit-v2 0.3.481-beta.3057 → 0.3.481-beta.3061

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,200 +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 [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();
-			return;
-		}
-		const from = document.activeElement;
-		focusPendingFrom.current = from;
-		document.addEventListener("focusin", () => {
-			if (focusPendingFrom.current === from) focusPendingFrom.current = null;
-		}, { once: true });
-	}, [getTrigger]);
-	useEffect(() => {
-		const from = focusPendingFrom.current;
-		if (!from || isEmpty) return;
-		focusPendingFrom.current = null;
-		const active = document.activeElement;
-		if (active === from || active === document.body) 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,
-		"data-disabled": isDisabled ? "" : void 0,
-		icon: IconPlus,
-		id: isMobile ? triggerId : void 0,
-		onClick: isMobile ? () => !isDisabled && setIsSheetOpen(true) : void 0,
-		onKeyDownCapture: isDisabled ? (event) => {
-			if ([
-				"ArrowDown",
-				"ArrowUp",
-				"Enter",
-				" "
-			].includes(event.key)) event.preventDefault();
-		} : 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) setHighlightedId(null);
-			},
-			onSelect: ({ value }) => pick(value),
-			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":["_Fragment"],"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 KeyboardEvent, 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 [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  // Focus landing anywhere meanwhile (which dropping to the page doesn't count as) calls it off.\n  const focusPendingFrom = useRef<Element | null>(null);\n  const focusTrigger = useCallback(() => {\n    const trigger = getTrigger();\n    if (trigger instanceof HTMLButtonElement && !trigger.disabled) {\n      trigger.focus();\n      return;\n    }\n    const from = document.activeElement;\n    focusPendingFrom.current = from;\n    document.addEventListener(\n      'focusin',\n      () => {\n        if (focusPendingFrom.current === from) focusPendingFrom.current = null;\n      },\n      { once: true },\n    );\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) 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  // `data-disabled` keeps the menu from opening on click, and the keys that open it are refused here.\n  const addButton = (\n    <BitkitButton\n      alignSelf=\"flex-start\"\n      aria-disabled={isDisabled || undefined}\n      data-disabled={isDisabled ? '' : undefined}\n      icon={IconPlus}\n      id={isMobile ? triggerId : undefined}\n      onClick={isMobile ? () => !isDisabled && setIsSheetOpen(true) : undefined}\n      onKeyDownCapture={\n        isDisabled\n          ? (event: KeyboardEvent) => {\n              if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) event.preventDefault();\n            }\n          : undefined\n      }\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) setHighlightedId(null);\n          }}\n          onSelect={({ value }) => pick(value)}\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":";;;;;;;;;;;;;;;;;;;;;AA4BA,IAAM,mBAAmB,EAAE,eAAqC;CAE9D,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,YAAY,UAAU,WAAW,iBAAiB;CAC1D,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,UAAU,eAAe,SAAiB;CACjD,MAAM,CAAC,eAAe,oBAAoB,SAAwB,IAAI;CACtE,MAAM,CAAC,SAAS,cAAc,yBAA8C,IAAI,IAAI,CAAC;CAErF,MAAM,WAAW,aAAa,IAAY,UAA0B;EAElE,YAAY,SAAS,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC;CACnD,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,aAAa,OAAe;EAC7C,YAAY,SAAS;GACnB,MAAM,OAAO,IAAI,IAAI,IAAI;GACzB,KAAK,OAAO,EAAE;GACd,OAAO;EACT,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,kBAAkB,SAAS,eAAe,SAAS,GAAG,CAAC,SAAS,CAAC;CACpF,MAAM,aAAa,kBAAkB,YAAY,KAAA,CAAS,GAAG,CAAC,CAAC;CAE/D,MAAM,YAAY,CAAC,GAAG,OAAO,CAAC,CAAC,QAAQ,GAAG,WAAW,MAAM,OAAO;CAClE,MAAM,UAAU,CAAC,UAAU;CAK3B,MAAM,mBAAmB,OAAuB,IAAI;CACpD,MAAM,eAAe,kBAAkB;EACrC,MAAM,UAAU,WAAW;EAC3B,IAAI,mBAAmB,qBAAqB,CAAC,QAAQ,UAAU;GAC7D,QAAQ,MAAM;GACd;EACF;EACA,MAAM,OAAO,SAAS;EACtB,iBAAiB,UAAU;EAC3B,SAAS,iBACP,iBACM;GACJ,IAAI,iBAAiB,YAAY,MAAM,iBAAiB,UAAU;EACpE,GACA,EAAE,MAAM,KAAK,CACf;CACF,GAAG,CAAC,UAAU,CAAC;CACf,gBAAgB;EACd,MAAM,OAAO,iBAAiB;EAC9B,IAAI,CAAC,QAAQ,SAAS;EACtB,iBAAiB,UAAU;EAC3B,MAAM,SAAS,SAAS;EACxB,IAAI,WAAW,QAAQ,WAAW,SAAS,MAAM,WAAW,CAAC,EAAE,MAAM;CACvE,GAAG,CAAC,YAAY,OAAO,CAAC;CAExB,MAAM,UAAU,eACP;EAAE;EAAU;EAAc;EAAY;EAAU;EAAY;CAAW,IAC9E;EAAC;EAAU;EAAc;EAAY;EAAU;EAAY;CAAU,CACvE;CAIA,MAAM,mBAAmB,UAA0B,CAAC,MAAM,kBAAkB,CAAC,MAAM;CACnF,MAAM,QAAQ,OAAe;EAC3B,IAAI,QAAQ,IAAI,EAAE,CAAC,EAAE,gBAAgB;EACrC,YAAY,EAAE;CAChB;CAIA,MAAM,YACJ,oBAAC,cAAD;EACE,WAAU;EACV,iBAAe,cAAc,KAAA;EAC7B,iBAAe,aAAa,KAAK,KAAA;EACjC,MAAM;EACN,IAAI,WAAW,YAAY,KAAA;EAC3B,SAAS,iBAAiB,CAAC,cAAc,eAAe,IAAI,IAAI,KAAA;EAChE,kBACE,cACK,UAAyB;GACxB,IAAI;IAAC;IAAa;IAAW;IAAS;GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,MAAM,eAAe;EACvF,IACA,KAAA;EAEN,MAAM,WAAW,OAAO;EACxB,OAAO,UAAU,aAAa,KAAA;EAC9B,SAAQ;EACT,UAAA;CAEa,CAAA;CAGhB,OACE,qBAAC,0BAAD;EAA0B,OAAO;EAAjC,UAAA,CACG,UACA,WACC,qBAAAA,YAAA,EAAA,UAAA,CACG,WACD,oBAAC,OAAO,MAAR;GAAa,eAAe,EAAE,WAAW,eAAe,IAAI;GAAG,MAAM;GAAa,UAAA;GAChF,UAAA,qBAAC,QAAD;IAAQ,UAAU;IAAlB,UAAA,CACE,oBAAC,OAAO,UAAR,EAAiB,KAAK,OAAO,iBAAmB,CAAA,GAChD,oBAAC,OAAO,YAAR;KAAmB,KAAK,OAAO;KAC7B,UAAA,qBAAC,OAAO,SAAR;MAAgB,KAAK,OAAO;MAA5B,UAAA,CACE,oBAAC,OAAO,OAAR;OAAc,KAAK,OAAO;OAAc,UAAA;MAA2B,CAAA,GAClE,UAAU,KAAK,CAAC,IAAI,WACnB,qBAAC,OAAO,QAAR;OACE,iBAAe,MAAM,iBAAiB,OAAO,KAAA;OAC7C,KAAK,OAAO;OACZ,uBAAqB,MAAM,iBAAiB,KAAK,KAAA;OACjD,UAAU,gBAAgB,KAAK;OAE/B,eAAe;QACb,IAAI,MAAM,gBAAgB;QAC1B,eAAe,KAAK;QACpB,KAAK,EAAE;OACT;OACA,MAAK;OAXP,UAAA,CAaE,qBAAC,KAAD;QAAK,IAAG;QAAO,MAAK;QAApB,UAAA,CACE,oBAAC,MAAD;SAAM,IAAG;SAAO,SAAQ;SACrB,UAAA,MAAM;QACH,CAAA,GAEL,CAAC,CAAC,MAAM,kBACP,oBAAC,MAAD;SAAM,IAAG;SAAO,KAAK,OAAO;SAAoB,SAAQ;SACrD,UAAA,MAAM;QACH,CAAA,CAEL;OACL,CAAA,GAAA,oBAAC,kBAAD,EAAkB,KAAK,OAAO,YAAc,CAAA,CAC/B;MApBR,GAAA,EAoBQ,CAChB,CACa;;IACC,CAAA,CACb;;EACG,CAAA,CACb,EAAA,CAAA,IAEF,qBAAC,KAAK,MAAN;GACE,KAAK,EAAE,SAAS,UAAU;GAC1B,oBAAoB,EAAE,uBAAuB,iBAAiB,gBAAgB;GAC9E,eAAe,EAAE,WAAW;IAC1B,IAAI,CAAC,MAAM,iBAAiB,IAAI;GAClC;GACA,WAAW,EAAE,YAAY,KAAK,KAAK;GACnC,UAAA;GAPF,UAAA,CASE,oBAAC,KAAK,SAAN;IAAc,SAAA;IAAS,UAAA;GAAwB,CAAA,GAC/C,oBAAC,QAAD;IAAQ,UAAU;IAChB,UAAA,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,KAAK,SAAN;KAAc,KAAK,OAAO;KACvB,UAAA,UAAU,KAAK,CAAC,IAAI,WACnB,qBAAC,KAAK,MAAN;MACE,iBAAe,MAAM,iBAAiB,OAAO,KAAA;MAC7C,eAAe,CAAC,MAAM;MACtB,KAAK,OAAO;MACZ,uBAAqB,MAAM,iBAAiB,KAAK,KAAA;MACjD,UAAU,gBAAgB,KAAK;MAE/B,OAAO;MAPT,UAAA,CASE,qBAAC,MAAD;OAAM,MAAK;OAAX,UAAA,CACG,MAAM,OACN,CAAC,CAAC,MAAM,kBAAkB,oBAAC,MAAD;QAAM,IAAG;QAAO,QAAA;QAAQ,UAAA,KAAK,MAAM;OAAuB,CAAA,CACjF;MACL,CAAA,GAAA,MAAM,iBAIL,oBAAC,eAAD;OAAe,MAAM,kBAAkB;OAAI,WAAU;OAAQ,MAAM,MAAM;OACvE,UAAA,oBAAC,gBAAD;QAAgB,KAAK,OAAO;QAAa,MAAK;OAAM,CAAA;MACvC,CAAA,IAEf,oBAAC,kBAAD;OAAkB,KAAK,OAAO;OAAa,oBAAA;OAAiB,MAAK;MAAM,CAAA,CAEhE;KAjBJ,GAAA,EAiBI,CACZ;IACW,CAAA,EACC,CAAA;GACX,CAAA,CACC;EAEW,CAAA,CAAA;;AAE9B;AAEA,gBAAgB,cAAc"}

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

@@ -1,26 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitCalendarProps } from '../BitkitCalendar/BitkitCalendar';
-export type BitkitFilterDateRangeValue = [start: Date, end: Date] | null;
-export interface BitkitFilterDateRangeProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /** Says why a day can't be picked, e.g. "Can't select a date in the future". Shown on hover. */
-    dayTooltip?: BitkitCalendarProps['dayTooltip'];
-    /** Chip text while no range is applied. Defaults to "All dates". */
-    emptyLabel?: string;
-    /** Name of the filter, shown on mobile as the field label and the title of its view. Defaults to "Date". */
-    label?: string;
-    /** Latest selectable day. Defaults to today. */
-    max?: Date;
-    /** Earliest selectable day. Defaults to two years before today. */
-    min?: Date;
-    /**
-     * Called on "Apply" and "Clear". An applied range is `[start, end]`, where `start` is the first
-     * day's midnight and `end` the last day's final millisecond, so the range covers both days whole.
-     */
-    onValueChange: (value: BitkitFilterDateRangeValue) => void;
-    /** The value "Clear filters" restores. Defaults to no range. */
-    resetValue?: BitkitFilterDateRangeValue;
-    value: BitkitFilterDateRangeValue;
-}
-/** A filter for a date range, picked on a calendar and applied with "Apply". */
-declare const BitkitFilterDateRange: import('react').ForwardRefExoticComponent<BitkitFilterDateRangeProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default BitkitFilterDateRange;

package/dist/components/BitkitFilter/BitkitFilterDateRange.js

@@ -1,118 +0,0 @@
-import IconCalendar from "../../icons/IconCalendar.js";
-import BitkitButton from "../BitkitButton/BitkitButton.js";
-import BitkitCalendar from "../BitkitCalendar/BitkitCalendar.js";
-import { endOfDay, formatDateRange, isEqualFilterValue } from "./BitkitFilter.utils.js";
-import { useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterChip from "./components/FilterChip.js";
-import FilterField from "./components/FilterField.js";
-import FilterPanel, { FilterPanelFooter, FilterPanelHeader } from "./components/FilterPanel.js";
-import { Box } from "@chakra-ui/react/box";
-import { cloneElement, forwardRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region lib/components/BitkitFilter/BitkitFilterDateRange.tsx
-var today = () => /* @__PURE__ */ new Date();
-var twoYearsAgo = () => {
-	const date = /* @__PURE__ */ new Date();
-	date.setFullYear(date.getFullYear() - 2);
-	return date;
-};
-/** A filter for a date range, picked on a calendar and applied with "Apply". */
-var BitkitFilterDateRange = forwardRef((props, ref) => {
-	const { dayTooltip, emptyLabel = "All dates", label = "Date", max, min, onValueChange, resetValue = null, value, ...rest } = props;
-	const { isDisabled, isMobile, styles } = useFilterContext();
-	const [open, setOpen] = useState(false);
-	const [draft, setDraft] = useState(value);
-	useFilterRegistration(value, resetValue, onValueChange);
-	const onOpenChange = (isOpen) => {
-		if (isOpen && isDisabled) return;
-		setOpen(isOpen);
-		if (isOpen) setDraft(value);
-	};
-	const apply = (next) => {
-		onValueChange(next);
-		setOpen(false);
-	};
-	const draftRange = draft?.length === 2 ? [draft[0], endOfDay(draft[1])] : null;
-	const isApplyDisabled = !draftRange || isEqualFilterValue(draftRange, value);
-	const valueText = value ? formatDateRange(value) : emptyLabel;
-	if (isMobile) return /* @__PURE__ */ jsxs(FilterPanel, {
-		onOpenChange,
-		open,
-		trigger: /* @__PURE__ */ jsx(FilterField, {
-			...rest,
-			icon: IconCalendar,
-			isOpen: open,
-			label,
-			onClick: () => onOpenChange(true),
-			ref,
-			value: valueText
-		}),
-		children: [
-			/* @__PURE__ */ jsx(FilterPanelHeader, { title: label }),
-			/* @__PURE__ */ jsx(Box, {
-				flex: "1",
-				overflowY: "auto",
-				children: /* @__PURE__ */ jsx(BitkitCalendar, {
-					dayTooltip,
-					device: "mobile",
-					layout: "1-month",
-					max: max ?? today(),
-					min: min ?? twoYearsAgo(),
-					onValueChange: setDraft,
-					showOutsideDays: true,
-					showSelectedDate: true,
-					value: draft
-				})
-			}),
-			/* @__PURE__ */ jsx(FilterPanelFooter, {
-				isApplyDisabled,
-				onApply: () => apply(draftRange),
-				start: value ? {
-					label: "Reset",
-					onClick: () => apply(null)
-				} : void 0
-			})
-		]
-	});
-	return /* @__PURE__ */ jsx(FilterChip, {
-		icon: IconCalendar,
-		ref,
-		renderTrigger: (button) => /* @__PURE__ */ jsx(BitkitCalendar, {
-			dayTooltip,
-			footer: /* @__PURE__ */ jsxs(Box, {
-				css: styles.calendarFooter,
-				children: [/* @__PURE__ */ jsx(Box, {
-					flex: "1",
-					children: !!value && /* @__PURE__ */ jsx(BitkitButton, {
-						onClick: () => apply(null),
-						size: "sm",
-						variant: "tertiary",
-						children: "Clear"
-					})
-				}), /* @__PURE__ */ jsx(BitkitButton, {
-					onClick: () => apply(draftRange),
-					size: "sm",
-					state: isApplyDisabled ? "disabled" : void 0,
-					children: "Apply"
-				})]
-			}),
-			layout: "1-month",
-			max: max ?? today(),
-			min: min ?? twoYearsAgo(),
-			onOpenChange,
-			onValueChange: setDraft,
-			open,
-			showOutsideDays: true,
-			showSelectedDate: true,
-			value: draft,
-			children: cloneElement(button, { "aria-label": valueText })
-		}),
-		value: valueText,
-		...rest
-	});
-});
-BitkitFilterDateRange.displayName = "BitkitFilterDateRange";
-//#endregion
-export { BitkitFilterDateRange as default };
-
-//# sourceMappingURL=BitkitFilterDateRange.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterDateRange.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterDateRange.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { cloneElement, forwardRef, useState } from 'react';\n\nimport { IconCalendar } from '../../icons';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitCalendar, { type BitkitCalendarProps } from '../BitkitCalendar/BitkitCalendar';\nimport { useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport { endOfDay, formatDateRange, isEqualFilterValue } from './BitkitFilter.utils';\nimport FilterChip from './components/FilterChip';\nimport FilterField from './components/FilterField';\nimport FilterPanel, { FilterPanelFooter, FilterPanelHeader } from './components/FilterPanel';\n\nexport type BitkitFilterDateRangeValue = [start: Date, end: Date] | null;\n\nexport interface BitkitFilterDateRangeProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** Says why a day can't be picked, e.g. \"Can't select a date in the future\". Shown on hover. */\n  dayTooltip?: BitkitCalendarProps['dayTooltip'];\n  /** Chip text while no range is applied. Defaults to \"All dates\". */\n  emptyLabel?: string;\n  /** Name of the filter, shown on mobile as the field label and the title of its view. Defaults to \"Date\". */\n  label?: string;\n  /** Latest selectable day. Defaults to today. */\n  max?: Date;\n  /** Earliest selectable day. Defaults to two years before today. */\n  min?: Date;\n  /**\n   * Called on \"Apply\" and \"Clear\". An applied range is `[start, end]`, where `start` is the first\n   * day's midnight and `end` the last day's final millisecond, so the range covers both days whole.\n   */\n  onValueChange: (value: BitkitFilterDateRangeValue) => void;\n  /** The value \"Clear filters\" restores. Defaults to no range. */\n  resetValue?: BitkitFilterDateRangeValue;\n  value: BitkitFilterDateRangeValue;\n}\n\nconst today = () => new Date();\n\nconst twoYearsAgo = () => {\n  const date = new Date();\n  date.setFullYear(date.getFullYear() - 2);\n  return date;\n};\n\n/** A filter for a date range, picked on a calendar and applied with \"Apply\". */\n// The ref lands on the chip's (or on mobile the field's) button; other props on its wrapper.\nconst BitkitFilterDateRange = forwardRef<HTMLButtonElement, BitkitFilterDateRangeProps>((props, ref) => {\n  const {\n    dayTooltip,\n    emptyLabel = 'All dates',\n    label = 'Date',\n    max,\n    min,\n    onValueChange,\n    resetValue = null,\n    value,\n    ...rest\n  } = props;\n  const { isDisabled, isMobile, styles } = useFilterContext();\n  const [open, setOpen] = useState(false);\n  const [draft, setDraft] = useState<Date[] | null>(value);\n\n  useFilterRegistration(value, resetValue, onValueChange);\n\n  const onOpenChange = (isOpen: boolean) => {\n    // The chip is only `aria-disabled` while the page loads, so the calendar refuses to open here.\n    if (isOpen && isDisabled) return;\n    setOpen(isOpen);\n    if (isOpen) setDraft(value);\n  };\n\n  const apply = (next: BitkitFilterDateRangeValue) => {\n    onValueChange(next);\n    setOpen(false);\n  };\n\n  const draftRange: BitkitFilterDateRangeValue = draft?.length === 2 ? [draft[0], endOfDay(draft[1])] : null;\n  const isApplyDisabled = !draftRange || isEqualFilterValue(draftRange, value);\n  const valueText = value ? formatDateRange(value) : emptyLabel;\n\n  if (isMobile) {\n    return (\n      <FilterPanel\n        onOpenChange={onOpenChange}\n        open={open}\n        trigger={\n          <FilterField\n            {...rest}\n            icon={IconCalendar}\n            isOpen={open}\n            label={label}\n            onClick={() => onOpenChange(true)}\n            ref={ref}\n            value={valueText}\n          />\n        }\n      >\n        <FilterPanelHeader title={label} />\n        <Box flex=\"1\" overflowY=\"auto\">\n          <BitkitCalendar\n            dayTooltip={dayTooltip}\n            device=\"mobile\"\n            layout=\"1-month\"\n            max={max ?? today()}\n            min={min ?? twoYearsAgo()}\n            onValueChange={setDraft}\n            showOutsideDays\n            showSelectedDate\n            value={draft}\n          />\n        </Box>\n        <FilterPanelFooter\n          isApplyDisabled={isApplyDisabled}\n          onApply={() => apply(draftRange)}\n          start={value ? { label: 'Reset', onClick: () => apply(null) } : undefined}\n        />\n      </FilterPanel>\n    );\n  }\n\n  return (\n    <FilterChip\n      icon={IconCalendar}\n      ref={ref}\n      renderTrigger={(button) => (\n        <BitkitCalendar\n          dayTooltip={dayTooltip}\n          footer={\n            <Box css={styles.calendarFooter}>\n              <Box flex=\"1\">\n                {!!value && (\n                  <BitkitButton onClick={() => apply(null)} size=\"sm\" variant=\"tertiary\">\n                    Clear\n                  </BitkitButton>\n                )}\n              </Box>\n              <BitkitButton\n                onClick={() => apply(draftRange)}\n                size=\"sm\"\n                state={isApplyDisabled ? 'disabled' : undefined}\n              >\n                Apply\n              </BitkitButton>\n            </Box>\n          }\n          layout=\"1-month\"\n          max={max ?? today()}\n          min={min ?? twoYearsAgo()}\n          onOpenChange={onOpenChange}\n          onValueChange={setDraft}\n          open={open}\n          showOutsideDays\n          showSelectedDate\n          value={draft}\n        >\n          {/* Zag names the trigger \"Open calendar\"; the chip is named by the text it shows instead. */}\n          {cloneElement(button, { 'aria-label': valueText })}\n        </BitkitCalendar>\n      )}\n      value={valueText}\n      {...rest}\n    />\n  );\n});\n\nBitkitFilterDateRange.displayName = 'BitkitFilterDateRange';\n\nexport default BitkitFilterDateRange;\n"],"mappings":";;;;;;;;;;;;AAmCA,IAAM,8BAAc,IAAI,KAAK;AAE7B,IAAM,oBAAoB;CACxB,MAAM,uBAAO,IAAI,KAAK;CACtB,KAAK,YAAY,KAAK,YAAY,IAAI,CAAC;CACvC,OAAO;AACT;;AAIA,IAAM,wBAAwB,YAA2D,OAAO,QAAQ;CACtG,MAAM,EACJ,YACA,aAAa,aACb,QAAQ,QACR,KACA,KACA,eACA,aAAa,MACb,OACA,GAAG,SACD;CACJ,MAAM,EAAE,YAAY,UAAU,WAAW,iBAAiB;CAC1D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAEvD,sBAAsB,OAAO,YAAY,aAAa;CAEtD,MAAM,gBAAgB,WAAoB;EAExC,IAAI,UAAU,YAAY;EAC1B,QAAQ,MAAM;EACd,IAAI,QAAQ,SAAS,KAAK;CAC5B;CAEA,MAAM,SAAS,SAAqC;EAClD,cAAc,IAAI;EAClB,QAAQ,KAAK;CACf;CAEA,MAAM,aAAyC,OAAO,WAAW,IAAI,CAAC,MAAM,IAAI,SAAS,MAAM,EAAE,CAAC,IAAI;CACtG,MAAM,kBAAkB,CAAC,cAAc,mBAAmB,YAAY,KAAK;CAC3E,MAAM,YAAY,QAAQ,gBAAgB,KAAK,IAAI;CAEnD,IAAI,UACF,OACE,qBAAC,aAAD;EACgB;EACR;EACN,SACE,oBAAC,aAAD;GACE,GAAI;GACJ,MAAM;GACN,QAAQ;GACD;GACP,eAAe,aAAa,IAAI;GAC3B;GACL,OAAO;EACR,CAAA;EAZL,UAAA;GAeE,oBAAC,mBAAD,EAAmB,OAAO,MAAQ,CAAA;GAClC,oBAAC,KAAD;IAAK,MAAK;IAAI,WAAU;IACtB,UAAA,oBAAC,gBAAD;KACc;KACZ,QAAO;KACP,QAAO;KACP,KAAK,OAAO,MAAM;KAClB,KAAK,OAAO,YAAY;KACxB,eAAe;KACf,iBAAA;KACA,kBAAA;KACA,OAAO;IACR,CAAA;GACE,CAAA;GACL,oBAAC,mBAAD;IACmB;IACjB,eAAe,MAAM,UAAU;IAC/B,OAAO,QAAQ;KAAE,OAAO;KAAS,eAAe,MAAM,IAAI;IAAE,IAAI,KAAA;GACjE,CAAA;EACU;;CAIjB,OACE,oBAAC,YAAD;EACE,MAAM;EACD;EACL,gBAAgB,WACd,oBAAC,gBAAD;GACc;GACZ,QACE,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA,CACE,oBAAC,KAAD;KAAK,MAAK;KACP,UAAA,CAAC,CAAC,SACD,oBAAC,cAAD;MAAc,eAAe,MAAM,IAAI;MAAG,MAAK;MAAK,SAAQ;MAAW,UAAA;KAEzD,CAAA;IAEb,CAAA,GACL,oBAAC,cAAD;KACE,eAAe,MAAM,UAAU;KAC/B,MAAK;KACL,OAAO,kBAAkB,aAAa,KAAA;KACvC,UAAA;IAEa,CAAA,CACX;;GAEP,QAAO;GACP,KAAK,OAAO,MAAM;GAClB,KAAK,OAAO,YAAY;GACV;GACd,eAAe;GACT;GACN,iBAAA;GACA,kBAAA;GACA,OAAO;GAGN,UAAA,aAAa,QAAQ,EAAE,cAAc,UAAU,CAAC;EACnC,CAAA;EAElB,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CAAC;AAED,sBAAsB,cAAc"}

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

@@ -1,23 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-export interface BitkitFilterSearchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /** Accessible name of the input. Defaults to "Search". */
-    label?: string;
-    /** Called once typing pauses, and right away on clear. */
-    onValueChange: (value: string) => void;
-    /** Defaults to "Search...". */
-    placeholder?: string;
-    /** The value "Clear filters" restores. Defaults to an empty search. */
-    resetValue?: string;
-    /**
-     * Says what the search matches, in a few words, e.g. "Build number or commit message". Shown on
-     * hover, but not while typing, and read out with the field.
-     */
-    tooltip?: string;
-    value: string;
-}
-/**
- * Free-text search, shown at the end of the bar whatever its position among the children — on mobile,
- * as a full-width row under the bar.
- */
-declare const BitkitFilterSearch: import('react').ForwardRefExoticComponent<BitkitFilterSearchProps & import('react').RefAttributes<HTMLInputElement>>;
-export default BitkitFilterSearch;

package/dist/components/BitkitFilter/BitkitFilterSearch.js

@@ -1,72 +0,0 @@
-import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
-import { useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterSearchInput from "./components/FilterSearchInput.js";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region lib/components/BitkitFilter/BitkitFilterSearch.tsx
-/**
-* Free-text search, shown at the end of the bar whatever its position among the children — on mobile,
-* as a full-width row under the bar.
-*/
-var BitkitFilterSearch = forwardRef((props, ref) => {
-	const { label = "Search", onValueChange, placeholder = "Search...", resetValue = "", tooltip, value, ...rest } = props;
-	const { isMobile } = useFilterContext();
-	const [text, setText] = useState(value);
-	const [isFocused, setIsFocused] = useState(false);
-	const pending = useRef([]);
-	const valueRef = useRef(value);
-	valueRef.current = value;
-	const send = (next) => {
-		if (next !== valueRef.current) pending.current.push(next);
-		onValueChange(next);
-	};
-	useFilterRegistration(value, resetValue, (next) => {
-		setText(next);
-		send(next);
-	}, false);
-	useEffect(() => {
-		const index = pending.current.indexOf(value);
-		if (index >= 0) {
-			pending.current.splice(index, 1);
-			return;
-		}
-		pending.current = [];
-		setText(value);
-	}, [value]);
-	useEffect(() => {
-		if (text === value || !text) return void 0;
-		const timeout = setTimeout(() => send(text), 300);
-		return () => clearTimeout(timeout);
-	}, [text]);
-	const onTextChange = (next) => {
-		setText(next);
-		if (!next) send("");
-	};
-	return /* @__PURE__ */ jsx(FilterSearchInput, {
-		description: tooltip,
-		label,
-		onValueChange: onTextChange,
-		placeholder,
-		ref,
-		renderInput: tooltip && !isMobile ? (input) => /* @__PURE__ */ jsx(BitkitLabelTooltip, {
-			disabled: isFocused,
-			text: tooltip,
-			children: input
-		}) : void 0,
-		value: text,
-		...rest,
-		onBlur: (event) => {
-			setIsFocused(false);
-			rest.onBlur?.(event);
-		},
-		onFocus: (event) => {
-			setIsFocused(true);
-			rest.onFocus?.(event);
-		}
-	});
-});
-BitkitFilterSearch.displayName = "BitkitFilterSearch";
-//#endregion
-export { BitkitFilterSearch as default };
-
-//# sourceMappingURL=BitkitFilterSearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterSearch.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterSearch.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\nimport { useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport { SEARCH_DEBOUNCE_MS } from './BitkitFilter.utils';\nimport FilterSearchInput from './components/FilterSearchInput';\n\nexport interface BitkitFilterSearchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** Accessible name of the input. Defaults to \"Search\". */\n  label?: string;\n  /** Called once typing pauses, and right away on clear. */\n  onValueChange: (value: string) => void;\n  /** Defaults to \"Search...\". */\n  placeholder?: string;\n  /** The value \"Clear filters\" restores. Defaults to an empty search. */\n  resetValue?: string;\n  /**\n   * Says what the search matches, in a few words, e.g. \"Build number or commit message\". Shown on\n   * hover, but not while typing, and read out with the field.\n   */\n  tooltip?: string;\n  value: string;\n}\n\n/**\n * Free-text search, shown at the end of the bar whatever its position among the children — on mobile,\n * as a full-width row under the bar.\n */\nconst BitkitFilterSearch = forwardRef<HTMLInputElement, BitkitFilterSearchProps>((props, ref) => {\n  const {\n    label = 'Search',\n    onValueChange,\n    placeholder = 'Search...',\n    resetValue = '',\n    tooltip,\n    value,\n    ...rest\n  } = props;\n  const { isMobile } = useFilterContext();\n  const [text, setText] = useState(value);\n  // The tooltip stays closed while the field has focus, so it doesn't cover the results being typed for.\n  const [isFocused, setIsFocused] = useState(false);\n  // What this search sent that hasn't come back as `value` yet. A page may echo a send late, after\n  // more has been typed (or sent); such an echo must not overwrite the newer text.\n  const pending = useRef<string[]>([]);\n  const valueRef = useRef(value);\n  valueRef.current = value;\n\n  const send = (next: string) => {\n    // A send matching `value` changes nothing, so no echo would ever come back to clear it.\n    if (next !== valueRef.current) pending.current.push(next);\n    onValueChange(next);\n  };\n\n  useFilterRegistration(\n    value,\n    resetValue,\n    (next: string) => {\n      setText(next);\n      send(next);\n    },\n    false,\n  );\n\n  // Follow outside changes, e.g. a page reset.\n  useEffect(() => {\n    const index = pending.current.indexOf(value);\n    if (index >= 0) {\n      // An echo. Only this send has landed: echoes can arrive out of order.\n      pending.current.splice(index, 1);\n      return;\n    }\n    pending.current = [];\n    setText(value);\n  }, [value]);\n\n  useEffect(() => {\n    // An empty text was already sent right away.\n    if (text === value || !text) return undefined;\n    const timeout = setTimeout(() => send(text), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timeout);\n    // `value` is left out on purpose: it changing must not restart a pending debounce.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [text]);\n\n  const onTextChange = (next: string) => {\n    setText(next);\n    // Clearing applies right away rather than after the debounce.\n    if (!next) send('');\n  };\n\n  return (\n    <FilterSearchInput\n      description={tooltip}\n      label={label}\n      onValueChange={onTextChange}\n      placeholder={placeholder}\n      ref={ref}\n      // Touch screens have no hover to show a tooltip.\n      renderInput={\n        tooltip && !isMobile\n          ? (input) => (\n              <BitkitLabelTooltip disabled={isFocused} text={tooltip}>\n                {input}\n              </BitkitLabelTooltip>\n            )\n          : undefined\n      }\n      value={text}\n      {...rest}\n      onBlur={(event) => {\n        setIsFocused(false);\n        rest.onBlur?.(event);\n      }}\n      onFocus={(event) => {\n        setIsFocused(true);\n        rest.onFocus?.(event);\n      }}\n    />\n  );\n});\n\nBitkitFilterSearch.displayName = 'BitkitFilterSearch';\n\nexport default BitkitFilterSearch;\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,qBAAqB,YAAuD,OAAO,QAAQ;CAC/F,MAAM,EACJ,QAAQ,UACR,eACA,cAAc,aACd,aAAa,IACb,SACA,OACA,GAAG,SACD;CACJ,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAGhD,MAAM,UAAU,OAAiB,CAAC,CAAC;CACnC,MAAM,WAAW,OAAO,KAAK;CAC7B,SAAS,UAAU;CAEnB,MAAM,QAAQ,SAAiB;EAE7B,IAAI,SAAS,SAAS,SAAS,QAAQ,QAAQ,KAAK,IAAI;EACxD,cAAc,IAAI;CACpB;CAEA,sBACE,OACA,aACC,SAAiB;EAChB,QAAQ,IAAI;EACZ,KAAK,IAAI;CACX,GACA,KACF;CAGA,gBAAgB;EACd,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,KAAK;EAC3C,IAAI,SAAS,GAAG;GAEd,QAAQ,QAAQ,OAAO,OAAO,CAAC;GAC/B;EACF;EACA,QAAQ,UAAU,CAAC;EACnB,QAAQ,KAAK;CACf,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EAEd,IAAI,SAAS,SAAS,CAAC,MAAM,OAAO,KAAA;EACpC,MAAM,UAAU,iBAAiB,KAAK,IAAI,GAAA,GAAqB;EAC/D,aAAa,aAAa,OAAO;CAGnC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,gBAAgB,SAAiB;EACrC,QAAQ,IAAI;EAEZ,IAAI,CAAC,MAAM,KAAK,EAAE;CACpB;CAEA,OACE,oBAAC,mBAAD;EACE,aAAa;EACN;EACP,eAAe;EACF;EACR;EAEL,aACE,WAAW,CAAC,YACP,UACC,oBAAC,oBAAD;GAAoB,UAAU;GAAW,MAAM;GAC5C,UAAA;EACiB,CAAA,IAEtB,KAAA;EAEN,OAAO;EACP,GAAI;EACJ,SAAS,UAAU;GACjB,aAAa,KAAK;GAClB,KAAK,SAAS,KAAK;EACrB;EACA,UAAU,UAAU;GAClB,aAAa,IAAI;GACjB,KAAK,UAAU,KAAK;EACtB;CACD,CAAA;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1,61 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitFilterSelectItem } from './components/FilterSelectForm';
-export type { BitkitFilterSelectItem };
-export interface BitkitFilterSelectProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /**
-     * Why the filter doesn't apply yet, e.g. "Select a project first". Its entry in the "Add filter"
-     * menu is muted with an info icon, and says this in a tooltip when highlighted (spelled out under
-     * the label on mobile). Only applies inside `BitkitFilter.Add`. A filter with no options is
-     * disabled anyway.
-     */
-    disabledReason?: string;
-    /** Chip text while nothing is selected. Defaults to `All {pluralLabel}`. */
-    emptyLabel?: string;
-    items: BitkitFilterSelectItem[];
-    /** Name of the filter: the popover title, and the prefix of a single selection on the chip (`Project: iOS`). */
-    label: string;
-    /** Shows a loading row in place of the options, e.g. while `onSearchChange` results are fetched. */
-    loading?: boolean;
-    /** Text of the loading row. Defaults to "Loading...". */
-    loadingLabel?: string;
-    multiple?: boolean;
-    /**
-     * Hands search over to you: `items` are shown as they are, without filtering them locally. Use it
-     * for server-side search. Called once typing pauses (300ms), right away with `''` on clear and
-     * close; ordering the responses is up to you. The search input is always shown with it; otherwise
-     * only above 5 items.
-     */
-    onSearchChange?: (searchText: string) => void;
-    /** Called on "Apply", "Clear" and the chip's remove button — not on every click in the popover. */
-    onValueChange: (value: string[]) => void;
-    /**
-     * Offers a wildcard pattern (`release-*`) as an alternative to picking options. A pattern is
-     * applied as the single value, e.g. `['release-*']`; matching it is up to you. The preview of
-     * matching options only checks the labels of the `items` at hand, not a server search.
-     */
-    pattern?: boolean;
-    /**
-     * Plural of `label`: the empty chip (`All projects`), a multiple selection (`2 Workflows`), and a
-     * multi-select's panel title. Required, since a guessed plural reads wrong too often.
-     */
-    pluralLabel: string;
-    /** Lists the options in the order of `items`, instead of the applied ones first. */
-    preserveOrder?: boolean;
-    /**
-     * A value is always applied, so the popover offers no "Clear". Pass the default as `resetValue`
-     * too, for "Clear filters" to restore. Not for a filter inside `BitkitFilter.Add`.
-     */
-    required?: boolean;
-    /** The value "Clear filters" restores. Defaults to no selection. */
-    resetValue?: string[];
-    /** Defaults to "Search for options". */
-    searchPlaceholder?: string;
-    value: string[];
-}
-/**
- * A filter picking one or more options from a list, applied with the popover's "Apply". Directly
- * in `BitkitFilter` it is a dropdown chip that is always shown; inside `BitkitFilter.Add` it is a
- * removable chip that only appears while it holds a value.
- */
-declare const BitkitFilterSelect: import('react').ForwardRefExoticComponent<BitkitFilterSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default BitkitFilterSelect;