@launchpad-ui/filter 0.7.56 → 0.7.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.es.js +218 -294
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +245 -298
  4. package/dist/index.js.map +1 -1
  5. package/dist/style.css +2 -1
  6. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,15 +1,34 @@
1
1
  require('./style.css');
2
2
  "use strict";
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
- const jsxRuntime = require("react/jsx-runtime");
5
- const dropdown = require("@launchpad-ui/dropdown");
6
- const icons = require("@launchpad-ui/icons");
7
- const classix = require("classix");
8
- const react = require("react");
9
- const button$1 = require("@launchpad-ui/button");
10
- const menu = require("@launchpad-ui/menu");
11
- const tooltip = require("@launchpad-ui/tooltip");
12
- const visuallyHidden = require("@react-aria/visually-hidden");
3
+ var __create = Object.create;
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
11
+ key = keys[i];
12
+ if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
+ get: ((k) => from[k]).bind(null, key),
14
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
+ });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
20
+ value: mod,
21
+ enumerable: true
22
+ }) : target, mod));
23
+ const __launchpad_ui_dropdown = __toESM(require("@launchpad-ui/dropdown"));
24
+ const __launchpad_ui_icons = __toESM(require("@launchpad-ui/icons"));
25
+ const classix = __toESM(require("classix"));
26
+ const react = __toESM(require("react"));
27
+ const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
28
+ const __launchpad_ui_button = __toESM(require("@launchpad-ui/button"));
29
+ const __launchpad_ui_menu = __toESM(require("@launchpad-ui/menu"));
30
+ const __launchpad_ui_tooltip = __toESM(require("@launchpad-ui/tooltip"));
31
+ const __react_aria_visually_hidden = __toESM(require("@react-aria/visually-hidden"));
13
32
  const appliedButton = "vLReaG_appliedButton";
14
33
  const appliedDescription = "vLReaG_appliedDescription";
15
34
  const appliedName = "vLReaG_appliedName";
@@ -22,304 +41,232 @@ const filter = "vLReaG_filter";
22
41
  const filterClearButton = "vLReaG_filterClearButton";
23
42
  const isClearable = "vLReaG_isClearable";
24
43
  const name = "vLReaG_name";
25
- const styles = {
26
- appliedButton,
27
- appliedDescription,
28
- appliedName,
29
- button,
30
- buttonContainer,
31
- clear,
32
- clearTooltip,
33
- description,
34
- filter,
35
- filterClearButton,
36
- isClearable,
37
- name
44
+ var Filter_module_default = {
45
+ appliedButton,
46
+ appliedDescription,
47
+ appliedName,
48
+ button,
49
+ buttonContainer,
50
+ clear,
51
+ clearTooltip,
52
+ description,
53
+ filter,
54
+ filterClearButton,
55
+ isClearable,
56
+ name
38
57
  };
39
- const AppliedFilterButton = /* @__PURE__ */ react.forwardRef((props, ref) => {
40
- const {
41
- name: name2,
42
- className,
43
- children,
44
- onClickFilterButton,
45
- "data-test-id": testId = "applied-filter-button"
46
- } = props;
47
- const hasDescription = react.Children.count(children) !== 0;
48
- return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": testId, children: /* @__PURE__ */ jsxRuntime.jsxs(
49
- "button",
50
- {
51
- type: "button",
52
- "aria-haspopup": true,
53
- className: classix.cx(styles.appliedButton, className),
54
- ref,
55
- onClick: onClickFilterButton,
56
- children: [
57
- name2 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.appliedName, "data-test-id": `${testId}-name`, children: [
58
- name2,
59
- hasDescription && ":"
60
- ] }),
61
- hasDescription && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.appliedDescription, "data-test-id": `${testId}-description`, children }),
62
- /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "chevron-down", size: "small", "data-test-id": `${testId}-expand` })
63
- ]
64
- }
65
- ) });
58
+ const AppliedFilterButton = /* @__PURE__ */ (0, react.forwardRef)((props, ref) => {
59
+ const { name: name$1, className, children, onClickFilterButton, "data-test-id": testId = "applied-filter-button" } = props;
60
+ const hasDescription = react.Children.count(children) !== 0;
61
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
62
+ "data-test-id": testId,
63
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
64
+ type: "button",
65
+ "aria-haspopup": true,
66
+ className: (0, classix.cx)(Filter_module_default.appliedButton, className),
67
+ ref,
68
+ onClick: onClickFilterButton,
69
+ children: [
70
+ name$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
71
+ className: Filter_module_default.appliedName,
72
+ "data-test-id": `${testId}-name`,
73
+ children: [name$1, hasDescription && ":"]
74
+ }),
75
+ hasDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
76
+ className: Filter_module_default.appliedDescription,
77
+ "data-test-id": `${testId}-description`,
78
+ children
79
+ }),
80
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, {
81
+ name: "chevron-down",
82
+ size: "small",
83
+ "data-test-id": `${testId}-expand`
84
+ })
85
+ ]
86
+ })
87
+ });
66
88
  });
