@launchpad-ui/filter 0.11.17 → 0.11.18

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 (13) hide show
  1. package/dist/AppliedFilter.d.ts.map +1 -1
  2. package/dist/AppliedFilterButton.d.ts.map +1 -1
  3. package/dist/Filter.d.ts +1 -1
  4. package/dist/Filter.d.ts.map +1 -1
  5. package/dist/FilterButton.d.ts.map +1 -1
  6. package/dist/FilterMenu.d.ts +1 -1
  7. package/dist/FilterMenu.d.ts.map +1 -1
  8. package/dist/index.es.js +282 -214
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/index.js +270 -217
  11. package/dist/index.js.map +1 -1
  12. package/dist/style.css +0 -1
  13. package/package.json +12 -12
package/dist/AppliedFilter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppliedFilter.d.ts","sourceRoot":"","sources":["../src/AppliedFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AASjD,KAAK,kBAAkB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,gNAgBpB,kBAAkB,4CA0BpB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"AppliedFilter.d.ts","sourceRoot":"","sources":["../src/AppliedFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,KAAK,kBAAkB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,gNAgBpB,kBAAkB,4CAqBpB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}
package/dist/AppliedFilterButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppliedFilterButton.d.ts","sourceRoot":"","sources":["../src/AppliedFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,wBAAwB,GAAG;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,QAAA,MAAM,mBAAmB,wHAmCvB,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"AppliedFilterButton.d.ts","sourceRoot":"","sources":["../src/AppliedFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,wBAAwB,GAAG;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,QAAA,MAAM,mBAAmB,wHA6BvB,CAAC;AAIH,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
package/dist/Filter.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { MenuProps } from '@launchpad-ui/menu';
2
1
  import type { ChangeEvent, ReactNode } from 'react';
2
+ import type { MenuProps } from '@launchpad-ui/menu';
3
3
  import type { FilterOption } from './FilterMenu';
4
4
  type FilterProps = Pick<MenuProps<string>, 'size' | 'enableVirtualization'> & {
5
5
  searchValue?: string;
package/dist/Filter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../src/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAWjD,KAAK,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC,GAAG;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,MAAM,GAAI,0TAwBb,WAAW,4CA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../src/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,KAAK,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC,GAAG;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,MAAM,GAAI,0TAwBb,WAAW,4CAuCb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
package/dist/FilterButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../src/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAc,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAWxE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,YAAY,iHA0EhB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../src/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAc,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAWxE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,YAAY,iHAwEhB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
package/dist/FilterMenu.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { MenuProps } from '@launchpad-ui/menu';
2
1
  import type { ChangeEvent, ReactNode } from 'react';
2
+ import type { MenuProps } from '@launchpad-ui/menu';
3
3
  type FilterOption<T = any> = {
4
4
  name?: ReactNode;
5
5
  isDisabled?: boolean;
package/dist/FilterMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../src/FilterMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASpD,KAAK,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,sBAAsB,GAAG,MAAM,GAAG,cAAc,CAAC,GAAG;IAClG,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,sNAejB,eAAe,4CA4DjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../src/FilterMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAcpD,KAAK,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,sBAAsB,GAAG,MAAM,GAAG,cAAc,CAAC,GAAG;IAClG,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,sNAejB,eAAe,4CAmDjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
package/dist/index.es.js CHANGED
@@ -1,227 +1,295 @@
1
1
  import './style.css';
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
3
  import { Dropdown } from "@launchpad-ui/dropdown";
3
- import { Icon } from "@launchpad-ui/icons";
4
+ import { forwardRef, Children, useId } from "react";
4
5
  import { cx } from "classix";
5
- import { Children, forwardRef, useId } from "react";
6
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
+ import { Icon } from "@launchpad-ui/icons";
7
7
  import { Button, IconButton } from "@launchpad-ui/button";
8
- import { Menu, MenuDivider, MenuItem, MenuSearch } from "@launchpad-ui/menu";
9
- import { Tooltip } from "@launchpad-ui/tooltip";
8
+ import { Menu, MenuSearch, MenuDivider, MenuItem } from "@launchpad-ui/menu";
10
9
  import { VisuallyHidden } from "react-aria/VisuallyHidden";
11
- var Filter_module_default = {
12
- appliedButton: "vLReaG_appliedButton",
13
- appliedDescription: "vLReaG_appliedDescription",
14
- appliedName: "vLReaG_appliedName",
15
- button: "vLReaG_button",
16
- buttonContainer: "vLReaG_buttonContainer",
17
- clear: "vLReaG_clear",
18
- clearTooltip: "vLReaG_clearTooltip",
19
- description: "vLReaG_description",
20
- filter: "vLReaG_filter",
21
- filterClearButton: "vLReaG_filterClearButton",
22
- isClearable: "vLReaG_isClearable",
23
- name: "vLReaG_name"
10
+ import { Tooltip } from "@launchpad-ui/tooltip";
11
+ const appliedButton = "vLReaG_appliedButton";
12
+ const appliedDescription = "vLReaG_appliedDescription";
13
+ const appliedName = "vLReaG_appliedName";
14
+ const button = "vLReaG_button";
15
+ const buttonContainer = "vLReaG_buttonContainer";
16
+ const clear = "vLReaG_clear";
17
+ const clearTooltip = "vLReaG_clearTooltip";
18
+ const description = "vLReaG_description";
19
+ const filter = "vLReaG_filter";
20
+ const filterClearButton = "vLReaG_filterClearButton";
21
+ const isClearable = "vLReaG_isClearable";
22
+ const name = "vLReaG_name";
23
+ const styles = {
24
+ appliedButton,
25
+ appliedDescription,
26
+ appliedName,
27
+ button,
28
+ buttonContainer,
29
+ clear,
30
+ clearTooltip,
31
+ description,
32
+ filter,
33
+ filterClearButton,
34
+ isClearable,
35
+ name
24
36
  };
25
- var AppliedFilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
26
- const { name: name$1, className, children, onClickFilterButton, "data-test-id": testId = "applied-filter-button" } = props;
27
- const hasDescription = Children.count(children) !== 0;
28
- return /* @__PURE__ */ jsx("div", {
29
- "data-test-id": testId,
30
- children: /* @__PURE__ */ jsxs("button", {
31
- type: "button",
32
- "aria-haspopup": true,
33
- className: cx(Filter_module_default.appliedButton, className),
34
- ref,
35
- onClick: onClickFilterButton,
36
- children: [
37
- name$1 && /* @__PURE__ */ jsxs("span", {
38
- className: Filter_module_default.appliedName,
39
- "data-test-id": `${testId}-name`,
40
- children: [name$1, hasDescription && ":"]
41
- }),
42
- hasDescription && /* @__PURE__ */ jsx("span", {
43
- className: Filter_module_default.appliedDescription,
44
- "data-test-id": `${testId}-description`,
45
- children
46
- }),
47
- /* @__PURE__ */ jsx(Icon, {
48
- name: "chevron-down",
49
- size: "small",
50
- "data-test-id": `${testId}-expand`
51
- })
52
- ]
53
- })
54
- });
37
+ const AppliedFilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
38
+ const { name: name2, className, children, onClickFilterButton, "data-test-id": testId = "applied-filter-button" } = props;
39
+ const hasDescription = Children.count(children) !== 0;
40
+ return /* @__PURE__ */ jsx("div", { "data-test-id": testId, children: /* @__PURE__ */ jsxs(
41
+ "button",
42
+ {
43
+ type: "button",
44
+ "aria-haspopup": true,
45
+ className: cx(styles.appliedButton, className),
46
+ ref,
47
+ onClick: onClickFilterButton,
48
+ children: [
49
+ name2 && /* @__PURE__ */ jsxs("span", { className: styles.appliedName, "data-test-id": `${testId}-name`, children: [
50
+ name2,
51
+ hasDescription && ":"
52
+ ] }),
53
+ hasDescription && /* @__PURE__ */ jsx("span", { className: styles.appliedDescription, "data-test-id": `${testId}-description`, children }),
54
+ /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "small", "data-test-id": `${testId}-expand` })
55
+ ]
56
+ }
57
+ ) });
55
58
  });
56
59
  AppliedFilterButton.displayName = "AppliedFilterButton";
57
- var FilterMenu = ({ options, onClearFilter, enableSearch, searchValue, searchPlaceholder, searchAriaLabel, searchId, onSelect, onSearchChange, isLoading = false, disabledOptionTooltip, enableVirtualization, size, "data-test-id": testId = "filter-menu" }) => {
58
- const filterOptions = isLoading ? [{
59
- name: "loading...",
60
- value: "loading...",
61
- isDisabled: true
62
- }] : options;
63
- return /* @__PURE__ */ jsxs(Fragment, { children: [onClearFilter && /* @__PURE__ */ jsx(Button, {
64
- tabIndex: 0,
65
- className: Filter_module_default.filterClearButton,
66
- onClick: onClearFilter,
67
- kind: "link",
68
- "data-test-id": "clear-filter-button",
69
- children: "CLEAR FILTER"
70
- }), /* @__PURE__ */ jsxs(Menu, {
71
- enableVirtualization,
72
- size,
73
- "data-test-id": testId,
74
- onSelect,
75
- children: [enableSearch && /* @__PURE__ */ jsx(MenuSearch, {
76
- value: searchValue,
77
- id: searchId,
78
- placeholder: searchPlaceholder,
79
- onChange: onSearchChange,
80
- ariaLabel: searchAriaLabel
81
- }), filterOptions.map((option, index) => {
82
- if (option.isDivider) return /* @__PURE__ */ jsx(MenuDivider, {}, `divider-${index}`);
83
- return /* @__PURE__ */ jsx(MenuItem, {
84
- item: option,
85
- disabled: option.isDisabled,
86
- icon: option.isChecked ? /* @__PURE__ */ jsx(Icon, { name: "check" }) : void 0,
87
- role: "menuitemradio",
88
- "aria-checked": option.isChecked ? "true" : void 0,
89
- nested: option.nested,
90
- groupHeader: option.groupHeader,
91
- tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
92
- tooltipPlacement: "right",
93
- children: option.name
94
- }, option.value);
95
- })]
96
- })] });
60
+ const FilterMenu = ({
61
+ options,
62
+ onClearFilter,
63
+ enableSearch,
64
+ searchValue,
65
+ searchPlaceholder,
66
+ searchAriaLabel,
67
+ searchId,
68
+ onSelect,
69
+ onSearchChange,
70
+ isLoading = false,
71
+ disabledOptionTooltip,
72
+ enableVirtualization,
73
+ size,
74
+ "data-test-id": testId = "filter-menu"
75
+ }) => {
76
+ const filterOptions = isLoading ? [{ name: "loading...", value: "loading...", isDisabled: true }] : options;
77
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
78
+ onClearFilter && /* @__PURE__ */ jsx(
79
+ Button,
80
+ {
81
+ tabIndex: 0,
82
+ className: styles.filterClearButton,
83
+ onClick: onClearFilter,
84
+ kind: "link",
85
+ "data-test-id": "clear-filter-button",
86
+ children: "CLEAR FILTER"
87
+ }
88
+ ),
89
+ /* @__PURE__ */ jsxs(Menu, { enableVirtualization, size, "data-test-id": testId, onSelect, children: [
90
+ enableSearch && /* @__PURE__ */ jsx(
91
+ MenuSearch,
92
+ {
93
+ value: searchValue,
94
+ id: searchId,
95
+ placeholder: searchPlaceholder,
96
+ onChange: onSearchChange,
97
+ ariaLabel: searchAriaLabel
98
+ }
99
+ ),
100
+ filterOptions.map((option, index) => {
101
+ if (option.isDivider) {
102
+ return /* @__PURE__ */ jsx(MenuDivider, {}, `divider-${index}`);
103
+ }
104
+ return /* @__PURE__ */ jsx(
105
+ MenuItem,
106
+ {
107
+ item: option,
108
+ disabled: option.isDisabled,
109
+ icon: option.isChecked ? /* @__PURE__ */ jsx(Icon, { name: "check" }) : void 0,
110
+ role: "menuitemradio",
111
+ "aria-checked": option.isChecked ? "true" : void 0,
112
+ nested: option.nested,
113
+ groupHeader: option.groupHeader,
114
+ tooltip: option.isDisabled && disabledOptionTooltip ? disabledOptionTooltip : void 0,
115
+ tooltipPlacement: "right",
116
+ children: option.name
117
+ },
118
+ option.value
119
+ );
120
+ })
121
+ ] })
122
+ ] });
97
123
  };
