@caratlogic/design-system 0.1.34 → 0.1.35

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 (51) hide show
  1. package/dist/components/molecules/Filters/DateRangeFilter/DateRangeFilter.d.ts +1 -1
  2. package/dist/components/molecules/Filters/DateRangeFilter/DateRangeFilter.d.ts.map +1 -1
  3. package/dist/components/molecules/Filters/DateRangeFilter/DateRangeFilter.types.d.ts +2 -0
  4. package/dist/components/molecules/Filters/DateRangeFilter/DateRangeFilter.types.d.ts.map +1 -1
  5. package/dist/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.d.ts.map +1 -1
  6. package/dist/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.utils.d.ts +1 -2
  7. package/dist/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.utils.d.ts.map +1 -1
  8. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.accessibility.d.ts +2 -0
  9. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.accessibility.d.ts.map +1 -0
  10. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.d.ts +6 -0
  11. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.d.ts.map +1 -0
  12. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.hooks.d.ts +4 -0
  13. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.hooks.d.ts.map +1 -0
  14. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.types.d.ts +22 -0
  15. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.types.d.ts.map +1 -0
  16. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.utils.d.ts +6 -0
  17. package/dist/components/molecules/Filters/PickListDropdown/PickListDropdown.utils.d.ts.map +1 -0
  18. package/dist/components/molecules/Filters/PickListDropdown/index.d.ts +3 -0
  19. package/dist/components/molecules/Filters/PickListDropdown/index.d.ts.map +1 -0
  20. package/dist/components/molecules/Filters/PickListFilter/PickListFilter.d.ts.map +1 -1
  21. package/dist/components/molecules/Filters/PickListFilter/PickListFilter.utils.d.ts +8 -1
  22. package/dist/components/molecules/Filters/PickListFilter/PickListFilter.utils.d.ts.map +1 -1
  23. package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.d.ts.map +1 -1
  24. package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.d.ts +4 -1
  25. package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.d.ts.map +1 -1
  26. package/dist/components/molecules/Filters/TriStateFilter/TriStateFilter.d.ts +1 -1
  27. package/dist/components/molecules/Filters/TriStateFilter/TriStateFilter.d.ts.map +1 -1
  28. package/dist/components/molecules/Filters/TriStateFilter/TriStateFilter.types.d.ts +2 -0
  29. package/dist/components/molecules/Filters/TriStateFilter/TriStateFilter.types.d.ts.map +1 -1
  30. package/dist/components/molecules/Filters/index.d.ts +1 -0
  31. package/dist/components/molecules/Filters/index.d.ts.map +1 -1
  32. package/dist/components/organisms/Filters/FilterField/FilterField.d.ts.map +1 -1
  33. package/dist/components/organisms/Filters/FilterField/FilterField.types.d.ts +4 -4
  34. package/dist/components/organisms/Filters/FilterField/FilterField.types.d.ts.map +1 -1
  35. package/dist/components/organisms/Filters/FilterField/FilterField.utils.d.ts +4 -4
  36. package/dist/components/organisms/Filters/FilterField/FilterField.utils.d.ts.map +1 -1
  37. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts +2 -2
  38. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts.map +1 -1
  39. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.hooks.d.ts +5 -0
  40. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.hooks.d.ts.map +1 -1
  41. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.parts.d.ts +3 -1
  42. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.parts.d.ts.map +1 -1
  43. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts +8 -0
  44. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts.map +1 -1
  45. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.utils.d.ts +6 -0
  46. package/dist/components/organisms/Filters/FilterSurface/FilterSurface.utils.d.ts.map +1 -1
  47. package/dist/index.cjs.js +125 -39
  48. package/dist/index.cjs.js.map +1 -1
  49. package/dist/index.esm.js +125 -40
  50. package/dist/index.esm.js.map +1 -1
  51. package/package.json +1 -1
@@ -2,5 +2,5 @@ import type { ReactElement } from 'react';
2
2
  import type { DateRangeFilterProps } from './DateRangeFilter.types';
3
3
  export type { DateRangeFilterProps } from './DateRangeFilter.types';
4
4
  /** Date filter body: presets on the left, a From / To range on the right. */
5
- export declare function DateRangeFilter({ value, onChange, ariaLabel, fiscalYearStartMonth, today, }: DateRangeFilterProps): ReactElement;
5
+ export declare function DateRangeFilter({ value, onChange, ariaLabel, fiscalYearStartMonth, today, compact, }: DateRangeFilterProps): ReactElement;
6
6
  //# sourceMappingURL=DateRangeFilter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/DateRangeFilter/DateRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,oBAAwB,EACxB,KAAkB,GACnB,EAAE,oBAAoB,GAAG,YAAY,CAyDrC"}