67
89
  AppliedFilterButton.displayName = "AppliedFilterButton";
68
- const FilterMenu = ({
69
- options,
70
- onClearFilter,
71
- enableSearch,
72
- searchValue,
73
- searchPlaceholder,
74
- searchAriaLabel,
75
- searchId,
76
- onSelect,
77
- onSearchChange,
78
- isLoading = false,
79
- disabledOptionTooltip,
80
- enableVirtualization,
81
- size,
82
- "data-test-id": testId = "filter-menu"
83
- }) => {
84
- const filterOptions = isLoading ? [{ name: "loading...", value: "loading...", isDisabled: true }] : options;
85
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
86
- onClearFilter && /* @__PURE__ */ jsxRuntime.jsx(
87
- button$1.Button,
88
- {
89
- tabIndex: 0,
90
- className: styles.filterClearButton,
91
- onClick: onClearFilter,
92
- kind: "link",
93
- "data-test-id": "clear-filter-button",
94
- children: "CLEAR FILTER"
95
- }
96
- ),
97
- /* @__PURE__ */ jsxRuntime.jsxs(
98
- menu.Menu,
99
- {
100
- enableVirtualization,
101
- size,
102
- "data-test-id": testId,
103
- onSelect,
104
- children: [
105
- enableSearch && /* @__PURE__ */ jsxRuntime.jsx(
106
- menu.MenuSearch,
107
- {
108
- value: searchValue,
109
- id: searchId,
110
- placeholder: searchPlaceholder,
111
- onChange: onSearchChange,
112
- ariaLabel: searchAriaLabel
113
- }
114
- ),
115
- filterOptions.map((option, index) => {
116
- if (option.isDivider) {
117
- return /* @__PURE__ */ jsxRuntime.jsx(menu.MenuDivider, {}, `divider-${index}`);
118
- }
119
- return /* @__PURE__ */ jsxRuntime.jsx(
120
- menu.MenuItem,
121
- {
122
- item: option,
123
- disabled: option.isDisabled,
124
- icon: option.isChecked ? /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "check" }) : void 0,
125
- role: "menuitemradio",
126
- "aria-checked": option.isChecked ? "true" : void 0,
127
- nested: option.nested,
128
- groupHeader: option.groupHeader,
129
- tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
130
- tooltipPlacement: "right",
131
- children: option.name
132
- },
133
- option.value
134
- );
135
- })
136
- ]
137
- }
138
- )
139
- ] });
90
+ const FilterMenu = ({ options, onClearFilter, enableSearch, searchValue, searchPlaceholder, searchAriaLabel, searchId, onSelect, onSearchChange, isLoading = false, disabledOptionTooltip, enableVirtualization, size, "data-test-id": testId = "filter-menu" }) => {
91
+ const filterOptions = isLoading ? [{
92
+ name: "loading...",
93
+ value: "loading...",
94
+ isDisabled: true
95
+ }] : options;
96
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [onClearFilter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_button.Button, {
97
+ tabIndex: 0,
98
+ className: Filter_module_default.filterClearButton,
99
+ onClick: onClearFilter,
100
+ kind: "link",
101
+ "data-test-id": "clear-filter-button",
102
+ children: "CLEAR FILTER"
103
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__launchpad_ui_menu.Menu, {
104
+ enableVirtualization,
105
+ size,
106
+ "data-test-id": testId,
107
+ onSelect,
108
+ children: [enableSearch && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_menu.MenuSearch, {
109
+ value: searchValue,
110
+ id: searchId,
111
+ placeholder: searchPlaceholder,
112
+ onChange: onSearchChange,
113
+ ariaLabel: searchAriaLabel
114
+ }), filterOptions.map((option, index) => {
115
+ if (option.isDivider) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_menu.MenuDivider, {}, `divider-${index}`);
116
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_menu.MenuItem, {
117
+ item: option,
118
+ disabled: option.isDisabled,
119
+ icon: option.isChecked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, { name: "check" }) : void 0,
120
+ role: "menuitemradio",
121
+ "aria-checked": option.isChecked ? "true" : void 0,
122
+ nested: option.nested,
123
+ groupHeader: option.groupHeader,
124
+ tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
125
+ tooltipPlacement: "right",
126
+ children: option.name
127
+ }, option.value);
128
+ })]
129
+ })] });
140
130
  };
