@kaizen/components 0.0.0-canary-cg-test-20231011042031 → 0.0.0-canary-cg-test-20231011045157
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.
- package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js +2 -4
- package/dist/cjs/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +32 -0
- package/dist/cjs/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
- package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
- package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
- package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/cjs/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
- package/dist/cjs/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
- package/dist/cjs/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
- package/dist/cjs/dts/index.d.ts +2 -2
- package/dist/cjs/index.css +18 -18
- package/dist/cjs/index.js +21 -21
- package/dist/esm/FilterMultiSelect/FilterMultiSelect.js +1 -3
- package/dist/esm/FilterMultiSelect/FilterMultiSelect.js.map +1 -1
- package/dist/esm/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js.map +1 -1
- package/dist/esm/FilterMultiSelect/context/SelectionProvider/SelectionProvider.js.map +1 -1
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js +30 -0
- package/dist/esm/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map +1 -0
- package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js +16 -12
- package/dist/esm/Notification/subcomponents/CancelButton/CancelButton.js.map +1 -1
- package/dist/esm/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/esm/dts/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.d.ts +2 -2
- package/dist/esm/dts/FilterMultiSelect/context/SelectionProvider/SelectionProvider.d.ts +1 -1
- package/dist/esm/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts +4 -1
- package/dist/esm/dts/index.d.ts +2 -2
- package/dist/esm/index.css +18 -18
- package/dist/esm/index.js +8 -8
- package/dist/index.d.ts +366 -367
- package/dist/styles.css +1 -1
- package/package.json +1 -2
package/dist/index.d.ts
CHANGED
|
@@ -5,20 +5,19 @@ import { TooltipProps } from '@kaizen/draft-tooltip';
|
|
|
5
5
|
import { HeadingProps as HeadingProps$1 } from '@kaizen/typography';
|
|
6
6
|
import { DateInputProps, CalendarSingleProps, DisabledDays, DateRange } from '@kaizen/date-picker';
|
|
7
7
|
export { DateRange, DisabledDays } from '@kaizen/date-picker';
|
|
8
|
-
import * as _kaizen_draft_form from '@kaizen/draft-form';
|
|
9
8
|
import { FieldMessageStatus as FieldMessageStatus$1 } from '@kaizen/draft-form';
|
|
10
|
-
import { ValidateDateArgs } from '@kaizen/date-picker/src/utils/validateDate';
|
|
11
9
|
import { CalendarRangeProps } from '@kaizen/date-picker/src/_subcomponents/Calendar';
|
|
12
10
|
import { DateInputProps as DateInputProps$1 } from '@kaizen/date-picker/src/_subcomponents/DateInput';
|
|
13
11
|
import { Node, SelectionMode, Selection } from '@react-types/shared';
|
|
12
|
+
import { AriaMenuOptions } from '@react-aria/menu';
|
|
13
|
+
import { MenuTriggerState } from '@react-stately/menu';
|
|
14
|
+
import { ListState } from '@react-stately/list';
|
|
14
15
|
import { AriaListBoxOptions } from '@react-aria/listbox';
|
|
15
16
|
import { SelectProps } from '@react-stately/select';
|
|
17
|
+
import { ValidateDateArgs } from '@kaizen/date-picker/src/utils/validateDate';
|
|
16
18
|
import * as _kaizen_design_tokens from '@kaizen/design-tokens';
|
|
17
19
|
import { Theme as Theme$1 } from '@kaizen/design-tokens';
|
|
18
20
|
import { DefaultTagProps } from '@kaizen/draft-tag';
|
|
19
|
-
import { AriaMenuOptions } from '@react-aria/menu';
|
|
20
|
-
import { MenuTriggerState } from '@react-stately/menu';
|
|
21
|
-
import { ListState } from '@react-stately/list';
|
|
22
21
|
|
|
23
22
|
type StringSuggestions<T extends string> = T | (string & Record<never, never>);
|
|
24
23
|
|
|
@@ -693,6 +692,12 @@ type GetDateValidationHandlerArgs = {
|
|
|
693
692
|
};
|
|
694
693
|
declare const getDateValidationHandler: ({ onValidate, setInbuiltValidationMessage, inputLabel, }: GetDateValidationHandlerArgs) => (validationResponse: DateValidationResponse) => void;
|
|
695
694
|
|
|
695
|
+
type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
|
|
696
|
+
id?: string;
|
|
697
|
+
locale?: FilterDatePickerProps["locale"];
|
|
698
|
+
onDateChange?: FilterDatePickerProps["onDateChange"];
|
|
699
|
+
};
|
|
700
|
+
|
|
696
701
|
type DateRangeFieldValidationMessage = {
|
|
697
702
|
dateStart?: ValidationMessage;
|
|
698
703
|
dateEnd?: ValidationMessage;
|
|
@@ -771,6 +776,221 @@ declare const FilterDateRangePicker: {
|
|
|
771
776
|
displayName: string;
|
|
772
777
|
};
|
|
773
778
|
|
|
779
|
+
type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
|
|
780
|
+
id?: string;
|
|
781
|
+
onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
|
|
782
|
+
locale?: FilterDateRangePickerProps["locale"];
|
|
783
|
+
};
|
|
784
|
+
|
|
785
|
+
type NoResultsProps = {
|
|
786
|
+
children: React$1.ReactNode;
|
|
787
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
788
|
+
|
|
789
|
+
type MenuFooterProps = {
|
|
790
|
+
children: React$1.ReactNode;
|
|
791
|
+
};
|
|
792
|
+
|
|
793
|
+
type MenuLoadingSkeletonProps = {
|
|
794
|
+
isAnimated?: boolean;
|
|
795
|
+
};
|
|
796
|
+
|
|
797
|
+
type ValueType = React.Key;
|
|
798
|
+
type ItemType = {
|
|
799
|
+
label: string;
|
|
800
|
+
value: ValueType;
|
|
801
|
+
count?: string;
|
|
802
|
+
isDisabled?: boolean;
|
|
803
|
+
};
|
|
804
|
+
type MultiSelectItem = Node<ItemType>;
|
|
805
|
+
|
|
806
|
+
interface MultiSelectOptionProps {
|
|
807
|
+
classNameOverride?: string;
|
|
808
|
+
item: MultiSelectItem;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
type SectionNameProps = {
|
|
812
|
+
/**
|
|
813
|
+
* Becomes an aria-label on the section, informing
|
|
814
|
+
* unsighted users
|
|
815
|
+
*/
|
|
816
|
+
sectionName: string;
|
|
817
|
+
};
|
|
818
|
+
type SectionHeaderProps = {
|
|
819
|
+
/**
|
|
820
|
+
* Becomes an aria-label on the section, informing
|
|
821
|
+
* unsighted users
|
|
822
|
+
*/
|
|
823
|
+
sectionName?: string;
|
|
824
|
+
/**
|
|
825
|
+
* Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.
|
|
826
|
+
* If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.
|
|
827
|
+
*/
|
|
828
|
+
sectionHeader: ReactNode;
|
|
829
|
+
};
|
|
830
|
+
type ListBoxSectionProps$1 = {
|
|
831
|
+
items: MultiSelectItem[];
|
|
832
|
+
children: (item: MultiSelectItem) => React$1.ReactNode;
|
|
833
|
+
} & (SectionHeaderProps | SectionNameProps);
|
|
834
|
+
|
|
835
|
+
type ListBoxItems = {
|
|
836
|
+
selectedItems: MultiSelectItem[];
|
|
837
|
+
unselectedItems: MultiSelectItem[];
|
|
838
|
+
disabledItems: MultiSelectItem[];
|
|
839
|
+
allItems: MultiSelectItem[];
|
|
840
|
+
hasNoItems: boolean;
|
|
841
|
+
};
|
|
842
|
+
type ListBoxProps = {
|
|
843
|
+
children: (items: ListBoxItems) => React$1.ReactNode;
|
|
844
|
+
};
|
|
845
|
+
|
|
846
|
+
type SearchInputProps = {
|
|
847
|
+
label?: string;
|
|
848
|
+
id?: string;
|
|
849
|
+
isLoading?: boolean;
|
|
850
|
+
};
|
|
851
|
+
|
|
852
|
+
type FilterTriggerButtonProps = {
|
|
853
|
+
label: string;
|
|
854
|
+
selectedOptionLabels: string[];
|
|
855
|
+
/**
|
|
856
|
+
* Character limit of the button label.
|
|
857
|
+
* It will always show the first selected label regardless if it exceeds the given character limit.
|
|
858
|
+
*/
|
|
859
|
+
labelCharacterLimitBeforeTruncate?: number;
|
|
860
|
+
classNameOverride?: string;
|
|
861
|
+
};
|
|
862
|
+
|
|
863
|
+
type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
|
|
864
|
+
onRemove: () => void;
|
|
865
|
+
};
|
|
866
|
+
|
|
867
|
+
type MenuTriggerProviderProps = {
|
|
868
|
+
isOpen?: boolean;
|
|
869
|
+
defaultOpen?: boolean;
|
|
870
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
871
|
+
children: React$1.ReactNode;
|
|
872
|
+
};
|
|
873
|
+
type MenuTriggerProviderContextType = {
|
|
874
|
+
menuTriggerProps: HTMLAttributes<HTMLElement>;
|
|
875
|
+
buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
|
|
876
|
+
menuProps: AriaMenuOptions<ItemType>;
|
|
877
|
+
menuTriggerState: MenuTriggerState;
|
|
878
|
+
buttonRef: React$1.RefObject<HTMLButtonElement>;
|
|
879
|
+
};
|
|
880
|
+
declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children, }: MenuTriggerProviderProps): JSX.Element;
|
|
881
|
+
declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
|
|
882
|
+
declare const MenuTriggerConsumer: ({ children, }: React$1.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
|
|
883
|
+
|
|
884
|
+
type SelectionProviderProps = {
|
|
885
|
+
selectionMode: SelectionMode;
|
|
886
|
+
children: React$1.ReactNode;
|
|
887
|
+
items?: ItemType[];
|
|
888
|
+
onSelectionChange?: (keys: Selection) => void;
|
|
889
|
+
/** The currently selected keys in the collection (controlled). */
|
|
890
|
+
selectedKeys?: Selection;
|
|
891
|
+
/** The initial selected keys in the collection (uncontrolled). */
|
|
892
|
+
defaultSelectedKeys?: Selection;
|
|
893
|
+
label: string;
|
|
894
|
+
disabledKeys?: Selection;
|
|
895
|
+
onSearchInputChange?: (searchInput: string) => void;
|
|
896
|
+
};
|
|
897
|
+
type SelectionProviderContextType = {
|
|
898
|
+
listBoxProps: HTMLAttributes<HTMLElement>;
|
|
899
|
+
labelProps: HTMLAttributes<HTMLElement>;
|
|
900
|
+
selectionState: ListState<ItemType>;
|
|
901
|
+
listRef: React$1.RefObject<HTMLUListElement>;
|
|
902
|
+
searchQuery?: string;
|
|
903
|
+
setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
904
|
+
};
|
|
905
|
+
declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
|
|
906
|
+
declare const useSelectionContext: () => SelectionProviderContextType;
|
|
907
|
+
declare const SelectionConsumer: ({ children, }: React$1.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
|
|
908
|
+
|
|
909
|
+
type MenuPopupProps = {
|
|
910
|
+
isLoading?: boolean;
|
|
911
|
+
loadingSkeleton?: React$1.ReactNode;
|
|
912
|
+
children: React$1.ReactNode;
|
|
913
|
+
};
|
|
914
|
+
|
|
915
|
+
type SelectionProps = {
|
|
916
|
+
label: string;
|
|
917
|
+
items: ItemType[];
|
|
918
|
+
selectedKeys?: Selection;
|
|
919
|
+
defaultSelectedKeys?: Selection;
|
|
920
|
+
onSelectionChange?: (keys: Selection) => void;
|
|
921
|
+
selectionMode?: SelectionMode;
|
|
922
|
+
onSearchInputChange?: (searchInput: string) => void;
|
|
923
|
+
};
|
|
924
|
+
type FilterMultiSelectProps = {
|
|
925
|
+
trigger: (value?: MenuTriggerProviderContextType) => React$1.ReactNode;
|
|
926
|
+
children: (value?: SelectionProviderContextType) => React$1.ReactNode;
|
|
927
|
+
} & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
|
|
928
|
+
declare const FilterMultiSelect: {
|
|
929
|
+
({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: FilterMultiSelectProps): JSX.Element;
|
|
930
|
+
displayName: string;
|
|
931
|
+
TriggerButton: {
|
|
932
|
+
({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
|
|
933
|
+
displayName: string;
|
|
934
|
+
};
|
|
935
|
+
RemovableTrigger: {
|
|
936
|
+
({ label, selectedOptionLabels, labelCharacterLimitBeforeTruncate, classNameOverride, onRemove, }: RemovableFilterTriggerProps): JSX.Element;
|
|
937
|
+
displayName: string;
|
|
938
|
+
};
|
|
939
|
+
SearchInput: {
|
|
940
|
+
({ label, id, isLoading, }: SearchInputProps): JSX.Element;
|
|
941
|
+
displayName: string;
|
|
942
|
+
};
|
|
943
|
+
ListBox: {
|
|
944
|
+
({ children }: ListBoxProps): JSX.Element;
|
|
945
|
+
displayName: string;
|
|
946
|
+
};
|
|
947
|
+
ListBoxSection: {
|
|
948
|
+
({ items, children, sectionName, ...restProps }: ListBoxSectionProps$1): JSX.Element;
|
|
949
|
+
displayName: string;
|
|
950
|
+
};
|
|
951
|
+
SectionDivider: () => JSX.Element;
|
|
952
|
+
Option: {
|
|
953
|
+
({ classNameOverride, item, }: MultiSelectOptionProps): JSX.Element;
|
|
954
|
+
displayName: string;
|
|
955
|
+
};
|
|
956
|
+
SelectAllButton: {
|
|
957
|
+
(): JSX.Element;
|
|
958
|
+
displayName: string;
|
|
959
|
+
};
|
|
960
|
+
ClearButton: {
|
|
961
|
+
(): JSX.Element;
|
|
962
|
+
displayName: string;
|
|
963
|
+
};
|
|
964
|
+
MenuFooter: {
|
|
965
|
+
({ children }: MenuFooterProps): JSX.Element;
|
|
966
|
+
displayName: string;
|
|
967
|
+
};
|
|
968
|
+
MenuLoadingSkeleton: {
|
|
969
|
+
({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
|
|
970
|
+
displayName: string;
|
|
971
|
+
};
|
|
972
|
+
LoadMoreButton: {
|
|
973
|
+
(props: GenericButtonProps): JSX.Element;
|
|
974
|
+
displayName: string;
|
|
975
|
+
};
|
|
976
|
+
NoResults: {
|
|
977
|
+
({ children, ...restProps }: NoResultsProps): JSX.Element;
|
|
978
|
+
displayName: string;
|
|
979
|
+
};
|
|
980
|
+
};
|
|
981
|
+
|
|
982
|
+
type LoadMoreButtonProps = ButtonProps;
|
|
983
|
+
|
|
984
|
+
declare const getTruncatedLabels: (labels: string[], limit: number) => string;
|
|
985
|
+
|
|
986
|
+
declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
|
|
987
|
+
|
|
988
|
+
declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React$1.Key[];
|
|
989
|
+
|
|
990
|
+
type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
|
|
991
|
+
id?: string;
|
|
992
|
+
};
|
|
993
|
+
|
|
774
994
|
type SelectOption = {
|
|
775
995
|
label: string;
|
|
776
996
|
value: React.Key;
|
|
@@ -793,7 +1013,7 @@ type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<No
|
|
|
793
1013
|
};
|
|
794
1014
|
type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
|
|
795
1015
|
|
|
796
|
-
type ListBoxSectionProps
|
|
1016
|
+
type ListBoxSectionProps<Option extends SelectOption> = {
|
|
797
1017
|
section: SelectOptionGroupNode<Option>;
|
|
798
1018
|
};
|
|
799
1019
|
|
|
@@ -825,7 +1045,7 @@ declare const FilterSelect: {
|
|
|
825
1045
|
<Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, selectedKey, ...restProps }: FilterSelectProps<Option>): JSX.Element;
|
|
826
1046
|
displayName: string;
|
|
827
1047
|
Section: {
|
|
828
|
-
<Option_1 extends SelectOption = SelectOption>({ section, }: ListBoxSectionProps
|
|
1048
|
+
<Option_1 extends SelectOption = SelectOption>({ section, }: ListBoxSectionProps<Option_1>): JSX.Element;
|
|
829
1049
|
displayName: string;
|
|
830
1050
|
};
|
|
831
1051
|
SectionDivider: {
|
|
@@ -842,38 +1062,146 @@ declare const FilterSelect: {
|
|
|
842
1062
|
};
|
|
843
1063
|
};
|
|
844
1064
|
|
|
845
|
-
type
|
|
846
|
-
|
|
847
|
-
type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
|
|
848
|
-
interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
|
|
849
|
-
children: React.ReactNode;
|
|
850
|
-
/**
|
|
851
|
-
* HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
|
|
852
|
-
* the variant. E.g. display-0 will infer h1
|
|
853
|
-
*/
|
|
854
|
-
tag?: AllowedHeadingTags;
|
|
855
|
-
/**
|
|
856
|
-
* Allowed heading variants
|
|
857
|
-
*/
|
|
858
|
-
variant: HeadingVariants;
|
|
859
|
-
color?: AllowedHeadingColors;
|
|
860
|
-
}
|
|
861
|
-
/**
|
|
862
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
|
|
863
|
-
* {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
|
|
864
|
-
*/
|
|
865
|
-
declare const Heading: {
|
|
866
|
-
({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
|
|
867
|
-
displayName: string;
|
|
1065
|
+
type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
|
|
1066
|
+
id?: string;
|
|
868
1067
|
};
|
|
869
1068
|
|
|
870
|
-
type
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
};
|
|
1069
|
+
type FiltersValues = Record<string, any>;
|
|
1070
|
+
type SourceFilterAttributes<Id, Value> = {
|
|
1071
|
+
id: Id;
|
|
1072
|
+
name: string;
|
|
1073
|
+
value?: Value;
|
|
1074
|
+
isActive: boolean;
|
|
1075
|
+
};
|
|
1076
|
+
type SourceFiltersState<ValuesMap extends FiltersValues> = {
|
|
1077
|
+
[K in keyof ValuesMap]: SourceFilterAttributes<K, ValuesMap[K]>;
|
|
1078
|
+
};
|
|
1079
|
+
type FilterIsUsableWhen<ValuesMap extends FiltersValues> = (state: SourceFiltersState<ValuesMap>) => boolean;
|
|
1080
|
+
type FilterAttributes<ValuesMap extends FiltersValues, Id = keyof ValuesMap> = {
|
|
1081
|
+
id: Id;
|
|
1082
|
+
name: string;
|
|
1083
|
+
Component: React.ReactElement;
|
|
1084
|
+
isRemovable?: boolean;
|
|
1085
|
+
isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
|
|
1086
|
+
};
|
|
1087
|
+
type Filters<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
|
|
1088
|
+
type FilterState<Id, Value> = {
|
|
1089
|
+
id: Id;
|
|
1090
|
+
name: string;
|
|
1091
|
+
isRemovable: boolean;
|
|
1092
|
+
isUsableWhen?: never;
|
|
1093
|
+
isUsable: boolean;
|
|
1094
|
+
isOpen: boolean;
|
|
1095
|
+
value?: Value;
|
|
1096
|
+
isActive: boolean;
|
|
1097
|
+
};
|
|
1098
|
+
|
|
1099
|
+
type MappedFilters<ValuesMap extends FiltersValues> = {
|
|
1100
|
+
[K in keyof ValuesMap]: FilterAttributes<ValuesMap, K>;
|
|
1101
|
+
};
|
|
1102
|
+
type FilterStateEditableAttributes = {
|
|
1103
|
+
isOpen: boolean;
|
|
1104
|
+
};
|
|
1105
|
+
type InternalFilterState<ValuesMap extends FiltersValues, Id extends keyof ValuesMap> = {
|
|
1106
|
+
id: Id;
|
|
1107
|
+
name: string;
|
|
1108
|
+
isRemovable: boolean;
|
|
1109
|
+
isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
|
|
1110
|
+
isUsable: boolean;
|
|
1111
|
+
isOpen: boolean;
|
|
1112
|
+
value?: never;
|
|
1113
|
+
isActive?: never;
|
|
1114
|
+
};
|
|
1115
|
+
type FilterBarStateFilters<ValuesMap extends FiltersValues> = {
|
|
1116
|
+
[K in keyof ValuesMap]: InternalFilterState<ValuesMap, K>;
|
|
1117
|
+
};
|
|
1118
|
+
type FilterBarState<ValuesMap extends FiltersValues> = {
|
|
1119
|
+
hasUpdatedValues: boolean;
|
|
1120
|
+
filters: FilterBarStateFilters<ValuesMap>;
|
|
1121
|
+
activeFilterIds: Set<keyof ValuesMap>;
|
|
1122
|
+
values: Partial<ValuesMap>;
|
|
1123
|
+
dependentFilterIds: Set<keyof ValuesMap>;
|
|
1124
|
+
};
|
|
1125
|
+
type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
|
|
1126
|
+
|
|
1127
|
+
type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
|
|
1128
|
+
getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
|
|
1129
|
+
getActiveFilterValues: () => Partial<ValuesMap>;
|
|
1130
|
+
/**
|
|
1131
|
+
* @deprecated Use `setFilterOpenState` instead.
|
|
1132
|
+
*/
|
|
1133
|
+
toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
|
|
1134
|
+
setFilterOpenState: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
|
|
1135
|
+
openFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
1136
|
+
updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
|
|
1137
|
+
showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
1138
|
+
hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
1139
|
+
getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
|
|
1140
|
+
clearAllFilters: () => void;
|
|
1141
|
+
};
|
|
1142
|
+
declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
|
|
1143
|
+
type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
|
|
1144
|
+
children: (activeFilters: ActiveFiltersArray<ValuesMap>) => JSX.Element;
|
|
1145
|
+
filters: Filters<ValuesMap>;
|
|
1146
|
+
values: Partial<ValuesMap>;
|
|
1147
|
+
onValuesChange: (values: Partial<ValuesMap>) => void;
|
|
1148
|
+
};
|
|
1149
|
+
declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;
|
|
1150
|
+
|
|
1151
|
+
type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
|
|
1152
|
+
declare const FilterBar: {
|
|
1153
|
+
<ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
|
|
1154
|
+
displayName: string;
|
|
1155
|
+
DatePicker: {
|
|
1156
|
+
({ id, onDateChange, locale, ...props }: FilterBarDatePickerProps): JSX.Element;
|
|
1157
|
+
displayName: string;
|
|
1158
|
+
};
|
|
1159
|
+
DateRangePicker: {
|
|
1160
|
+
({ id, onRangeChange, locale, ...props }: FilterBarDateRangePickerProps): JSX.Element;
|
|
1161
|
+
displayName: string;
|
|
1162
|
+
};
|
|
1163
|
+
MultiSelect: {
|
|
1164
|
+
({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
|
|
1165
|
+
displayName: string;
|
|
1166
|
+
};
|
|
1167
|
+
Select: {
|
|
1168
|
+
<Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
|
|
1169
|
+
displayName: string;
|
|
1170
|
+
};
|
|
1171
|
+
};
|
|
1172
|
+
|
|
1173
|
+
type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
|
|
1174
|
+
type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
|
|
1175
|
+
type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
|
|
1176
|
+
interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
|
|
1177
|
+
children: React.ReactNode;
|
|
1178
|
+
/**
|
|
1179
|
+
* HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
|
|
1180
|
+
* the variant. E.g. display-0 will infer h1
|
|
1181
|
+
*/
|
|
1182
|
+
tag?: AllowedHeadingTags;
|
|
1183
|
+
/**
|
|
1184
|
+
* Allowed heading variants
|
|
1185
|
+
*/
|
|
1186
|
+
variant: HeadingVariants;
|
|
1187
|
+
color?: AllowedHeadingColors;
|
|
1188
|
+
}
|
|
1189
|
+
/**
|
|
1190
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
|
|
1191
|
+
* {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
|
|
1192
|
+
*/
|
|
1193
|
+
declare const Heading: {
|
|
1194
|
+
({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
|
|
1195
|
+
displayName: string;
|
|
1196
|
+
};
|
|
1197
|
+
|
|
1198
|
+
type BaseSVGProps = {
|
|
1199
|
+
inheritSize?: boolean;
|
|
1200
|
+
} & OverrideClassName<SVGAttributes<SVGElement>>;
|
|
1201
|
+
type MeaningfulIcon = {
|
|
1202
|
+
role: "img";
|
|
1203
|
+
"aria-label": string;
|
|
1204
|
+
};
|
|
877
1205
|
type DecorativeIcon = {
|
|
878
1206
|
role: "presentation";
|
|
879
1207
|
"aria-label"?: never;
|
|
@@ -1915,333 +2243,4 @@ declare const Workflow: {
|
|
|
1915
2243
|
};
|
|
1916
2244
|
};
|
|
1917
2245
|
|
|
1918
|
-
type
|
|
1919
|
-
id?: string;
|
|
1920
|
-
locale?: FilterDatePickerProps["locale"];
|
|
1921
|
-
onDateChange?: FilterDatePickerProps["onDateChange"];
|
|
1922
|
-
};
|
|
1923
|
-
|
|
1924
|
-
type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
|
|
1925
|
-
id?: string;
|
|
1926
|
-
onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
|
|
1927
|
-
locale?: FilterDateRangePickerProps["locale"];
|
|
1928
|
-
};
|
|
1929
|
-
|
|
1930
|
-
type NoResultsProps = {
|
|
1931
|
-
children: React$1.ReactNode;
|
|
1932
|
-
} & HTMLAttributes<HTMLDivElement>;
|
|
1933
|
-
|
|
1934
|
-
type MenuFooterProps = {
|
|
1935
|
-
children: React$1.ReactNode;
|
|
1936
|
-
};
|
|
1937
|
-
|
|
1938
|
-
type MenuLoadingSkeletonProps = {
|
|
1939
|
-
isAnimated?: boolean;
|
|
1940
|
-
};
|
|
1941
|
-
|
|
1942
|
-
type ValueType = React.Key;
|
|
1943
|
-
type ItemType = {
|
|
1944
|
-
label: string;
|
|
1945
|
-
value: ValueType;
|
|
1946
|
-
count?: string;
|
|
1947
|
-
isDisabled?: boolean;
|
|
1948
|
-
};
|
|
1949
|
-
type MultiSelectItem = Node<ItemType>;
|
|
1950
|
-
|
|
1951
|
-
interface MultiSelectOptionProps {
|
|
1952
|
-
classNameOverride?: string;
|
|
1953
|
-
item: MultiSelectItem;
|
|
1954
|
-
}
|
|
1955
|
-
|
|
1956
|
-
type SectionNameProps = {
|
|
1957
|
-
/**
|
|
1958
|
-
* Becomes an aria-label on the section, informing
|
|
1959
|
-
* unsighted users
|
|
1960
|
-
*/
|
|
1961
|
-
sectionName: string;
|
|
1962
|
-
};
|
|
1963
|
-
type SectionHeaderProps = {
|
|
1964
|
-
/**
|
|
1965
|
-
* Becomes an aria-label on the section, informing
|
|
1966
|
-
* unsighted users
|
|
1967
|
-
*/
|
|
1968
|
-
sectionName?: string;
|
|
1969
|
-
/**
|
|
1970
|
-
* Can be used for a visual title of the ListBoxSection or to provide addition information in a React node.
|
|
1971
|
-
* If this is the same title as sectionName, you should only pass in a sectionHeader to avoid duplicate descriptions.
|
|
1972
|
-
*/
|
|
1973
|
-
sectionHeader: ReactNode;
|
|
1974
|
-
};
|
|
1975
|
-
type ListBoxSectionProps = {
|
|
1976
|
-
items: MultiSelectItem[];
|
|
1977
|
-
children: (item: MultiSelectItem) => React$1.ReactNode;
|
|
1978
|
-
} & (SectionHeaderProps | SectionNameProps);
|
|
1979
|
-
|
|
1980
|
-
type ListBoxItems = {
|
|
1981
|
-
selectedItems: MultiSelectItem[];
|
|
1982
|
-
unselectedItems: MultiSelectItem[];
|
|
1983
|
-
disabledItems: MultiSelectItem[];
|
|
1984
|
-
allItems: MultiSelectItem[];
|
|
1985
|
-
hasNoItems: boolean;
|
|
1986
|
-
};
|
|
1987
|
-
type ListBoxProps = {
|
|
1988
|
-
children: (items: ListBoxItems) => React$1.ReactNode;
|
|
1989
|
-
};
|
|
1990
|
-
|
|
1991
|
-
type SearchInputProps = {
|
|
1992
|
-
label?: string;
|
|
1993
|
-
id?: string;
|
|
1994
|
-
isLoading?: boolean;
|
|
1995
|
-
};
|
|
1996
|
-
|
|
1997
|
-
type FilterTriggerButtonProps = {
|
|
1998
|
-
label: string;
|
|
1999
|
-
selectedOptionLabels: string[];
|
|
2000
|
-
/**
|
|
2001
|
-
* Character limit of the button label.
|
|
2002
|
-
* It will always show the first selected label regardless if it exceeds the given character limit.
|
|
2003
|
-
*/
|
|
2004
|
-
labelCharacterLimitBeforeTruncate?: number;
|
|
2005
|
-
classNameOverride?: string;
|
|
2006
|
-
};
|
|
2007
|
-
|
|
2008
|
-
type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
|
|
2009
|
-
onRemove: () => void;
|
|
2010
|
-
};
|
|
2011
|
-
|
|
2012
|
-
type MenuTriggerProviderProps = {
|
|
2013
|
-
isOpen?: boolean;
|
|
2014
|
-
defaultOpen?: boolean;
|
|
2015
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
2016
|
-
children: React$1.ReactNode;
|
|
2017
|
-
};
|
|
2018
|
-
type MenuTriggerProviderContextType = {
|
|
2019
|
-
menuTriggerProps: HTMLAttributes<HTMLElement>;
|
|
2020
|
-
buttonProps: ButtonHTMLAttributes<HTMLButtonElement>;
|
|
2021
|
-
menuProps: AriaMenuOptions<ItemType>;
|
|
2022
|
-
menuTriggerState: MenuTriggerState;
|
|
2023
|
-
buttonRef: React$1.RefObject<HTMLButtonElement>;
|
|
2024
|
-
};
|
|
2025
|
-
declare function MenuTriggerProvider({ isOpen, defaultOpen, onOpenChange, children }: MenuTriggerProviderProps): JSX.Element;
|
|
2026
|
-
declare const useMenuTriggerContext: () => MenuTriggerProviderContextType;
|
|
2027
|
-
declare const MenuTriggerConsumer: ({ children }: React$1.ConsumerProps<MenuTriggerProviderContextType>) => JSX.Element;
|
|
2028
|
-
|
|
2029
|
-
type SelectionProviderProps = {
|
|
2030
|
-
selectionMode: SelectionMode;
|
|
2031
|
-
children: React$1.ReactNode;
|
|
2032
|
-
items?: ItemType[];
|
|
2033
|
-
onSelectionChange?: (keys: Selection) => void;
|
|
2034
|
-
/** The currently selected keys in the collection (controlled). */
|
|
2035
|
-
selectedKeys?: Selection;
|
|
2036
|
-
/** The initial selected keys in the collection (uncontrolled). */
|
|
2037
|
-
defaultSelectedKeys?: Selection;
|
|
2038
|
-
label: string;
|
|
2039
|
-
disabledKeys?: Selection;
|
|
2040
|
-
onSearchInputChange?: (searchInput: string) => void;
|
|
2041
|
-
};
|
|
2042
|
-
type SelectionProviderContextType = {
|
|
2043
|
-
listBoxProps: HTMLAttributes<HTMLElement>;
|
|
2044
|
-
labelProps: HTMLAttributes<HTMLElement>;
|
|
2045
|
-
selectionState: ListState<ItemType>;
|
|
2046
|
-
listRef: React$1.RefObject<HTMLUListElement>;
|
|
2047
|
-
searchQuery?: string;
|
|
2048
|
-
setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
2049
|
-
};
|
|
2050
|
-
declare const SelectionProvider: (props: SelectionProviderProps) => JSX.Element;
|
|
2051
|
-
declare const useSelectionContext: () => SelectionProviderContextType;
|
|
2052
|
-
declare const SelectionConsumer: ({ children }: React$1.ConsumerProps<SelectionProviderContextType>) => JSX.Element;
|
|
2053
|
-
|
|
2054
|
-
type MenuPopupProps = {
|
|
2055
|
-
isLoading?: boolean;
|
|
2056
|
-
loadingSkeleton?: React$1.ReactNode;
|
|
2057
|
-
children: React$1.ReactNode;
|
|
2058
|
-
};
|
|
2059
|
-
|
|
2060
|
-
type SelectionProps = {
|
|
2061
|
-
label: string;
|
|
2062
|
-
items: ItemType[];
|
|
2063
|
-
selectedKeys?: Selection;
|
|
2064
|
-
defaultSelectedKeys?: Selection;
|
|
2065
|
-
onSelectionChange?: (keys: Selection) => void;
|
|
2066
|
-
selectionMode?: SelectionMode;
|
|
2067
|
-
onSearchInputChange?: (searchInput: string) => void;
|
|
2068
|
-
};
|
|
2069
|
-
type FilterMultiSelectProps = {
|
|
2070
|
-
trigger: (value?: MenuTriggerProviderContextType) => React$1.ReactNode;
|
|
2071
|
-
children: (value?: SelectionProviderContextType) => React$1.ReactNode;
|
|
2072
|
-
} & Omit<MenuPopupProps, "children"> & Omit<MenuTriggerProviderProps, "children"> & SelectionProps;
|
|
2073
|
-
declare const FilterMultiSelect: {
|
|
2074
|
-
({ trigger, children, isOpen, defaultOpen, onOpenChange, isLoading, loadingSkeleton, label, items, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode, onSearchInputChange, }: FilterMultiSelectProps): JSX.Element;
|
|
2075
|
-
displayName: string;
|
|
2076
|
-
TriggerButton: {
|
|
2077
|
-
({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
|
|
2078
|
-
displayName: string;
|
|
2079
|
-
};
|
|
2080
|
-
RemovableTrigger: {
|
|
2081
|
-
({ label, selectedOptionLabels, labelCharacterLimitBeforeTruncate, classNameOverride, onRemove, }: RemovableFilterTriggerProps): JSX.Element;
|
|
2082
|
-
displayName: string;
|
|
2083
|
-
};
|
|
2084
|
-
SearchInput: {
|
|
2085
|
-
({ label, id, isLoading, }: SearchInputProps): JSX.Element;
|
|
2086
|
-
displayName: string;
|
|
2087
|
-
};
|
|
2088
|
-
ListBox: {
|
|
2089
|
-
({ children }: ListBoxProps): JSX.Element;
|
|
2090
|
-
displayName: string;
|
|
2091
|
-
};
|
|
2092
|
-
ListBoxSection: {
|
|
2093
|
-
({ items, children, sectionName, ...restProps }: ListBoxSectionProps): JSX.Element;
|
|
2094
|
-
displayName: string;
|
|
2095
|
-
};
|
|
2096
|
-
SectionDivider: () => JSX.Element;
|
|
2097
|
-
Option: {
|
|
2098
|
-
({ classNameOverride, item, }: MultiSelectOptionProps): JSX.Element;
|
|
2099
|
-
displayName: string;
|
|
2100
|
-
};
|
|
2101
|
-
SelectAllButton: {
|
|
2102
|
-
(): JSX.Element;
|
|
2103
|
-
displayName: string;
|
|
2104
|
-
};
|
|
2105
|
-
ClearButton: {
|
|
2106
|
-
({ classNameOverride, isReversed, ...restProps }: _kaizen_draft_form.ClearButtonProps): JSX.Element;
|
|
2107
|
-
displayName: string;
|
|
2108
|
-
};
|
|
2109
|
-
MenuFooter: {
|
|
2110
|
-
({ children }: MenuFooterProps): JSX.Element;
|
|
2111
|
-
displayName: string;
|
|
2112
|
-
};
|
|
2113
|
-
MenuLoadingSkeleton: {
|
|
2114
|
-
({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
|
|
2115
|
-
displayName: string;
|
|
2116
|
-
};
|
|
2117
|
-
LoadMoreButton: {
|
|
2118
|
-
(props: GenericButtonProps): JSX.Element;
|
|
2119
|
-
displayName: string;
|
|
2120
|
-
};
|
|
2121
|
-
NoResults: {
|
|
2122
|
-
({ children, ...restProps }: NoResultsProps): JSX.Element;
|
|
2123
|
-
displayName: string;
|
|
2124
|
-
};
|
|
2125
|
-
};
|
|
2126
|
-
|
|
2127
|
-
type LoadMoreButtonProps = ButtonProps;
|
|
2128
|
-
|
|
2129
|
-
declare const getTruncatedLabels: (labels: string[], limit: number) => string;
|
|
2130
|
-
|
|
2131
|
-
declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];
|
|
2132
|
-
|
|
2133
|
-
declare const getSelectedOptionKeys: (keys?: Selection, items?: ItemType[]) => React$1.Key[];
|
|
2134
|
-
|
|
2135
|
-
type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
|
|
2136
|
-
id?: string;
|
|
2137
|
-
};
|
|
2138
|
-
|
|
2139
|
-
type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
|
|
2140
|
-
id?: string;
|
|
2141
|
-
};
|
|
2142
|
-
|
|
2143
|
-
type FiltersValues = Record<string, any>;
|
|
2144
|
-
type SourceFilterAttributes<Id, Value> = {
|
|
2145
|
-
id: Id;
|
|
2146
|
-
name: string;
|
|
2147
|
-
value?: Value;
|
|
2148
|
-
isActive: boolean;
|
|
2149
|
-
};
|
|
2150
|
-
type SourceFiltersState<ValuesMap extends FiltersValues> = {
|
|
2151
|
-
[K in keyof ValuesMap]: SourceFilterAttributes<K, ValuesMap[K]>;
|
|
2152
|
-
};
|
|
2153
|
-
type FilterIsUsableWhen<ValuesMap extends FiltersValues> = (state: SourceFiltersState<ValuesMap>) => boolean;
|
|
2154
|
-
type FilterAttributes<ValuesMap extends FiltersValues, Id = keyof ValuesMap> = {
|
|
2155
|
-
id: Id;
|
|
2156
|
-
name: string;
|
|
2157
|
-
Component: React.ReactElement;
|
|
2158
|
-
isRemovable?: boolean;
|
|
2159
|
-
isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
|
|
2160
|
-
};
|
|
2161
|
-
type Filters<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
|
|
2162
|
-
type FilterState<Id, Value> = {
|
|
2163
|
-
id: Id;
|
|
2164
|
-
name: string;
|
|
2165
|
-
isRemovable: boolean;
|
|
2166
|
-
isUsableWhen?: never;
|
|
2167
|
-
isUsable: boolean;
|
|
2168
|
-
isOpen: boolean;
|
|
2169
|
-
value?: Value;
|
|
2170
|
-
isActive: boolean;
|
|
2171
|
-
};
|
|
2172
|
-
|
|
2173
|
-
type MappedFilters<ValuesMap extends FiltersValues> = {
|
|
2174
|
-
[K in keyof ValuesMap]: FilterAttributes<ValuesMap, K>;
|
|
2175
|
-
};
|
|
2176
|
-
type FilterStateEditableAttributes = {
|
|
2177
|
-
isOpen: boolean;
|
|
2178
|
-
};
|
|
2179
|
-
type InternalFilterState<ValuesMap extends FiltersValues, Id extends keyof ValuesMap> = {
|
|
2180
|
-
id: Id;
|
|
2181
|
-
name: string;
|
|
2182
|
-
isRemovable: boolean;
|
|
2183
|
-
isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
|
|
2184
|
-
isUsable: boolean;
|
|
2185
|
-
isOpen: boolean;
|
|
2186
|
-
value?: never;
|
|
2187
|
-
isActive?: never;
|
|
2188
|
-
};
|
|
2189
|
-
type FilterBarStateFilters<ValuesMap extends FiltersValues> = {
|
|
2190
|
-
[K in keyof ValuesMap]: InternalFilterState<ValuesMap, K>;
|
|
2191
|
-
};
|
|
2192
|
-
type FilterBarState<ValuesMap extends FiltersValues> = {
|
|
2193
|
-
hasUpdatedValues: boolean;
|
|
2194
|
-
filters: FilterBarStateFilters<ValuesMap>;
|
|
2195
|
-
activeFilterIds: Set<keyof ValuesMap>;
|
|
2196
|
-
values: Partial<ValuesMap>;
|
|
2197
|
-
dependentFilterIds: Set<keyof ValuesMap>;
|
|
2198
|
-
};
|
|
2199
|
-
type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
|
|
2200
|
-
|
|
2201
|
-
type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
|
|
2202
|
-
getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
|
|
2203
|
-
getActiveFilterValues: () => Partial<ValuesMap>;
|
|
2204
|
-
/**
|
|
2205
|
-
* @deprecated Use `setFilterOpenState` instead.
|
|
2206
|
-
*/
|
|
2207
|
-
toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
|
|
2208
|
-
setFilterOpenState: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
|
|
2209
|
-
openFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
2210
|
-
updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
|
|
2211
|
-
showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
2212
|
-
hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
2213
|
-
getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
|
|
2214
|
-
clearAllFilters: () => void;
|
|
2215
|
-
};
|
|
2216
|
-
declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
|
|
2217
|
-
type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
|
|
2218
|
-
children: (activeFilters: ActiveFiltersArray<ValuesMap>) => JSX.Element;
|
|
2219
|
-
filters: Filters<ValuesMap>;
|
|
2220
|
-
values: Partial<ValuesMap>;
|
|
2221
|
-
onValuesChange: (values: Partial<ValuesMap>) => void;
|
|
2222
|
-
};
|
|
2223
|
-
declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;
|
|
2224
|
-
|
|
2225
|
-
type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
|
|
2226
|
-
declare const FilterBar: {
|
|
2227
|
-
<ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
|
|
2228
|
-
displayName: string;
|
|
2229
|
-
DatePicker: {
|
|
2230
|
-
({ id, onDateChange, locale, ...props }: FilterBarDatePickerProps): JSX.Element;
|
|
2231
|
-
displayName: string;
|
|
2232
|
-
};
|
|
2233
|
-
DateRangePicker: {
|
|
2234
|
-
({ id, onRangeChange, locale, ...props }: FilterBarDateRangePickerProps): JSX.Element;
|
|
2235
|
-
displayName: string;
|
|
2236
|
-
};
|
|
2237
|
-
MultiSelect: {
|
|
2238
|
-
({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
|
|
2239
|
-
displayName: string;
|
|
2240
|
-
};
|
|
2241
|
-
Select: {
|
|
2242
|
-
<Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
|
|
2243
|
-
displayName: string;
|
|
2244
|
-
};
|
|
2245
|
-
};
|
|
2246
|
-
|
|
2247
|
-
export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
|
|
2246
|
+
export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, type ActiveFiltersArray, AddIcon, AddLinkIcon, AddWhiteIcon, AiIcon, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, Badge, BadgeAnimated, type BadgeProps, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CSSVariableTheme, CaMonogramIcon, CameraIcon, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, type CompanyAvatarProps, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, type CustomButtonProps, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DecreaseIndentIcon, type DeepMapObjectLeafs, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, type FilterDateSupportedLocales, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, type GenericAvatarProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, type HeadingProps, type HeadingVariants, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, type InlineNotificationProps, Input, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, InsightsIcon, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LockIcon, LockWhiteIcon, LogOutIcon, type MappedFilters, MaximizeIcon, MeatballsIcon, type MenuFooterProps, type MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, MinimizeIcon, MinusIcon, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, type PaginationLinkProps, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, RedoIcon, RefreshIcon, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, type TextProps, type TextVariants, type Theme, ThemeContext, type ThemeKey, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, type TypographyFont, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValueType, VisibleIcon, Workflow, type WorkflowProps, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
|