1
+ {"version":3,"file":"DateRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/DateRangeFilter/DateRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,oBAAwB,EACxB,KAAkB,EAClB,OAAe,GAChB,EAAE,oBAAoB,GAAG,YAAY,CA2GrC"}
@@ -6,5 +6,7 @@ export interface DateRangeFilterProps {
6
6
  /** 1–12; drives the "This fiscal year" preset. */
7
7
  fiscalYearStartMonth?: number;
8
8
  today?: Date;
9
+ /** Cards: preset pills in a row, then From / To side by side. Default: presets left, range right (popovers). */
10
+ compact?: boolean;
9
11
  }
10
12
  //# sourceMappingURL=DateRangeFilter.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangeFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/DateRangeFilter/DateRangeFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,IAAI,CAAC;CACd"}
1
+ {"version":3,"file":"DateRangeFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/DateRangeFilter/DateRangeFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,gHAAgH;IAChH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -1 +1 @@
1
- {"version":3,"file":"NumberRangeInputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAMxE,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC,4FAA4F;AAC5F,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,eAAwB,EACxB,aAAoB,EACpB,OAAO,EACP,YAAY,GACb,EAAE,sBAAsB,GAAG,YAAY,CA+DvC"}
1
+ {"version":3,"file":"NumberRangeInputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAMxE,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC,4FAA4F;AAC5F,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,eAAwB,EACxB,aAAoB,EACpB,OAAO,EACP,YAAY,GACb,EAAE,sBAAsB,GAAG,YAAY,CAgEvC"}
@@ -1,5 +1,4 @@
1
1
  import type { NumberRangeValue } from '../Filters.types';
2
- import { getPillClassName } from '../Filters.utils';
3
2
  /** Allows partial decimals (`1.`) while typing; rejects anything else. */
4
3
  export declare function isDecimalDraft(text: string): boolean;
5
4
  export declare function toBound(text: string): number | undefined;
@@ -9,5 +8,5 @@ export declare function withBound(range: NumberRangeValue | undefined, bound: 'm
9
8
  export declare function isReversedRange(min: number | undefined, max: number | undefined): boolean;
10
9
  export declare function isSameRange(a: NumberRangeValue | undefined, b: NumberRangeValue): boolean;
11
10
  export declare function getBoundInputClassName(filled: boolean): string;
12
- export declare const getPresetClassName: typeof getPillClassName;
11
+ export declare const getPresetClassName: (selected: boolean) => string;
13
12
  //# sourceMappingURL=NumberRangeInputs.utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberRangeInputs.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIpD,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE7D;AAED,qGAAqG;AACrG,wBAAgB,SAAS,CACvB,KAAK,EAAE,gBAAgB,GAAG,SAAS,EACnC,KAAK,EAAE,KAAK,GAAG,KAAK,EACpB,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,gBAAgB,GAAG,SAAS,CAQ9B;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,GAAG,EAAE,MAAM,GAAG,SAAS,GACtB,OAAO,CAET;AAED,wBAAgB,WAAW,CACzB,CAAC,EAAE,gBAAgB,GAAG,SAAS,EAC/B,CAAC,EAAE,gBAAgB,GAClB,OAAO,CAET;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAK9D;AAED,eAAO,MAAM,kBAAkB,yBAAmB,CAAC"}
1
+ {"version":3,"file":"NumberRangeInputs.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/NumberRangeInputs/NumberRangeInputs.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE7D;AAED,qGAAqG;AACrG,wBAAgB,SAAS,CACvB,KAAK,EAAE,gBAAgB,GAAG,SAAS,EACnC,KAAK,EAAE,KAAK,GAAG,KAAK,EACpB,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,gBAAgB,GAAG,SAAS,CAQ9B;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,GAAG,EAAE,MAAM,GAAG,SAAS,GACtB,OAAO,CAET;AAED,wBAAgB,WAAW,CACzB,CAAC,EAAE,gBAAgB,GAAG,SAAS,EAC/B,CAAC,EAAE,gBAAgB,GAClB,OAAO,CAET;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAK9D;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,OAAO,KAAG,MACO,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const getRemoveLabel: (label: string) => string;
2
+ //# sourceMappingURL=PickListDropdown.accessibility.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickListDropdown.accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/PickListDropdown.accessibility.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAA2B,CAAC"}
@@ -0,0 +1,6 @@
1
+ import type { ReactElement } from 'react';
2
+ import type { PickListDropdownProps } from './PickListDropdown.types';
3
+ export type { PickListDropdownProps } from './PickListDropdown.types';
4
+ /** A long pick list as a compact select: the searchable list opens on demand, picks show as removable pills. */
5
+ export declare function PickListDropdown({ options, value, onChange, ariaLabel, placeholder, searchPlaceholder, single, }: PickListDropdownProps): ReactElement;
6
+ //# sourceMappingURL=PickListDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickListDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/PickListDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAY1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAQtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,gHAAgH;AAChH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,MAAc,GACf,EAAE,qBAAqB,GAAG,YAAY,CAoEtC"}
@@ -0,0 +1,4 @@
1
+ import type { FilterFieldOption } from '../Filters.types';
2
+ import type { UsePickListDropdownResult } from './PickListDropdown.types';
3
+ export declare function usePickListDropdown(options: readonly FilterFieldOption[], value: readonly string[], onChange: (values: string[]) => void, single: boolean): UsePickListDropdownResult;
4
+ //# sourceMappingURL=PickListDropdown.hooks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickListDropdown.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/PickListDropdown.hooks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,EACpC,MAAM,EAAE,OAAO,GACd,yBAAyB,CAkB3B"}
@@ -0,0 +1,22 @@
1
+ import type { FilterFieldOption } from '../Filters.types';
2
+ export interface PickListDropdownProps {
3
+ options: FilterFieldOption[];
4
+ value: string[];
5
+ onChange: (values: string[]) => void;
6
+ ariaLabel: string;
7
+ /** Trigger text while nothing is picked, e.g. `Select colors` or `Any supplier`. */
8
+ placeholder: string;
9
+ /** Search box placeholder inside the dropdown, e.g. `Search colors`. */
10
+ searchPlaceholder?: string;
11
+ /** One value at a time: the trigger shows it and the list uses radio rows. */
12
+ single?: boolean;
13
+ }
14
+ export interface UsePickListDropdownResult {
15
+ open: boolean;
16
+ setOpen: (open: boolean) => void;
17
+ selected: FilterFieldOption[];
18
+ /** Picks for a single-choice list close the dropdown. */
19
+ handleChange: (values: string[]) => void;
20
+ remove: (value: string) => void;
21
+ }
22
+ //# sourceMappingURL=PickListDropdown.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickListDropdown.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/PickListDropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,yDAAyD;IACzD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}
@@ -0,0 +1,6 @@
1
+ export declare const TRIGGER_CLASS_NAME: string;
2
+ export declare const CHIP_CLASS_NAME = "inline-flex h-7 max-w-full items-center gap-1 rounded-full border border-primary/30 bg-primary/5 pr-1 pl-2.5 text-xs text-foreground";
3
+ export declare const CHIP_REMOVE_CLASS_NAME: string;
4
+ /** `Ruby` for one, `3 selected` for several; the pills below name them. */
5
+ export declare function getTriggerText(selectedLabels: readonly string[], placeholder: string): string;
6
+ //# sourceMappingURL=PickListDropdown.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickListDropdown.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/PickListDropdown.utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AAEF,eAAO,MAAM,eAAe,yIAC4G,CAAC;AAEzI,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,2EAA2E;AAC3E,wBAAgB,cAAc,CAC5B,cAAc,EAAE,SAAS,MAAM,EAAE,EACjC,WAAW,EAAE,MAAM,GAClB,MAAM,CAIR"}
@@ -0,0 +1,3 @@
1
+ export { PickListDropdown } from './PickListDropdown';
2
+ export type { PickListDropdownProps } from './PickListDropdown';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PickListFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA2BjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,mBAAmB,EACnB,cAAc,GACf,MAAM,wBAAwB,CAAC;AAsBhC,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAe,EACf,iBAAiB,EACjB,gBAAwB,EACxB,OAAW,EACX,IAAY,EACZ,aAAa,EACb,MAAc,GACf,EAAE,mBAAmB,GAAG,YAAY,CAoKpC"}
1
+ {"version":3,"file":"PickListFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8BjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,mBAAmB,EACnB,cAAc,GACf,MAAM,wBAAwB,CAAC;AAsBhC,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAe,EACf,iBAAiB,EACjB,gBAAwB,EACxB,OAAW,EACX,IAAY,EACZ,aAAa,EACb,MAAc,GACf,EAAE,mBAAmB,GAAG,YAAY,CAgLpC"}
@@ -2,7 +2,8 @@ import { getPillClassName } from '../Filters.utils';
2
2
  import type { FilterFieldOption } from '../Filters.types';
3
3
  export declare function filterOptionsByQuery(options: readonly FilterFieldOption[], query: string): FilterFieldOption[];
4
4
  export declare const getChipClassName: typeof getPillClassName;
5
- export declare function getTileClassName(selected: boolean): string;
5
+ /** A tile with a count reads like a list row: name on the left, count badge on the right. */
6
+ export declare function getTileClassName(selected: boolean, hasCount?: boolean): string;
6
7
  /** The list's search box only appears once there are enough options to need it. */
7
8
  export declare const SEARCH_MIN_OPTIONS = 9;
8
9
  /** Long option sets scroll inside the card or popover instead of growing it. */
@@ -14,6 +15,12 @@ export declare const FILL_WRAPPER_CLASS_NAME = "flex min-h-0 flex-1 flex-col";
14
15
  export declare const LIST_COLUMN_MIN_WIDTH = "10rem";
15
16
  export declare const getOptionsScrollClassName: (fill: boolean) => string;
16
17
  export declare const LIST_ROW_CLASS_NAME: string;
18
+ /** `neutral` on plain rows and tiles, `tinted` on a lightly selected one, `solid` on a filled (primary) one. */
19
+ export type CountBadgeTone = 'neutral' | 'tinted' | 'solid';
20
+ /** How many items carry the option, as a small round badge at the right. */
21
+ export declare const getCountBadgeClassName: (tone: CountBadgeTone) => string;
22
+ export declare const COUNT_BADGE_CLASS_NAME: string;
23
+ export declare const formatOptionCount: (count: number) => string;
17
24
  /** Picking a value: a single-choice list replaces (or clears) it, a multi-choice list toggles it. */
18
25
  export declare const pickValue: (values: readonly string[], value: string, single: boolean) => string[];
19
26
  /** The single-choice counterpart of the checkbox: same size, primary dot when picked. */
@@ -1 +1 @@
1
- {"version":3,"file":"PickListFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAMrB;AAED,eAAO,MAAM,gBAAgB,yBAAmB,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAK1D;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,gFAAgF;AAChF,eAAO,MAAM,yBAAyB,6BAA6B,CAAC;AAEpE,iIAAiI;AACjI,eAAO,MAAM,uBAAuB,4CACO,CAAC;AAC5C,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,GAAI,MAAM,OAAO,KAAG,MACE,CAAC;AAE7D,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,qGAAqG;AACrG,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,MAAM,EAAE,EACzB,OAAO,MAAM,EACb,QAAQ,OAAO,KACd,MAAM,EAGR,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,oDACiB,CAAC;AAEpD,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,oGAC8D,CAAC;AAEpG,eAAO,MAAM,qBAAqB,yJAA+B,CAAC"}
1
+ {"version":3,"file":"PickListFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAMrB;AAED,eAAO,MAAM,gBAAgB,yBAAmB,CAAC;AAEjD,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAQ5E;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,gFAAgF;AAChF,eAAO,MAAM,yBAAyB,6BAA6B,CAAC;AAEpE,iIAAiI;AACjI,eAAO,MAAM,uBAAuB,4CACO,CAAC;AAC5C,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,GAAI,MAAM,OAAO,KAAG,MACE,CAAC;AAE7D,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,gHAAgH;AAChH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAQ5D,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,GAAI,MAAM,cAAc,KAAG,MAI3D,CAAC;AAEJ,eAAO,MAAM,sBAAsB,QAAoC,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MACnB,CAAC;AAEhC,qGAAqG;AACrG,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,MAAM,EAAE,EACzB,OAAO,MAAM,EACb,QAAQ,OAAO,KACd,MAAM,EAGR,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,oDACiB,CAAC;AAEpD,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,oGAC8D,CAAC;AAEpG,eAAO,MAAM,qBAAqB,yJAA+B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScaleRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EACV,qBAAqB,EACrB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAElC,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAY,GACb,EAAE,qBAAqB,GAAG,YAAY,CA2BtC"}
1
+ {"version":3,"file":"ScaleRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EACV,qBAAqB,EACrB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAElC,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAY,GACb,EAAE,qBAAqB,GAAG,YAAY,CAsCtC"}
@@ -1,7 +1,10 @@
1
1
  import type { FilterFieldOption, ScaleRangeValue } from '../Filters.types';
2
2
  import type { ScalePosition } from './ScaleRangeFilter.types';
3
+ import type { CountBadgeTone } from '../PickListFilter/PickListFilter.utils';
3
4
  export declare function getScalePosition(options: readonly FilterFieldOption[], value: ScaleRangeValue | undefined, option: string): ScalePosition;
4
5
  /** Next range after clicking `scale`: a fresh single-option range, or the end of the pending one. */
5
6
  export declare function getNextScaleRange(anchor: string | null, option: string): ScaleRangeValue;
6
- export declare function getScaleButtonClassName(position: ScalePosition, fill?: boolean): string;
7
+ export declare function getScaleButtonClassName(position: ScalePosition, fill?: boolean, hasCount?: boolean): string;
8
+ /** The count badge follows the tile: plain, tinted inside the range, solid on an end. */
9
+ export declare const getScaleCountTone: (position: ScalePosition) => CountBadgeTone;
7
10
  //# sourceMappingURL=ScaleRangeFilter.utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScaleRangeFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,eAAe,GAAG,SAAS,EAClC,MAAM,EAAE,MAAM,GACb,aAAa,CAMf;AAED,qGAAqG;AACrG,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GACb,eAAe,CAIjB;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,aAAa,EACvB,IAAI,UAAQ,GACX,MAAM,CAYR"}
1
+ {"version":3,"file":"ScaleRangeFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,eAAe,GAAG,SAAS,EAClC,MAAM,EAAE,MAAM,GACb,aAAa,CAMf;AAED,qGAAqG;AACrG,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GACb,eAAe,CAIjB;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,aAAa,EACvB,IAAI,UAAQ,EACZ,QAAQ,UAAQ,GACf,MAAM,CAcR;AAED,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,GAAI,UAAU,aAAa,KAAG,cACkB,CAAC"}
@@ -2,5 +2,5 @@ import type { ReactElement } from 'react';
2
2
  import type { TriStateFilterProps } from './TriStateFilter.types';
3
3
  export type { TriStateFilterProps } from './TriStateFilter.types';
4
4
  /** Any / Yes / No radio group for boolean columns (e.g. Active). */
5
- export declare function TriStateFilter({ value, onChange, ariaLabel, }: TriStateFilterProps): ReactElement;
5
+ export declare function TriStateFilter({ value, onChange, ariaLabel, compact, }: TriStateFilterProps): ReactElement;
6
6
  //# sourceMappingURL=TriStateFilter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TriStateFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/TriStateFilter/TriStateFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAiCpC"}
1
+ {"version":3,"file":"TriStateFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/TriStateFilter/TriStateFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAe,GAChB,EAAE,mBAAmB,GAAG,YAAY,CA2DpC"}
@@ -3,5 +3,7 @@ export interface TriStateFilterProps {
3
3
  value: TriStateValue;
4
4
  onChange: (value: TriStateValue) => void;
5
5
  ariaLabel: string;
6
+ /** Cards: Any · Yes · No as one row of pills instead of stacked radio rows. */
7
+ compact?: boolean;
6
8
  }
7
9
  //# sourceMappingURL=TriStateFilter.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TriStateFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/TriStateFilter/TriStateFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;CACnB"}
1
+ {"version":3,"file":"TriStateFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/TriStateFilter/TriStateFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
@@ -6,6 +6,7 @@ export * from './FilterEmptyState';
6
6
  export * from './FilterPanel';
7
7
  export * from './ScaleRangeFilter';
8
8
  export * from './FilterCardSkeleton';
9
+ export * from './PickListDropdown';
9
10
  export * from './IdListInput';
10
11
  export * from './NumberExpressionFilter';
11
12
  export * from './NumberRangeInputs';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,YAAY,EACV,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,YAAY,EACV,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,MAAM,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAsB7B,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AA0B7B,iIAAiI;AACjI,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,YAAY,CA0FxC;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,YAAY,CAwD/C;AAED,yJAAyJ;AACzJ,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,IAAI,GACL,EAAE,oBAAoB,GAAG,YAAY,CAoCrC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAOjE"}
1
+ {"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAsB7B,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,iIAAiI;AACjI,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,YAAY,CAgGxC;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,YAAY,CAwD/C;AAED,yJAAyJ;AACzJ,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,IAAI,GACL,EAAE,oBAAoB,GAAG,YAAY,CAoCrC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAOjE"}
@@ -10,13 +10,13 @@ export interface FilterFieldConfig {
10
10
  options?: FilterFieldOption[];
11
11
  /** Filter-row placeholder, e.g. `>2000`; each type has a default. */
12
12
  placeholder?: string;
13
- /** Example text inside the ID-list / contains box, or the empty single-select dropdown on cards (the filter-row pill keeps `placeholder`). */
13
+ /** Example text inside the ID-list / contains box, or the empty dropdown on cards (the filter-row pill keeps `placeholder`). */
14
14
  inputPlaceholder?: string;
15
- /** `list`: one value at a time (e.g. a vendor) — a dropdown on cards, a pick-one list in the filter row. */
15
+ /** `list`: one value at a time (e.g. a vendor) — single-pick pills, or a dropdown / radio list above 4 options. */
16
16
  single?: boolean;
17
17
  /** `list` popover search box placeholder, e.g. `Search colors`. */
18
18
  searchPlaceholder?: string;
19
- /** `list` layout on cards; the filter-row popover always uses `list`. Above 10 options the card also switches to `list`, even when set (intended: long chip/tile sets don't scale). */
19
+ /** Pick-list layout, the same on cards and in the filter row. Above 4 options it switches to `list` even when set (intended: long chip/tile sets don't scale). */
20
20
  layout?: PickListLayout;
21
21
  /** Grid columns for `scale` and `tiles`. */
22
22
  columns?: number;
@@ -57,7 +57,7 @@ export interface FilterFieldProps {
57
57
  className?: string;
58
58
  }
59
59
  export interface FilterFieldControlProps extends Pick<FilterFieldProps, 'field' | 'value' | 'onChange' | 'fiscalYearStartMonth'> {
60
- /** Option lists grow into a stretched card's free height (single-filter cards). */
60
+ /** Cards: larger scale tiles (pick lists keep their natural height so cards hug their content). */
61
61
  fill?: boolean;
62
62
  /** Inside a filter-row popover: single-selects stay a list, ID lists keep their helper text. */
63
63
  inPopover?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterField.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EACnB,MAAM,8CAA8C,CAAC;AAEtD,wGAAwG;AACxG,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IACxB,wDAAwD;IACxD,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8IAA8I;IAC9I,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4GAA4G;IAC5G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uLAAuL;IACvL,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,eAAe,CAAC;IACtB,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,gBAAgB,EAChB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,sBAAsB,CACxD;IACC,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAC1E,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC"}
1
+ {"version":3,"file":"FilterField.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EACnB,MAAM,8CAA8C,CAAC;AAEtD,wGAAwG;AACxG,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IACxB,wDAAwD;IACxD,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gIAAgI;IAChI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kKAAkK;IAClK,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,EAAE,CAAC;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,eAAe,CAAC;IACtB,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,gBAAgB,EAChB,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,sBAAsB,CACxD;IACC,mGAAmG;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAC1E,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC"}
@@ -23,12 +23,12 @@ export declare function getCellLabel(field: FilterFieldConfig, value: FilterValu
23
23
  /** Filter-row popovers hold the filter's card at a compact, fixed width. */
24
24
  export declare function getPopoverWidthClassName(field: FilterFieldConfig): string;
25
25
  /** Above this many options, chips / tiles give way to the searchable checkbox list. */
26
- export declare const MAX_PILL_OPTIONS = 10;
26
+ export declare const MAX_PILL_OPTIONS = 4;
27
27
  /** The list layout actually used: the configured one, or the checkbox list once there are too many options for pills. */
28
28
  export declare function resolveListLayout(field: FilterFieldConfig): PickListLayout;
29
- /** The empty single-select dropdown on a card: `inputPlaceholder`, else `Any <label>` (set `inputPlaceholder` for acronyms). */
30
- export declare const getSingleSelectPlaceholder: (field: FilterFieldConfig) => string;
31
- /** Popover variant: the same control and layout as the card (pills up to 10 options, then the list); tile grids drop to two columns. */
29
+ /** A card dropdown with nothing picked: `inputPlaceholder`, else `Any <label>` (single) or `Select <label>` (set `inputPlaceholder` for acronyms). */
30
+ export declare const getDropdownPlaceholder: (field: FilterFieldConfig) => string;
31
+ /** Popover variant: the same control and layout as the card (pills up to 4 options, then the list); tile grids drop to two columns. */
32
32
  export declare function toPopoverField(field: FilterFieldConfig): FilterFieldConfig;
33
33
  /** ID lists and searchable lists carry their own "x selected · Clear" row, so the card skips its Clear (and, in a popover, its title). */
34
34
  export declare const ownsClearRow: (field: FilterFieldConfig) => boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterField.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,aAAa,EACd,MAAM,8CAA8C,CAAC;AAUtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,KAAK,OAAO,CAAC,CAAC,SAAS,iBAAiB,IAAI,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAE9E,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,CAAC,SAAS,iBAAiB,EACrD,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,IAAI,EAAE,CAAC,GACN,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAExB;AAED,oGAAoG;AACpG,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,KAAG,WAAW,GAAG,SACP,CAAC;AAEvD,eAAO,MAAM,YAAY,GACvB,OAAO,eAAe,GAAG,SAAS,KACjC,WAAW,GAAG,SAA2D,CAAC;AAE7E,eAAO,MAAM,aAAa,GACxB,OAAO,gBAAgB,GAAG,SAAS,KAClC,WAAW,GAAG,SAGF,CAAC;AAEhB,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,EAAE,KAAG,WAAW,GAAG,SACV,CAAC;AAEhD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,WAAW,GAAG,SACM,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,OAAO,cAAc,GAAG,SAAS,KAChC,WAAW,GAAG,SAGF,CAAC;AAEhB,eAAO,MAAM,WAAW,GAAI,OAAO,aAAa,KAAG,WAAW,GAAG,SACV,CAAC;AAExD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAQvE,CAAC;AAEF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,gBAAgB,CAGlB;AAED,kGAAkG;AAClG,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,CAiCR;AAED,8FAA8F;AAC9F,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,CAWR;AAED,4EAA4E;AAC5E,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAIzE;AAID,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,yHAAyH;AACzH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,CAI1E;AAED,gIAAgI;AAChI,eAAO,MAAM,0BAA0B,GAAI,OAAO,iBAAiB,KAAG,MACR,CAAC;AAE/D,wIAAwI;AACxI,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,CAQ1E;AAED,0IAA0I;AAC1I,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,OAEQ,CAAC;AAEjE,oJAAoJ;AACpJ,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,GAAG,SAAS,CAUpB"}
1
+ {"version":3,"file":"FilterField.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,aAAa,EACd,MAAM,8CAA8C,CAAC;AAUtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,KAAK,OAAO,CAAC,CAAC,SAAS,iBAAiB,IAAI,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAE9E,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,CAAC,SAAS,iBAAiB,EACrD,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,IAAI,EAAE,CAAC,GACN,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAExB;AAED,oGAAoG;AACpG,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,KAAG,WAAW,GAAG,SACP,CAAC;AAEvD,eAAO,MAAM,YAAY,GACvB,OAAO,eAAe,GAAG,SAAS,KACjC,WAAW,GAAG,SAA2D,CAAC;AAE7E,eAAO,MAAM,aAAa,GACxB,OAAO,gBAAgB,GAAG,SAAS,KAClC,WAAW,GAAG,SAGF,CAAC;AAEhB,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,EAAE,KAAG,WAAW,GAAG,SACV,CAAC;AAEhD,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,WAAW,GAAG,SACM,CAAC;AAEpE,eAAO,MAAM,WAAW,GACtB,OAAO,cAAc,GAAG,SAAS,KAChC,WAAW,GAAG,SAGF,CAAC;AAEhB,eAAO,MAAM,WAAW,GAAI,OAAO,aAAa,KAAG,WAAW,GAAG,SACV,CAAC;AAExD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAQvE,CAAC;AAEF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,gBAAgB,CAGlB;AAED,kGAAkG;AAClG,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,CAiCR;AAED,8FAA8F;AAC9F,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,CAWR;AAED,4EAA4E;AAC5E,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAIzE;AAID,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,yHAAyH;AACzH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,CAI1E;AAED,sJAAsJ;AACtJ,eAAO,MAAM,sBAAsB,GAAI,OAAO,iBAAiB,KAAG,MAEC,CAAC;AAEpE,uIAAuI;AACvI,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,CAQ1E;AAED,0IAA0I;AAC1I,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,OAEQ,CAAC;AAEjE,oJAAoJ;AACpJ,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,MAAM,GAAG,SAAS,CAUpB"}
@@ -1,9 +1,9 @@
1
- import type { ReactElement } from 'react';
1
+ import { type ReactElement } from 'react';
2
2
  import type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps } from './FilterSurface.types';
3
3
  export type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceStatus, } from './FilterSurface.types';
4
4
  /** Full-page filter screen (e.g. an advanced search): header, scrolling card grid, sticky apply footer. */
5
5
  export declare function FilterSurface({ title, headerActions, footerChips, footerActions, onClose, status, errorMessage, onRetry, skeleton, children, }: FilterSurfaceProps): ReactElement;
6
- export declare function FilterSurfaceGroup({ title, className, children, }: FilterSurfaceGroupProps): ReactElement;
6
+ export declare function FilterSurfaceGroup({ title, masonry, className, children, }: FilterSurfaceGroupProps): ReactElement;
7
7
  /** Collapsed "More filters" divider that reveals extra cards. */
8
8
  export declare function FilterSurfaceMore({ label, defaultExpanded, children, }: FilterSurfaceMoreProps): ReactElement;
9
9
  //# sourceMappingURL=FilterSurface.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,2GAA2G;AAC3G,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2DnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAaxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA0BvC"}
1
+ {"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBpD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,2GAA2G;AAC3G,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2DnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAwBxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA0BvC"}
@@ -3,4 +3,9 @@ export declare function useFilterSurfaceMore(defaultExpanded?: boolean): {
3
3
  expanded: boolean;
4
4
  toggle: () => void;
5
5
  };
6
+ /** Measures a masonry card and keeps its row span in step with its height (content opening, wrapping…). */
7
+ export declare function useMasonrySpan(): {
8
+ ref: (node: HTMLDivElement | null) => void;
9
+ span: number;
10
+ };
6
11
  //# sourceMappingURL=FilterSurface.hooks.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterSurface.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.hooks.tsx"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAe1D;AAED,wBAAgB,oBAAoB,CAAC,eAAe,UAAQ,GAAG;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAGA"}
1
+ {"version":3,"file":"FilterSurface.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.hooks.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAe1D;AAED,wBAAgB,oBAAoB,CAAC,eAAe,UAAQ,GAAG;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAGA;AAED,2GAA2G;AAC3G,wBAAgB,cAAc,IAAI;IAChC,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd,CAiBA"}
@@ -1,7 +1,9 @@
1
1
  import type { ReactElement } from 'react';
2
- import type { FilterSurfaceErrorProps, FilterSurfaceSkeletonProps } from './FilterSurface.types';
2
+ import type { FilterSurfaceErrorProps, MasonryItemProps, FilterSurfaceSkeletonProps } from './FilterSurface.types';
3
3
  /** Loading placeholder: the page's own skeleton, or generic list cards. */
4
4
  export declare function FilterSurfaceSkeleton({ children, }: FilterSurfaceSkeletonProps): ReactElement;
5
5
  /** Shown in place of the cards when the filters couldn't load. */
6
6
  export declare function FilterSurfaceError({ message, onRetry, }: FilterSurfaceErrorProps): ReactElement;
7
+ /** One masonry cell: spans the rows its card needs; the bottom padding is the gap to the next card. */
8
+ export declare function MasonryItem({ children }: MasonryItemProps): ReactElement;
7
9
  //# sourceMappingURL=FilterSurface.parts.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterSurface.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS1C,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAW/B,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAY3C;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GACR,EAAE,uBAAuB,GAAG,YAAY,CA2BxC"}
1
+ {"version":3,"file":"FilterSurface.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAW/B,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,CAY3C;AAED,kEAAkE;AAClE,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,GACR,EAAE,uBAAuB,GAAG,YAAY,CA2BxC;AAED,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,YAAY,CASxE"}
@@ -30,9 +30,17 @@ export interface FilterSurfaceErrorProps {
30
30
  export interface FilterSurfaceGroupProps {
31
31
  /** Small uppercase heading over a group of cards, e.g. `General`. */
32
32
  title?: string;
33
+ /**
34
+ * Masonry packing: each card takes only its own height and the next card fills the first gap, so tall
35
+ * and short cards interlock with no empty space. Columns still come from `className` (e.g. `lg:grid-cols-3`).
36
+ */
37
+ masonry?: boolean;
33
38
  className?: string;
34
39
  children: ReactNode;
35
40
  }
41
+ export interface MasonryItemProps {
42
+ children: ReactNode;
43
+ }
36
44
  export interface FilterSurfaceMoreProps {
37
45
  /** Collapsed-state label, e.g. `More filters · size, notes, dates`. */
38
46
  label: string;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2HAA2H;IAC3H,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}
1
+ {"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2HAA2H;IAC3H,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}
@@ -1,4 +1,10 @@
1
1
  /** Placeholder cards while the filters load; roughly the first rows of a card grid. */
2
2
  export declare const SKELETON_CARD_COUNT = 8;
3
3
  export declare const SKELETON_GRID_CLASS_NAME = "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4";
4
+ /** Masonry grid rows are this tall; a card spans as many as its height needs. */
5
+ export declare const MASONRY_ROW_PX = 4;
6
+ /** Rows a card of `height` px (including its bottom gap) spans; 0 until measured. */
7
+ export declare const getMasonrySpan: (height: number) => number;
8
+ /** Dense 4px rows; the vertical gap comes from each item's bottom padding. */
9
+ export declare const MASONRY_GRID_CLASS_NAME = "grid-flow-row-dense auto-rows-[4px] gap-x-3";
4
10
  //# sourceMappingURL=FilterSurface.utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterSurface.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.utils.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,wBAAwB,yDACmB,CAAC"}
1
+ {"version":3,"file":"FilterSurface.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.utils.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,wBAAwB,yDACmB,CAAC;AAEzD,iFAAiF;AACjF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,qFAAqF;AACrF,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MACK,CAAC;AAEtD,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,gDACW,CAAC"}