141
131
  const SEARCH_INPUT_THRESHOLD$1 = 4;
142
- const AppliedFilter = ({
143
- searchValue,
144
- onSearchChange,
145
- searchPlaceholder,
146
- name: name2,
147
- description: description2,
148
- options,
149
- className,
150
- isEmpty,
151
- isLoading,
152
- onClickFilterButton,
153
- onClearFilter,
154
- searchAriaLabel,
155
- searchId,
156
- "data-test-id": testId = "applied-filter",
157
- ...props
158
- }) => {
159
- const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
160
- return /* @__PURE__ */ jsxRuntime.jsxs(dropdown.Dropdown, { targetClassName: className, placement: "bottom-start", enableArrow: false, ...props, children: [
161
- /* @__PURE__ */ jsxRuntime.jsx(
162
- AppliedFilterButton,
163
- {
164
- "data-test-id": testId,
165
- name: name2,
166
- onClickFilterButton,
167
- children: description2
168
- }
169
- ),
170
- /* @__PURE__ */ jsxRuntime.jsx(
171
- FilterMenu,
172
- {
173
- options,
174
- searchValue,
175
- searchPlaceholder,
176
- enableSearch,
177
- searchAriaLabel,
178
- searchId,
179
- onSearchChange,
180
- onClearFilter,
181
- isLoading
182
- }
183
- )
184
- ] });
132
+ /**
133
+ * @deprecated use `Menu` from `@launchpad-ui/components` instead
134
+ *
135
+ * https://launchpad.launchdarkly.com/?path=/docs/components-collections-menu--docs
136
+ */
137
+ const AppliedFilter = ({ searchValue, onSearchChange, searchPlaceholder, name: name$1, description: description$1, options, className, isEmpty, isLoading, onClickFilterButton, onClearFilter, searchAriaLabel, searchId, "data-test-id": testId = "applied-filter",...props }) => {
138
+ const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
139
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__launchpad_ui_dropdown.Dropdown, {
140
+ targetClassName: className,
141
+ placement: "bottom-start",
142
+ enableArrow: false,
143
+ ...props,
144
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppliedFilterButton, {
145
+ "data-test-id": testId,
146
+ name: name$1,
147
+ onClickFilterButton,
148
+ children: description$1
149
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterMenu, {
150
+ options,
151
+ searchValue,
152
+ searchPlaceholder,
153
+ enableSearch,
154
+ searchAriaLabel,
155
+ searchId,
156
+ onSearchChange,
157
+ onClearFilter,
158
+ isLoading
159
+ })]
160
+ });
185
161
  };