98
- var SEARCH_INPUT_THRESHOLD$1 = 4;
99
- var 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 }) => {
100
- const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
101
- return /* @__PURE__ */ jsxs(Dropdown, {
102
- targetClassName: className,
103
- placement: "bottom-start",
104
- enableArrow: false,
105
- ...props,
106
- children: [/* @__PURE__ */ jsx(AppliedFilterButton, {
107
- "data-test-id": testId,
108
- name: name$1,
109
- onClickFilterButton,
110
- children: description$1
111
- }), /* @__PURE__ */ jsx(FilterMenu, {
112
- options,
113
- searchValue,
114
- searchPlaceholder,
115
- enableSearch,
116
- searchAriaLabel,
117
- searchId,
118
- onSearchChange,
119
- onClearFilter,
120
- isLoading
121
- })]
122
- });
124
+ const SEARCH_INPUT_THRESHOLD$1 = 4;
125
+ const AppliedFilter = ({
126
+ searchValue,
127
+ onSearchChange,
128
+ searchPlaceholder,
129
+ name: name2,
130
+ description: description2,
131
+ options,
132
+ className,
133
+ isEmpty,
134
+ isLoading,
135
+ onClickFilterButton,
136
+ onClearFilter,
137
+ searchAriaLabel,
138
+ searchId,
139
+ "data-test-id": testId = "applied-filter",
140
+ ...props
141
+ }) => {
142
+ const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD$1 || !isEmpty);
143
+ return /* @__PURE__ */ jsxs(Dropdown, { targetClassName: className, placement: "bottom-start", enableArrow: false, ...props, children: [
144
+ /* @__PURE__ */ jsx(AppliedFilterButton, { "data-test-id": testId, name: name2, onClickFilterButton, children: description2 }),
145
+ /* @__PURE__ */ jsx(
146
+ FilterMenu,
147
+ {
148
+ options,
149
+ searchValue,
150
+ searchPlaceholder,
151
+ enableSearch,
152
+ searchAriaLabel,
153
+ searchId,
154
+ onSearchChange,
155
+ onClearFilter,
156
+ isLoading
157
+ }
158
+ )
159
+ ] });
123
160
  };
