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

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 { 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: button
-		}),
-		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 { 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          {button}\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;GAEN,UAAA;EACa,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,70 +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 send = (next) => {
-		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\n  const send = (next: string) => {\n    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;CAEnC,MAAM,QAAQ,SAAiB;EAC7B,QAAQ,QAAQ,KAAK,IAAI;EACzB,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;

package/dist/components/BitkitFilter/BitkitFilterSelect.js

@@ -1,140 +0,0 @@
-import { isPattern, toRunningText } from "./BitkitFilter.utils.js";
-import { useFilterAddItem, useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterChip from "./components/FilterChip.js";
-import FilterField from "./components/FilterField.js";
-import FilterPanel from "./components/FilterPanel.js";
-import FilterSelectForm from "./components/FilterSelectForm.js";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { mergeRefs } from "@chakra-ui/react";
-//#region lib/components/BitkitFilter/BitkitFilterSelect.tsx
-var NO_VALUE = [];
-/**
-* 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.
-*/
-var BitkitFilterSelect = forwardRef((props, ref) => {
-	const { disabledReason, emptyLabel, items, label, loading, loadingLabel, multiple, onSearchChange, onValueChange, pattern, pluralLabel, preserveOrder, required, resetValue = NO_VALUE, searchPlaceholder, value, ...rest } = props;
-	const { isMobile } = useFilterContext();
-	const [open, setOpen] = useState(false);
-	const addItem = useFilterAddItem({
-		disabledReason,
-		hasOptions: !!items.length || !!onSearchChange,
-		isEmpty: !value.length,
-		label
-	});
-	useFilterRegistration(value, resetValue, onValueChange);
-	const labels = useRef(/* @__PURE__ */ new Map());
-	items.forEach((item) => labels.current.set(item.value, item.label));
-	const triggerRef = useRef(null);
-	const setRef = useMemo(() => mergeRefs(ref, triggerRef), [ref]);
-	const isFocusPending = useRef(false);
-	const searchTimeout = useRef(void 0);
-	useEffect(() => () => clearTimeout(searchTimeout.current), []);
-	const search = (text) => {
-		clearTimeout(searchTimeout.current);
-		if (text) searchTimeout.current = setTimeout(() => onSearchChange?.(text), 300);
-		else onSearchChange?.("");
-	};
-	const onOpenChange = (isOpen) => {
-		setOpen(isOpen);
-		if (!isOpen && onSearchChange) search("");
-	};
-	const form = (isAdding) => /* @__PURE__ */ jsx(FilterSelectForm, {
-		isEditing: !!value.length,
-		isOrderFixed: preserveOrder,
-		isRequired: required && !addItem,
-		items,
-		label,
-		loading,
-		loadingLabel,
-		multiple,
-		onApply: (next) => {
-			if (isAdding) isFocusPending.current = true;
-			onValueChange(next);
-			if (isAdding) addItem?.stopAdding();
-			else if (addItem && !next.length) addItem.focusTrigger();
-			onOpenChange(false);
-		},
-		onCancel: () => {
-			if (isAdding) addItem?.stopAdding();
-			onOpenChange(false);
-		},
-		onSearchChange: onSearchChange ? search : void 0,
-		pattern,
-		pluralLabel,
-		searchPlaceholder,
-		selectedItems: value.filter((selected) => !isPattern(selected)).map((selected) => ({
-			label: labels.current.get(selected) ?? selected,
-			value: selected
-		})),
-		value
-	});
-	const addPanel = addItem ? /* @__PURE__ */ jsx(FilterPanel, {
-		finalFocusEl: () => {
-			const chip = isFocusPending.current ? triggerRef.current : null;
-			isFocusPending.current = false;
-			return chip ?? addItem.getTrigger();
-		},
-		getAnchorElement: addItem.getTrigger,
-		onOpenChange: (isOpen) => {
-			if (isOpen) return;
-			addItem.stopAdding();
-			onOpenChange(false);
-		},
-		open: addItem.isAdding,
-		children: form(true)
-	}) : null;
-	const emptyText = emptyLabel ?? `All ${toRunningText(pluralLabel)}`;
-	const singleText = value.length === 1 ? labels.current.get(value[0]) ?? value[0] : "";
-	const onRemove = addItem ? () => {
-		onValueChange([]);
-		addItem.focusTrigger();
-	} : void 0;
-	const hasChip = !addItem || !!value.length;
-	let trigger = null;
-	if (hasChip && isMobile) {
-		let fieldValue = emptyText;
-		if (value.length > 1) fieldValue = `${value.length} selected`;
-		else if (value.length) fieldValue = singleText;
-		trigger = /* @__PURE__ */ jsx(FilterField, {
-			...rest,
-			isOpen: open,
-			label: multiple ? pluralLabel : label,
-			onClick: () => onOpenChange(true),
-			onRemove,
-			ref: setRef,
-			value: fieldValue
-		});
-	} else if (hasChip) {
-		let chipProps = { value: emptyText };
-		if (value.length > 1) chipProps = {
-			label: pluralLabel,
-			labelAfter: true,
-			value: value.length
-		};
-		else if (value.length) chipProps = {
-			label: `${label}:`,
-			value: singleText
-		};
-		trigger = /* @__PURE__ */ jsx(FilterChip, {
-			...chipProps,
-			onRemove,
-			ref: setRef,
-			removeLabel: `Remove ${label} filter`,
-			...rest
-		});
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [hasChip && /* @__PURE__ */ jsx(FilterPanel, {
-		onOpenChange,
-		open,
-		trigger,
-		children: form(false)
-	}), addPanel] });
-});
-BitkitFilterSelect.displayName = "BitkitFilterSelect";
-//#endregion
-export { BitkitFilterSelect as default };
-
-//# sourceMappingURL=BitkitFilterSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterSelect.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterSelect.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { mergeRefs } from '@chakra-ui/react';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useFilterAddItem, useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport { isPattern, SEARCH_DEBOUNCE_MS, toRunningText } from './BitkitFilter.utils';\nimport FilterChip, { type FilterChipProps } from './components/FilterChip';\nimport FilterField from './components/FilterField';\nimport FilterPanel from './components/FilterPanel';\nimport FilterSelectForm, { type BitkitFilterSelectItem } from './components/FilterSelectForm';\n\nexport type { BitkitFilterSelectItem };\n\nconst NO_VALUE: string[] = [];\n\nexport interface BitkitFilterSelectProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /**\n   * Why the filter doesn't apply yet, e.g. \"Select a project first\". Its entry in the \"Add filter\"\n   * menu is muted with an info icon, and says this in a tooltip when highlighted (spelled out under\n   * the label on mobile). Only applies inside `BitkitFilter.Add`. A filter with no options is\n   * disabled anyway.\n   */\n  disabledReason?: string;\n  /** Chip text while nothing is selected. Defaults to `All {pluralLabel}`. */\n  emptyLabel?: string;\n  items: BitkitFilterSelectItem[];\n  /** Name of the filter: the popover title, and the prefix of a single selection on the chip (`Project: iOS`). */\n  label: string;\n  /** Shows a loading row in place of the options, e.g. while `onSearchChange` results are fetched. */\n  loading?: boolean;\n  /** Text of the loading row. Defaults to \"Loading...\". */\n  loadingLabel?: string;\n  multiple?: boolean;\n  /**\n   * Hands search over to you: `items` are shown as they are, without filtering them locally. Use it\n   * for server-side search. Called once typing pauses (300ms), right away with `''` on clear and\n   * close; ordering the responses is up to you. The search input is always shown with it; otherwise\n   * only above 5 items.\n   */\n  onSearchChange?: (searchText: string) => void;\n  /** Called on \"Apply\", \"Clear\" and the chip's remove button — not on every click in the popover. */\n  onValueChange: (value: string[]) => void;\n  /**\n   * Offers a wildcard pattern (`release-*`) as an alternative to picking options. A pattern is\n   * applied as the single value, e.g. `['release-*']`; matching it is up to you. The preview of\n   * matching options only checks the labels of the `items` at hand, not a server search.\n   */\n  pattern?: boolean;\n  /**\n   * Plural of `label`: the empty chip (`All projects`), a multiple selection (`2 Workflows`), and a\n   * multi-select's panel title. Required, since a guessed plural reads wrong too often.\n   */\n  pluralLabel: string;\n  /** Lists the options in the order of `items`, instead of the applied ones first. */\n  preserveOrder?: boolean;\n  /**\n   * A value is always applied, so the popover offers no \"Clear\". Pass the default as `resetValue`\n   * too, for \"Clear filters\" to restore. Not for a filter inside `BitkitFilter.Add`.\n   */\n  required?: boolean;\n  /** The value \"Clear filters\" restores. Defaults to no selection. */\n  resetValue?: string[];\n  /** Defaults to \"Search for options\". */\n  searchPlaceholder?: string;\n  value: string[];\n}\n\n/**\n * A filter picking one or more options from a list, applied with the popover's \"Apply\". Directly\n * in `BitkitFilter` it is a dropdown chip that is always shown; inside `BitkitFilter.Add` it is a\n * removable chip that only appears while it holds a value.\n */\n// The ref lands on the chip's (or on mobile the field's) button; other props on its wrapper.\nconst BitkitFilterSelect = forwardRef<HTMLButtonElement, BitkitFilterSelectProps>((props, ref) => {\n  const {\n    disabledReason,\n    emptyLabel,\n    items,\n    label,\n    loading,\n    loadingLabel,\n    multiple,\n    onSearchChange,\n    onValueChange,\n    pattern,\n    pluralLabel,\n    preserveOrder,\n    required,\n    resetValue = NO_VALUE,\n    searchPlaceholder,\n    value,\n    ...rest\n  } = props;\n  const { isMobile } = useFilterContext();\n  const [open, setOpen] = useState(false);\n  const addItem = useFilterAddItem({\n    disabledReason,\n    hasOptions: !!items.length || !!onSearchChange,\n    isEmpty: !value.length,\n    label,\n  });\n\n  useFilterRegistration(value, resetValue, onValueChange);\n\n  // Remember every label seen, so a selection still reads right once a search has replaced `items`.\n  const labels = useRef(new Map<string, string>());\n  items.forEach((item) => labels.current.set(item.value, item.label));\n\n  // A filter just added through \"Add filter\" hands focus to its new chip as its panel closes.\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const setRef = useMemo(() => mergeRefs<HTMLButtonElement>(ref, triggerRef), [ref]);\n  const isFocusPending = useRef(false);\n\n  // Debounced here rather than in the form, which outlives the close by its exit animation: closing\n  // drops a pending search, so it can't land after the reset to `''`. Clearing goes through right away.\n  const searchTimeout = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(searchTimeout.current), []);\n  const search = (text: string) => {\n    clearTimeout(searchTimeout.current);\n    if (text) searchTimeout.current = setTimeout(() => onSearchChange?.(text), SEARCH_DEBOUNCE_MS);\n    else onSearchChange?.('');\n  };\n\n  const onOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen);\n    if (!isOpen && onSearchChange) search('');\n  };\n\n  const form = (isAdding: boolean) => (\n    <FilterSelectForm\n      isEditing={!!value.length}\n      isOrderFixed={preserveOrder}\n      isRequired={required && !addItem}\n      items={items}\n      label={label}\n      loading={loading}\n      loadingLabel={loadingLabel}\n      multiple={multiple}\n      onApply={(next) => {\n        if (isAdding) isFocusPending.current = true;\n        onValueChange(next);\n        if (isAdding) addItem?.stopAdding();\n        // Emptied from its own chip: the chip goes, so focus moves to \"Add filter\", like on remove.\n        else if (addItem && !next.length) addItem.focusTrigger();\n        onOpenChange(false);\n      }}\n      onCancel={() => {\n        if (isAdding) addItem?.stopAdding();\n        onOpenChange(false);\n      }}\n      onSearchChange={onSearchChange ? search : undefined}\n      pattern={pattern}\n      pluralLabel={pluralLabel}\n      searchPlaceholder={searchPlaceholder}\n      selectedItems={value\n        .filter((selected) => !isPattern(selected))\n        .map((selected) => ({ label: labels.current.get(selected) ?? selected, value: selected }))}\n      value={value}\n    />\n  );\n\n  // Inside `Add`, an empty filter has no chip: it is listed in the menu, and its panel opens from\n  // there, anchored to the \"Add filter\" button. It stays mounted once a value is applied, so it can\n  // close (and hand over focus) the usual way.\n  const addPanel = addItem ? (\n    <FilterPanel\n      finalFocusEl={() => {\n        const chip = isFocusPending.current ? triggerRef.current : null;\n        isFocusPending.current = false;\n        return chip ?? addItem.getTrigger();\n      }}\n      getAnchorElement={addItem.getTrigger}\n      onOpenChange={(isOpen) => {\n        if (isOpen) return;\n        addItem.stopAdding();\n        onOpenChange(false);\n      }}\n      open={addItem.isAdding}\n    >\n      {form(true)}\n    </FilterPanel>\n  ) : null;\n\n  const emptyText = emptyLabel ?? `All ${toRunningText(pluralLabel)}`;\n  const singleText = value.length === 1 ? (labels.current.get(value[0]) ?? value[0]) : '';\n  const onRemove = addItem\n    ? () => {\n        onValueChange([]);\n        addItem.focusTrigger();\n      }\n    : undefined;\n\n  // Inside `Add`, an empty filter has no chip of its own.\n  const hasChip = !addItem || !!value.length;\n  let trigger = null;\n  if (hasChip && isMobile) {\n    let fieldValue = emptyText;\n    if (value.length > 1) fieldValue = `${value.length} selected`;\n    else if (value.length) fieldValue = singleText;\n    trigger = (\n      <FilterField\n        {...rest}\n        isOpen={open}\n        label={multiple ? pluralLabel : label}\n        onClick={() => onOpenChange(true)}\n        onRemove={onRemove}\n        ref={setRef}\n        value={fieldValue}\n      />\n    );\n  } else if (hasChip) {\n    let chipProps: FilterChipProps = { value: emptyText };\n    if (value.length > 1) chipProps = { label: pluralLabel, labelAfter: true, value: value.length };\n    else if (value.length) chipProps = { label: `${label}:`, value: singleText };\n    trigger = (\n      <FilterChip {...chipProps} onRemove={onRemove} ref={setRef} removeLabel={`Remove ${label} filter`} {...rest} />\n    );\n  }\n\n  // The same two slots whether or not a value is applied, so the add panel isn't remounted when one is.\n  return (\n    <>\n      {hasChip && (\n        <FilterPanel onOpenChange={onOpenChange} open={open} trigger={trigger}>\n          {form(false)}\n        </FilterPanel>\n      )}\n      {addPanel}\n    </>\n  );\n});\n\nBitkitFilterSelect.displayName = 'BitkitFilterSelect';\n\nexport default BitkitFilterSelect;\n"],"mappings":"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"}

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

@@ -1,28 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitIconComponent } from '../../icons';
-import { BitkitColorToken } from '../../theme/themeUtils';
-export interface BitkitFilterSwitchItem {
-    icon?: BitkitIconComponent;
-    /** Colors the icon, e.g. a status: `icon/positive` for "Passed". Defaults to the switch's own icon color. */
-    iconColor?: BitkitColorToken<'icon'>;
-    label: string;
-    value: string;
-}
-export interface BitkitFilterSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /** Label of the leading option that removes the filter. Defaults to "All". */
-    allLabel?: string;
-    items: BitkitFilterSwitchItem[];
-    /** Accessible name of the switch, e.g. "Platform". */
-    label: string;
-    /** Called on every click. `null` is the leading "All" option. */
-    onValueChange: (value: string | null) => void;
-    /** The value "Clear filters" restores. Defaults to "All". */
-    resetValue?: string | null;
-    value: string | null;
-}
-/**
- * A filter with a few mutually exclusive options, applied on click. Its first option is "All". On
- * mobile it is a field opening a single-select list, like `BitkitFilter.Select`.
- */
-declare const BitkitFilterSwitch: import('react').ForwardRefExoticComponent<BitkitFilterSwitchProps & import('react').RefAttributes<HTMLElement>>;
-export default BitkitFilterSwitch;

package/dist/components/BitkitFilter/BitkitFilterSwitch.js

@@ -1,87 +0,0 @@
-import { useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterField from "./components/FilterField.js";
-import FilterPanel from "./components/FilterPanel.js";
-import FilterSelectForm from "./components/FilterSelectForm.js";
-import { forwardRef, useId, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { mergeRefs } from "@chakra-ui/react";
-import { SegmentGroup } from "@chakra-ui/react/segment-group";
-//#region lib/components/BitkitFilter/BitkitFilterSwitch.tsx
-/**
-* A filter with a few mutually exclusive options, applied on click. Its first option is "All". On
-* mobile it is a field opening a single-select list, like `BitkitFilter.Select`.
-*/
-var BitkitFilterSwitch = forwardRef((props, ref) => {
-	const { allLabel = "All", css, items, label, onValueChange, resetValue = null, value, ...rest } = props;
-	const { isDisabled, isMobile, styles } = useFilterContext();
-	const [open, setOpen] = useState(false);
-	const ALL = `all-${useId()}`;
-	const setRef = useMemo(() => mergeRefs(ref), [ref]);
-	useFilterRegistration(value, resetValue, onValueChange);
-	if (isMobile) {
-		const options = [{
-			label: allLabel,
-			value: ALL
-		}, ...items];
-		return /* @__PURE__ */ jsx(FilterPanel, {
-			onOpenChange: setOpen,
-			open,
-			trigger: /* @__PURE__ */ jsx(FilterField, {
-				...rest,
-				css,
-				isOpen: open,
-				label,
-				onClick: () => setOpen(true),
-				ref: setRef,
-				value: items.find((item) => item.value === value)?.label ?? allLabel
-			}),
-			children: /* @__PURE__ */ jsx(FilterSelectForm, {
-				isEditing: value !== null,
-				isOrderFixed: true,
-				items: options,
-				label,
-				onApply: ([next]) => {
-					onValueChange(!next || next === ALL ? null : next);
-					setOpen(false);
-				},
-				onCancel: () => setOpen(false),
-				pluralLabel: label,
-				value: [value ?? ALL]
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(SegmentGroup.Root, {
-		"aria-label": label,
-		css: [styles.switch, css],
-		readOnly: isDisabled,
-		onValueChange: (details) => onValueChange(!details.value || details.value === ALL ? null : details.value),
-		ref: setRef,
-		unstyled: true,
-		value: value ?? ALL,
-		...rest,
-		children: [{
-			label: allLabel,
-			value: ALL
-		}, ...items].map((item) => /* @__PURE__ */ jsxs(SegmentGroup.Item, {
-			css: styles.switchItem,
-			value: item.value,
-			children: [
-				!!item.icon && /* @__PURE__ */ jsx(item.icon, {
-					"data-own-color": item.iconColor ? "" : void 0,
-					color: item.iconColor,
-					size: "16"
-				}),
-				/* @__PURE__ */ jsx(SegmentGroup.ItemText, {
-					css: styles.switchItemText,
-					children: item.label
-				}),
-				/* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
-			]
-		}, item.value))
-	});
-});
-BitkitFilterSwitch.displayName = "BitkitFilterSwitch";
-//#endregion
-export { BitkitFilterSwitch as default };
-
-//# sourceMappingURL=BitkitFilterSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterSwitch.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterSwitch.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { mergeRefs } from '@chakra-ui/react';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { SegmentGroup } from '@chakra-ui/react/segment-group';\nimport { forwardRef, useId, useMemo, useState } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { type BitkitColorToken } from '../../theme/themeUtils';\nimport { useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport FilterField from './components/FilterField';\nimport FilterPanel from './components/FilterPanel';\nimport FilterSelectForm from './components/FilterSelectForm';\n\nexport interface BitkitFilterSwitchItem {\n  icon?: BitkitIconComponent;\n  /** Colors the icon, e.g. a status: `icon/positive` for \"Passed\". Defaults to the switch's own icon color. */\n  iconColor?: BitkitColorToken<'icon'>;\n  label: string;\n  value: string;\n}\n\nexport interface BitkitFilterSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** Label of the leading option that removes the filter. Defaults to \"All\". */\n  allLabel?: string;\n  items: BitkitFilterSwitchItem[];\n  /** Accessible name of the switch, e.g. \"Platform\". */\n  label: string;\n  /** Called on every click. `null` is the leading \"All\" option. */\n  onValueChange: (value: string | null) => void;\n  /** The value \"Clear filters\" restores. Defaults to \"All\". */\n  resetValue?: string | null;\n  value: string | null;\n}\n\n/**\n * A filter with a few mutually exclusive options, applied on click. Its first option is \"All\". On\n * mobile it is a field opening a single-select list, like `BitkitFilter.Select`.\n */\n// The ref lands on the switch on desktop, and on the field's button on mobile.\nconst BitkitFilterSwitch = forwardRef<HTMLElement, BitkitFilterSwitchProps>((props, ref) => {\n  const { allLabel = 'All', css, items, label, onValueChange, resetValue = null, value, ...rest } = props;\n\n  const { isDisabled, isMobile, styles } = useFilterContext();\n  const [open, setOpen] = useState(false);\n  // Stands in for `null` in the segment group, which needs a string value per item. Per instance,\n  // so no item value can collide with it.\n  const ALL = `all-${useId()}`;\n  // A callback ref takes either element, where the forwarded `HTMLElement` ref object doesn't type-check.\n  const setRef = useMemo(() => mergeRefs<HTMLElement>(ref), [ref]);\n\n  useFilterRegistration(value, resetValue, onValueChange);\n\n  if (isMobile) {\n    const options = [{ label: allLabel, value: ALL }, ...items];\n    return (\n      <FilterPanel\n        onOpenChange={setOpen}\n        open={open}\n        trigger={\n          <FilterField\n            {...rest}\n            css={css}\n            isOpen={open}\n            label={label}\n            onClick={() => setOpen(true)}\n            ref={setRef}\n            value={items.find((item) => item.value === value)?.label ?? allLabel}\n          />\n        }\n      >\n        <FilterSelectForm\n          isEditing={value !== null}\n          isOrderFixed\n          items={options}\n          label={label}\n          onApply={([next]) => {\n            onValueChange(!next || next === ALL ? null : next);\n            setOpen(false);\n          }}\n          onCancel={() => setOpen(false)}\n          pluralLabel={label}\n          value={[value ?? ALL]}\n        />\n      </FilterPanel>\n    );\n  }\n\n  // Figma's `filterSwitch` is its own component, so the segment group is unstyled and takes the\n  // filter recipe instead of `BitkitSegmentedControl`'s look.\n  return (\n    <SegmentGroup.Root\n      aria-label={label}\n      css={[styles.switch, css]}\n      readOnly={isDisabled}\n      onValueChange={(details) => onValueChange(!details.value || details.value === ALL ? null : details.value)}\n      ref={setRef}\n      unstyled\n      value={value ?? ALL}\n      {...rest}\n    >\n      {[{ label: allLabel, value: ALL } as BitkitFilterSwitchItem, ...items].map((item) => (\n        <SegmentGroup.Item css={styles.switchItem} key={item.value} value={item.value}>\n          {!!item.icon && (\n            <item.icon data-own-color={item.iconColor ? '' : undefined} color={item.iconColor} size=\"16\" />\n          )}\n          <SegmentGroup.ItemText css={styles.switchItemText}>{item.label}</SegmentGroup.ItemText>\n          <SegmentGroup.ItemHiddenInput />\n        </SegmentGroup.Item>\n      ))}\n    </SegmentGroup.Root>\n  );\n});\n\nBitkitFilterSwitch.displayName = 'BitkitFilterSwitch';\n\nexport default BitkitFilterSwitch;\n"],"mappings":";;;;;;;;;;;;;AAuCA,IAAM,qBAAqB,YAAkD,OAAO,QAAQ;CAC1F,MAAM,EAAE,WAAW,OAAO,KAAK,OAAO,OAAO,eAAe,aAAa,MAAM,OAAO,GAAG,SAAS;CAElG,MAAM,EAAE,YAAY,UAAU,WAAW,iBAAiB;CAC1D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAGtC,MAAM,MAAM,OAAO,MAAM;CAEzB,MAAM,SAAS,cAAc,UAAuB,GAAG,GAAG,CAAC,GAAG,CAAC;CAE/D,sBAAsB,OAAO,YAAY,aAAa;CAEtD,IAAI,UAAU;EACZ,MAAM,UAAU,CAAC;GAAE,OAAO;GAAU,OAAO;EAAI,GAAG,GAAG,KAAK;EAC1D,OACE,oBAAC,aAAD;GACE,cAAc;GACR;GACN,SACE,oBAAC,aAAD;IACE,GAAI;IACC;IACL,QAAQ;IACD;IACP,eAAe,QAAQ,IAAI;IAC3B,KAAK;IACL,OAAO,MAAM,MAAM,SAAS,KAAK,UAAU,KAAK,CAAC,EAAE,SAAS;GAC7D,CAAA;GAGH,UAAA,oBAAC,kBAAD;IACE,WAAW,UAAU;IACrB,cAAA;IACA,OAAO;IACA;IACP,UAAU,CAAC,UAAU;KACnB,cAAc,CAAC,QAAQ,SAAS,MAAM,OAAO,IAAI;KACjD,QAAQ,KAAK;IACf;IACA,gBAAgB,QAAQ,KAAK;IAC7B,aAAa;IACb,OAAO,CAAC,SAAS,GAAG;GACrB,CAAA;EACU,CAAA;CAEjB;CAIA,OACE,oBAAC,aAAa,MAAd;EACE,cAAY;EACZ,KAAK,CAAC,OAAO,QAAQ,GAAG;EACxB,UAAU;EACV,gBAAgB,YAAY,cAAc,CAAC,QAAQ,SAAS,QAAQ,UAAU,MAAM,OAAO,QAAQ,KAAK;EACxG,KAAK;EACL,UAAA;EACA,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA,CAAC;GAAE,OAAO;GAAU,OAAO;EAAI,GAA6B,GAAG,KAAK,CAAC,CAAC,KAAK,SAC1E,qBAAC,aAAa,MAAd;GAAmB,KAAK,OAAO;GAA6B,OAAO,KAAK;GAAxE,UAAA;IACG,CAAC,CAAC,KAAK,QACN,oBAAC,KAAK,MAAN;KAAW,kBAAgB,KAAK,YAAY,KAAK,KAAA;KAAW,OAAO,KAAK;KAAW,MAAK;IAAM,CAAA;IAEhG,oBAAC,aAAa,UAAd;KAAuB,KAAK,OAAO;KAAiB,UAAA,KAAK;IAA6B,CAAA;IACtF,oBAAC,aAAa,iBAAd,CAA+B,CAAA;GACd;EAN6B,GAAA,KAAK,KAMlC,CACpB;CACgB,CAAA;AAEvB,CAAC;AAED,mBAAmB,cAAc"}