186
- const FilterButton = /* @__PURE__ */ react.forwardRef((props, ref) => {
187
- const {
188
- children,
189
- name: name2,
190
- hideName,
191
- isClearable: isClearable2,
192
- clearTooltip: clearTooltip2 = "Clear filter",
193
- onClear,
194
- disabled,
195
- isSelected,
196
- onClickFilterButton,
197
- className,
198
- "data-test-id": testId = "filter-button",
199
- ariaLabel = "Clear filter",
200
- ...rest
201
- } = props;
202
- const nameId = react.useId();
203
- const descriptionId = react.useId();
204
- const hasDescription = react.Children.count(children) !== 0;
205
- const nameElement = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.name, children: [
206
- name2,
207
- hasDescription && ":"
208
- ] });
209
- const isDisabled = disabled;
210
- const handleClick = (event) => {
211
- if (isDisabled) return event.preventDefault();
212
- onClickFilterButton == null ? void 0 : onClickFilterButton();
213
- };
214
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.buttonContainer, "data-test-id": testId, children: [
215
- /* @__PURE__ */ jsxRuntime.jsxs(
216
- "button",
217
- {
218
- ...rest,
219
- type: "button",
220
- "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
221
- "aria-haspopup": true,
222
- disabled: isDisabled,
223
- "aria-disabled": isDisabled,
224
- className: classix.cx(styles.button, className, (isClearable2 || isSelected) && styles.isClearable),
225
- ref,
226
- onClick: handleClick,
227
- children: [
228
- hideName ? /* @__PURE__ */ jsxRuntime.jsx(visuallyHidden.VisuallyHidden, { id: nameId, children: nameElement }) : /* @__PURE__ */ jsxRuntime.jsx("span", { id: nameId, children: nameElement }),
229
- hasDescription && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: styles.description, children }),
230
- !isClearable2 && /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "chevron-down", size: "small" })
231
- ]
232
- }
233
- ),
234
- isClearable2 && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, { targetClassName: styles.clearTooltip, content: clearTooltip2, children: /* @__PURE__ */ jsxRuntime.jsx(
235
- button$1.IconButton,
236
- {
237
- "aria-label": ariaLabel,
238
- className: styles.clear,
239
- "data-test-id": "clear-filter-button",
240
- icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "cancel", size: "small" }),
241
- size: "small",
242
- onClick: onClear
243
- }
244
- ) })
245
- ] });
162
+ const FilterButton = /* @__PURE__ */ (0, react.forwardRef)((props, ref) => {
163
+ const { children, name: name$1, hideName, isClearable: isClearable$1, clearTooltip: clearTooltip$1 = "Clear filter", onClear, disabled, isSelected, onClickFilterButton, className, "data-test-id": testId = "filter-button", ariaLabel = "Clear filter",...rest } = props;
164
+ const nameId = (0, react.useId)();
165
+ const descriptionId = (0, react.useId)();
166
+ const hasDescription = react.Children.count(children) !== 0;
167
+ const nameElement = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
168
+ className: Filter_module_default.name,
169
+ children: [name$1, hasDescription && ":"]
170
+ });
171
+ const isDisabled = disabled;
172
+ const handleClick = (event) => {
173
+ if (isDisabled) return event.preventDefault();
174
+ onClickFilterButton?.();
175
+ };
176
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
177
+ className: Filter_module_default.buttonContainer,
178
+ "data-test-id": testId,
179
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
180
+ ...rest,
181
+ type: "button",
182
+ "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
183
+ "aria-haspopup": true,
184
+ disabled: isDisabled,
185
+ "aria-disabled": isDisabled,
186
+ className: (0, classix.cx)(Filter_module_default.button, className, (isClearable$1 || isSelected) && Filter_module_default.isClearable),
187
+ ref,
188
+ onClick: handleClick,
189
+ children: [
190
+ hideName ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__react_aria_visually_hidden.VisuallyHidden, {
191
+ id: nameId,
192
+ children: nameElement
193
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
194
+ id: nameId,
195
+ children: nameElement
196
+ }),
197
+ hasDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
198
+ id: descriptionId,
199
+ className: Filter_module_default.description,
200
+ children
201
+ }),
202
+ !isClearable$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, {
203
+ name: "chevron-down",
204
+ size: "small"
205
+ })
206
+ ]
207
+ }), isClearable$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_tooltip.Tooltip, {
208
+ targetClassName: Filter_module_default.clearTooltip,
209
+ content: clearTooltip$1,
210
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_button.IconButton, {
211
+ "aria-label": ariaLabel,
212
+ className: Filter_module_default.clear,
213
+ "data-test-id": "clear-filter-button",
214
+ icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__launchpad_ui_icons.Icon, {
215
+ name: "cancel",
216
+ size: "small"
217
+ }),
218
+ size: "small",
219
+ onClick: onClear
220
+ })
221
+ })]
222
+ });
246
223
  });