124
- var FilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
125
- 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;
126
- const nameId = useId();
127
- const descriptionId = useId();
128
- const hasDescription = Children.count(children) !== 0;
129
- const nameElement = /* @__PURE__ */ jsxs("span", {
130
- className: Filter_module_default.name,
131
- children: [name$1, hasDescription && ":"]
132
- });
133
- const isDisabled = disabled;
134
- const handleClick = (event) => {
135
- if (isDisabled) return event.preventDefault();
136
- onClickFilterButton?.();
137
- };
138
- return /* @__PURE__ */ jsxs("div", {
139
- className: Filter_module_default.buttonContainer,
140
- "data-test-id": testId,
141
- children: [/* @__PURE__ */ jsxs("button", {
142
- ...rest,
143
- type: "button",
144
- "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
145
- "aria-haspopup": true,
146
- disabled: isDisabled,
147
- "aria-disabled": isDisabled,
148
- className: cx(Filter_module_default.button, className, (isClearable$1 || isSelected) && Filter_module_default.isClearable),
149
- ref,
150
- onClick: handleClick,
151
- children: [
152
- hideName ? /* @__PURE__ */ jsx(VisuallyHidden, {
153
- id: nameId,
154
- children: nameElement
155
- }) : /* @__PURE__ */ jsx("span", {
156
- id: nameId,
157
- children: nameElement
158
- }),
159
- hasDescription && /* @__PURE__ */ jsx("span", {
160
- id: descriptionId,
161
- className: Filter_module_default.description,
162
- children
163
- }),
164
- !isClearable$1 && /* @__PURE__ */ jsx(Icon, {
165
- name: "chevron-down",
166
- size: "small"
167
- })
168
- ]
169
- }), isClearable$1 && /* @__PURE__ */ jsx(Tooltip, {
170
- targetClassName: Filter_module_default.clearTooltip,
171
- content: clearTooltip$1,
172
- children: /* @__PURE__ */ jsx(IconButton, {
173
- "aria-label": ariaLabel,
174
- className: Filter_module_default.clear,
175
- "data-test-id": "clear-filter-button",
176
- icon: /* @__PURE__ */ jsx(Icon, {
177
- name: "cancel",
178
- size: "small"
179
- }),
180
- size: "small",
181
- onClick: onClear
182
- })
183
- })]
184
- });
161
+ const FilterButton = /* @__PURE__ */ forwardRef((props, ref) => {
162
+ const {
163
+ children,
164
+ name: name2,
165
+ hideName,
166
+ isClearable: isClearable2,
167
+ clearTooltip: clearTooltip2 = "Clear filter",
168
+ onClear,
169
+ disabled,
170
+ isSelected,
171
+ onClickFilterButton,
172
+ className,
173
+ "data-test-id": testId = "filter-button",
174
+ ariaLabel = "Clear filter",
175
+ ...rest
176
+ } = props;
177
+ const nameId = useId();
178
+ const descriptionId = useId();
179
+ const hasDescription = Children.count(children) !== 0;
180
+ const nameElement = /* @__PURE__ */ jsxs("span", { className: styles.name, children: [
181
+ name2,
182
+ hasDescription && ":"
183
+ ] });
184
+ const isDisabled = disabled;
185
+ const handleClick = (event) => {
186
+ if (isDisabled) {
187
+ return event.preventDefault();
188
+ }
189
+ onClickFilterButton?.();
190
+ };
191
+ return /* @__PURE__ */ jsxs("div", { className: styles.buttonContainer, "data-test-id": testId, children: [
192
+ /* @__PURE__ */ jsxs(
193
+ "button",
194
+ {
195
+ ...rest,
196
+ type: "button",
197
+ "aria-labelledby": `${nameId} ${hasDescription ? descriptionId : ""}`,
198
+ "aria-haspopup": true,
199
+ disabled: isDisabled,
200
+ "aria-disabled": isDisabled,
201
+ className: cx(styles.button, className, (isClearable2 || isSelected) && styles.isClearable),
202
+ ref,
203
+ onClick: handleClick,
204
+ children: [
205
+ hideName ? /* @__PURE__ */ jsx(VisuallyHidden, { id: nameId, children: nameElement }) : /* @__PURE__ */ jsx("span", { id: nameId, children: nameElement }),
206
+ hasDescription && /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.description, children }),
207
+ !isClearable2 && /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "small" })
208
+ ]
209
+ }
210
+ ),
211
+ isClearable2 && /* @__PURE__ */ jsx(Tooltip, { targetClassName: styles.clearTooltip, content: clearTooltip2, children: /* @__PURE__ */ jsx(
212
+ IconButton,
213
+ {
214
+ "aria-label": ariaLabel,
215
+ className: styles.clear,
216
+ "data-test-id": "clear-filter-button",
217
+ icon: /* @__PURE__ */ jsx(Icon, { name: "cancel", size: "small" }),
218
+ size: "small",
219
+ onClick: onClear
220
+ }
221
+ ) })
222
+ ] });
185
223
  });