247
224
  FilterButton.displayName = "FilterButton";
248
225
  const SEARCH_INPUT_THRESHOLD = 4;
249
- const Filter = ({
250
- searchValue,
251
- onSearchChange,
252
- searchPlaceholder,
253
- searchAriaLabel,
254
- name: name2,
255
- hideName,
256
- description: description2,
257
- options,
258
- isClearable: isClearable2,
259
- onClear,
260
- isSelected,
261
- className,
262
- isEmpty,
263
- searchId,
264
- isLoading,
265
- onClickFilterButton,
266
- disabledOptionTooltip,
267
- "data-test-id": testId = "filter",
268
- size,
269
- disabled,
270
- enableVirtualization,
271
- clearAriaLabel,
272
- ...props
273
- }) => {
274
- const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
275
- const dropdownClasses = classix.cx(styles.filter, className);
276
- const handleClear = (event) => {
277
- event.preventDefault();
278
- onClear == null ? void 0 : onClear();
279
- };
280
- return /* @__PURE__ */ jsxRuntime.jsxs(
281
- dropdown.Dropdown,
282
- {
283
- targetTestId: testId,
284
- disabled,
285
- targetClassName: dropdownClasses,
286
- ...props,
287
- children: [
288
- /* @__PURE__ */ jsxRuntime.jsx(
289
- FilterButton,
290
- {
291
- isClearable: isClearable2,
292
- onClear: handleClear,
293
- name: name2,
294
- hideName,
295
- disabled,
296
- isSelected,
297
- onClickFilterButton,
298
- ariaLabel: clearAriaLabel,
299
- children: description2
300
- }
301
- ),
302
- /* @__PURE__ */ jsxRuntime.jsx(
303
- FilterMenu,
304
- {
305
- options,
306
- searchId,
307
- searchValue,
308
- searchPlaceholder,
309
- searchAriaLabel,
310
- enableSearch,
311
- onSearchChange,
312
- isLoading,
313
- disabledOptionTooltip,
314
- size,
315
- enableVirtualization
316
- }
317
- )
318
- ]
319
- }
320
- );
226
+ /**
227
+ * @deprecated use `Menu` from `@launchpad-ui/components` instead
228
+ *
229
+ * https://launchpad.launchdarkly.com/?path=/docs/components-collections-menu--docs
230
+ */
231
+ const Filter = ({ searchValue, onSearchChange, searchPlaceholder, searchAriaLabel, name: name$1, hideName, description: description$1, options, isClearable: isClearable$1, onClear, isSelected, className, isEmpty, searchId, isLoading, onClickFilterButton, disabledOptionTooltip, "data-test-id": testId = "filter", size, disabled, enableVirtualization, clearAriaLabel,...props }) => {
232
+ const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
233
+ const dropdownClasses = (0, classix.cx)(Filter_module_default.filter, className);
234
+ const handleClear = (event) => {
235
+ event.preventDefault();
236
+ onClear?.();
237
+ };
238
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__launchpad_ui_dropdown.Dropdown, {
239
+ targetTestId: testId,
240
+ disabled,
241
+ targetClassName: dropdownClasses,
242
+ ...props,
243
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterButton, {
244
+ isClearable: isClearable$1,
245
+ onClear: handleClear,
246
+ name: name$1,
247
+ hideName,
248
+ disabled,
249
+ isSelected,
250
+ onClickFilterButton,
251
+ ariaLabel: clearAriaLabel,
252
+ children: description$1
253
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterMenu, {
254
+ options,
255
+ searchId,
256
+ searchValue,
257
+ searchPlaceholder,
258
+ searchAriaLabel,
259
+ enableSearch,
260
+ onSearchChange,
261
+ isLoading,
262
+ disabledOptionTooltip,
263
+ size,
264
+ enableVirtualization
265
+ })]
266
+ });
321
267
  };
322
268
  exports.AppliedFilter = AppliedFilter;
323
269
  exports.Filter = Filter;
324
270
  exports.FilterButton = FilterButton;
325
- //# sourceMappingURL=index.js.map
271
+
272
+ //# sourceMappingURL=index.js.map