186
224
  FilterButton.displayName = "FilterButton";
187
- var SEARCH_INPUT_THRESHOLD = 4;
188
- var 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 }) => {
189
- const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
190
- const dropdownClasses = cx(Filter_module_default.filter, className);
191
- const handleClear = (event) => {
192
- event.preventDefault();
193
- onClear?.();
194
- };
195
- return /* @__PURE__ */ jsxs(Dropdown, {
196
- targetTestId: testId,
197
- disabled,
198
- targetClassName: dropdownClasses,
199
- ...props,
200
- children: [/* @__PURE__ */ jsx(FilterButton, {
201
- isClearable: isClearable$1,
202
- onClear: handleClear,
203
- name: name$1,
204
- hideName,
205
- disabled,
206
- isSelected,
207
- onClickFilterButton,
208
- ariaLabel: clearAriaLabel,
209
- children: description$1
210
- }), /* @__PURE__ */ jsx(FilterMenu, {
211
- options,
212
- searchId,
213
- searchValue,
214
- searchPlaceholder,
215
- searchAriaLabel,
216
- enableSearch,
217
- onSearchChange,
218
- isLoading,
219
- disabledOptionTooltip,
220
- size,
221
- enableVirtualization
222
- })]
223
- });
225
+ const SEARCH_INPUT_THRESHOLD = 4;
226
+ const Filter = ({
227
+ searchValue,
228
+ onSearchChange,
229
+ searchPlaceholder,
230
+ searchAriaLabel,
231
+ name: name2,
232
+ hideName,
233
+ description: description2,
234
+ options,
235
+ isClearable: isClearable2,
236
+ onClear,
237
+ isSelected,
238
+ className,
239
+ isEmpty,
240
+ searchId,
241
+ isLoading,
242
+ onClickFilterButton,
243
+ disabledOptionTooltip,
244
+ "data-test-id": testId = "filter",
245
+ size,
246
+ disabled,
247
+ enableVirtualization,
248
+ clearAriaLabel,
249
+ ...props
250
+ }) => {
251
+ const enableSearch = onSearchChange && (!!searchValue || options.length > SEARCH_INPUT_THRESHOLD || !isEmpty);
252
+ const dropdownClasses = cx(styles.filter, className);
253
+ const handleClear = (event) => {
254
+ event.preventDefault();
255
+ onClear?.();
256
+ };
257
+ return /* @__PURE__ */ jsxs(Dropdown, { targetTestId: testId, disabled, targetClassName: dropdownClasses, ...props, children: [
258
+ /* @__PURE__ */ jsx(
259
+ FilterButton,
260
+ {
261
+ isClearable: isClearable2,
262
+ onClear: handleClear,
263
+ name: name2,
264
+ hideName,
265
+ disabled,
266
+ isSelected,
267
+ onClickFilterButton,
268
+ ariaLabel: clearAriaLabel,
269
+ children: description2
270
+ }
271
+ ),
272
+ /* @__PURE__ */ jsx(
273
+ FilterMenu,
274
+ {
275
+ options,
276
+ searchId,
277
+ searchValue,
278
+ searchPlaceholder,
279
+ searchAriaLabel,
280
+ enableSearch,
281
+ onSearchChange,
282
+ isLoading,
283
+ disabledOptionTooltip,
284
+ size,
285
+ enableVirtualization
286
+ }
287
+ )
288
+ ] });
289
+ };
290
+ export {
291
+ AppliedFilter,
292
+ Filter,
293
+ FilterButton
224
294
  };
225
- export { AppliedFilter, Filter, FilterButton };
226
-
227
- //# sourceMappingURL=index.es.js.map
295
+ //# sourceMappingURL=index.es.js.map