@osdk/react-components 0.2.0-beta.28 → 0.2.0-beta.29
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/CHANGELOG.md +8 -0
- package/build/browser/action-form/FormFieldApi.js.map +1 -1
- package/build/browser/action-form/fields/FormFieldRenderer.js +8 -0
- package/build/browser/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/browser/action-form/fields/NumberInputField.js +130 -0
- package/build/browser/action-form/fields/NumberInputField.js.map +1 -0
- package/build/browser/action-form/fields/NumberInputField.module.css +96 -0
- package/build/browser/action-form/fields/NumberInputField.module.css.js +9 -0
- package/build/browser/base-components/checkbox/Checkbox.module.css +9 -1
- package/build/browser/base-components/combobox/Combobox.js +14 -1
- package/build/browser/base-components/combobox/Combobox.js.map +1 -1
- package/build/browser/base-components/combobox/Combobox.module.css +16 -6
- package/build/browser/base-components/combobox/Combobox.module.css.js +1 -0
- package/build/browser/base-components/searchable-menu/SearchableMenu.js +86 -0
- package/build/browser/base-components/searchable-menu/SearchableMenu.js.map +1 -0
- package/build/browser/base-components/searchable-menu/SearchableMenu.module.css +80 -0
- package/build/browser/base-components/searchable-menu/SearchableMenu.module.css.js +10 -0
- package/build/browser/filter-list/FilterList.js +3 -1
- package/build/browser/filter-list/FilterList.js.map +1 -1
- package/build/browser/filter-list/FilterListItemApi.js.map +1 -1
- package/build/browser/filter-list/base/AddFilterPopover.js +10 -21
- package/build/browser/filter-list/base/AddFilterPopover.js.map +1 -1
- package/build/browser/filter-list/base/AddFilterPopover.module.css +6 -40
- package/build/browser/filter-list/base/AddFilterPopover.module.css.js +1 -4
- package/build/browser/filter-list/base/BaseFilterList.js +4 -2
- package/build/browser/filter-list/base/BaseFilterList.js.map +1 -1
- package/build/browser/filter-list/base/ExcludeDropdown.module.css +7 -5
- package/build/browser/filter-list/base/FilterIcons.js +3 -3
- package/build/browser/filter-list/base/FilterIcons.js.map +1 -1
- package/build/browser/filter-list/base/FilterInputExcludeRow.js +14 -2
- package/build/browser/filter-list/base/FilterInputExcludeRow.js.map +1 -1
- package/build/browser/filter-list/base/FilterList.module.css +20 -4
- package/build/browser/filter-list/base/FilterList.module.css.js +1 -0
- package/build/browser/filter-list/base/FilterListHeader.js +1 -1
- package/build/browser/filter-list/base/FilterListHeader.js.map +1 -1
- package/build/browser/filter-list/base/FilterListHeader.module.css +8 -3
- package/build/browser/filter-list/base/FilterListItem.module.css +15 -9
- package/build/browser/filter-list/base/FilterListItem.module.css.js +2 -1
- package/build/browser/filter-list/base/inputs/ListogramInput.js +1 -1
- package/build/browser/filter-list/base/inputs/ListogramInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/ListogramInput.module.css +23 -0
- package/build/browser/filter-list/base/inputs/ListogramInput.module.css.js +1 -0
- package/build/browser/filter-list/base/inputs/MultiSelectInput.js +26 -43
- package/build/browser/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/MultiSelectInput.module.css +7 -8
- package/build/browser/filter-list/base/inputs/MultiSelectInput.module.css.js +1 -2
- package/build/browser/filter-list/base/inputs/RangeInput.module.css +7 -1
- package/build/browser/filter-list/base/inputs/SingleSelectInput.js +21 -30
- package/build/browser/filter-list/base/inputs/SingleSelectInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/SingleSelectInput.module.css +13 -23
- package/build/browser/filter-list/base/inputs/SingleSelectInput.module.css.js +3 -1
- package/build/browser/filter-list/hooks/useFilterListState.js +9 -1
- package/build/browser/filter-list/hooks/useFilterListState.js.map +1 -1
- package/build/browser/filter-list/inputs/ContainsTextFilterInput.js +1 -1
- package/build/browser/filter-list/inputs/ContainsTextFilterInput.js.map +1 -1
- package/build/browser/filter-list/inputs/ListogramFilterInput.js +9 -1
- package/build/browser/filter-list/inputs/ListogramFilterInput.js.map +1 -1
- package/build/browser/filter-list/inputs/MultiSelectFilterInput.js +9 -1
- package/build/browser/filter-list/inputs/MultiSelectFilterInput.js.map +1 -1
- package/build/browser/filter-list/inputs/PropertyFilterInput.js +1 -1
- package/build/browser/filter-list/inputs/PropertyFilterInput.js.map +1 -1
- package/build/browser/filter-list/inputs/SingleSelectFilterInput.js +9 -1
- package/build/browser/filter-list/inputs/SingleSelectFilterInput.js.map +1 -1
- package/build/browser/filter-list/inputs/TextTagsFilterInput.js +9 -1
- package/build/browser/filter-list/inputs/TextTagsFilterInput.js.map +1 -1
- package/build/browser/object-table/ColumnConfigDialog.module.css +1 -2
- package/build/browser/object-table/MultiColumnSortDialog.js +22 -59
- package/build/browser/object-table/MultiColumnSortDialog.js.map +1 -1
- package/build/browser/object-table/MultiColumnSortDialog.module.css +0 -64
- package/build/browser/object-table/MultiColumnSortDialog.module.css.js +0 -5
- package/build/browser/styles.css +314 -166
- package/build/cjs/public/experimental.cjs +501 -329
- package/build/cjs/public/experimental.cjs.map +1 -1
- package/build/cjs/public/experimental.css +378 -283
- package/build/cjs/public/experimental.css.map +1 -1
- package/build/cjs/public/experimental.d.cts +25 -12
- package/build/esm/action-form/FormFieldApi.js.map +1 -1
- package/build/esm/action-form/fields/FormFieldRenderer.js +8 -0
- package/build/esm/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/esm/action-form/fields/NumberInputField.js +130 -0
- package/build/esm/action-form/fields/NumberInputField.js.map +1 -0
- package/build/esm/action-form/fields/NumberInputField.module.css +96 -0
- package/build/esm/base-components/checkbox/Checkbox.module.css +9 -1
- package/build/esm/base-components/combobox/Combobox.js +14 -1
- package/build/esm/base-components/combobox/Combobox.js.map +1 -1
- package/build/esm/base-components/combobox/Combobox.module.css +16 -6
- package/build/esm/base-components/searchable-menu/SearchableMenu.js +86 -0
- package/build/esm/base-components/searchable-menu/SearchableMenu.js.map +1 -0
- package/build/esm/base-components/searchable-menu/SearchableMenu.module.css +80 -0
- package/build/esm/filter-list/FilterList.js +3 -1
- package/build/esm/filter-list/FilterList.js.map +1 -1
- package/build/esm/filter-list/FilterListItemApi.js.map +1 -1
- package/build/esm/filter-list/base/AddFilterPopover.js +10 -21
- package/build/esm/filter-list/base/AddFilterPopover.js.map +1 -1
- package/build/esm/filter-list/base/AddFilterPopover.module.css +6 -40
- package/build/esm/filter-list/base/BaseFilterList.js +4 -2
- package/build/esm/filter-list/base/BaseFilterList.js.map +1 -1
- package/build/esm/filter-list/base/ExcludeDropdown.module.css +7 -5
- package/build/esm/filter-list/base/FilterIcons.js +3 -3
- package/build/esm/filter-list/base/FilterIcons.js.map +1 -1
- package/build/esm/filter-list/base/FilterInputExcludeRow.js +14 -2
- package/build/esm/filter-list/base/FilterInputExcludeRow.js.map +1 -1
- package/build/esm/filter-list/base/FilterList.module.css +20 -4
- package/build/esm/filter-list/base/FilterListHeader.js +1 -1
- package/build/esm/filter-list/base/FilterListHeader.js.map +1 -1
- package/build/esm/filter-list/base/FilterListHeader.module.css +8 -3
- package/build/esm/filter-list/base/FilterListItem.module.css +15 -9
- package/build/esm/filter-list/base/inputs/ListogramInput.js +1 -1
- package/build/esm/filter-list/base/inputs/ListogramInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/ListogramInput.module.css +23 -0
- package/build/esm/filter-list/base/inputs/MultiSelectInput.js +26 -43
- package/build/esm/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/MultiSelectInput.module.css +7 -8
- package/build/esm/filter-list/base/inputs/RangeInput.module.css +7 -1
- package/build/esm/filter-list/base/inputs/SingleSelectInput.js +21 -30
- package/build/esm/filter-list/base/inputs/SingleSelectInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/SingleSelectInput.module.css +13 -23
- package/build/esm/filter-list/hooks/useFilterListState.js +9 -1
- package/build/esm/filter-list/hooks/useFilterListState.js.map +1 -1
- package/build/esm/filter-list/inputs/ContainsTextFilterInput.js +1 -1
- package/build/esm/filter-list/inputs/ContainsTextFilterInput.js.map +1 -1
- package/build/esm/filter-list/inputs/ListogramFilterInput.js +9 -1
- package/build/esm/filter-list/inputs/ListogramFilterInput.js.map +1 -1
- package/build/esm/filter-list/inputs/MultiSelectFilterInput.js +9 -1
- package/build/esm/filter-list/inputs/MultiSelectFilterInput.js.map +1 -1
- package/build/esm/filter-list/inputs/PropertyFilterInput.js +1 -1
- package/build/esm/filter-list/inputs/PropertyFilterInput.js.map +1 -1
- package/build/esm/filter-list/inputs/SingleSelectFilterInput.js +9 -1
- package/build/esm/filter-list/inputs/SingleSelectFilterInput.js.map +1 -1
- package/build/esm/filter-list/inputs/TextTagsFilterInput.js +9 -1
- package/build/esm/filter-list/inputs/TextTagsFilterInput.js.map +1 -1
- package/build/esm/object-table/ColumnConfigDialog.module.css +1 -2
- package/build/esm/object-table/MultiColumnSortDialog.js +22 -59
- package/build/esm/object-table/MultiColumnSortDialog.js.map +1 -1
- package/build/esm/object-table/MultiColumnSortDialog.module.css +0 -64
- package/build/types/action-form/FormFieldApi.d.ts +22 -4
- package/build/types/action-form/FormFieldApi.d.ts.map +1 -1
- package/build/types/action-form/fields/FormFieldRenderer.d.ts.map +1 -1
- package/build/types/action-form/fields/NumberInputField.d.ts +3 -0
- package/build/types/action-form/fields/NumberInputField.d.ts.map +1 -0
- package/build/types/base-components/combobox/Combobox.d.ts +6 -1
- package/build/types/base-components/combobox/Combobox.d.ts.map +1 -1
- package/build/types/base-components/searchable-menu/SearchableMenu.d.ts +18 -0
- package/build/types/base-components/searchable-menu/SearchableMenu.d.ts.map +1 -0
- package/build/types/filter-list/FilterListItemApi.d.ts +4 -0
- package/build/types/filter-list/FilterListItemApi.d.ts.map +1 -1
- package/build/types/filter-list/base/AddFilterPopover.d.ts.map +1 -1
- package/build/types/filter-list/base/FilterInputExcludeRow.d.ts +2 -1
- package/build/types/filter-list/base/FilterInputExcludeRow.d.ts.map +1 -1
- package/build/types/filter-list/base/inputs/MultiSelectInput.d.ts +1 -3
- package/build/types/filter-list/base/inputs/MultiSelectInput.d.ts.map +1 -1
- package/build/types/filter-list/base/inputs/SingleSelectInput.d.ts.map +1 -1
- package/build/types/filter-list/hooks/useFilterListState.d.ts +1 -0
- package/build/types/filter-list/hooks/useFilterListState.d.ts.map +1 -1
- package/build/types/filter-list/inputs/ListogramFilterInput.d.ts.map +1 -1
- package/build/types/filter-list/inputs/MultiSelectFilterInput.d.ts.map +1 -1
- package/build/types/filter-list/inputs/SingleSelectFilterInput.d.ts.map +1 -1
- package/build/types/filter-list/inputs/TextTagsFilterInput.d.ts.map +1 -1
- package/build/types/object-table/MultiColumnSortDialog.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import { Menu } from "@base-ui/react/menu";
|
|
18
|
+
import classnames from "classnames";
|
|
19
|
+
import React, { memo, useCallback, useMemo, useState } from "react";
|
|
20
|
+
import { SearchBar } from "../search-bar/SearchBar.js";
|
|
21
|
+
import styles from "./SearchableMenu.module.css.js";
|
|
22
|
+
function SearchableMenuInner({
|
|
23
|
+
items,
|
|
24
|
+
onItemSelected,
|
|
25
|
+
trigger,
|
|
26
|
+
triggerClassName,
|
|
27
|
+
disabled,
|
|
28
|
+
searchPlaceholder = "Search",
|
|
29
|
+
emptyMessage = "No matching items",
|
|
30
|
+
className
|
|
31
|
+
}) {
|
|
32
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
33
|
+
const filteredItems = useMemo(() => {
|
|
34
|
+
const query = searchQuery.toLowerCase().trim();
|
|
35
|
+
if (!query) return items;
|
|
36
|
+
return items.filter(item => item.label.toLowerCase().includes(query));
|
|
37
|
+
}, [items, searchQuery]);
|
|
38
|
+
const handleSearchChange = useCallback(event => {
|
|
39
|
+
setSearchQuery(event.target.value);
|
|
40
|
+
}, []);
|
|
41
|
+
const handleMenuOpenChange = useCallback(open => {
|
|
42
|
+
if (open) {
|
|
43
|
+
setSearchQuery("");
|
|
44
|
+
}
|
|
45
|
+
}, []);
|
|
46
|
+
const handleKeyDown = useCallback(event => {
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
}, []);
|
|
49
|
+
return /*#__PURE__*/React.createElement(Menu.Root, {
|
|
50
|
+
onOpenChange: handleMenuOpenChange
|
|
51
|
+
}, /*#__PURE__*/React.createElement(Menu.Trigger, {
|
|
52
|
+
className: triggerClassName,
|
|
53
|
+
disabled: disabled
|
|
54
|
+
}, trigger), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
|
|
55
|
+
className: classnames(styles.positioner, className),
|
|
56
|
+
sideOffset: 4
|
|
57
|
+
}, /*#__PURE__*/React.createElement(Menu.Popup, {
|
|
58
|
+
className: styles.popup
|
|
59
|
+
}, /*#__PURE__*/React.createElement(SearchBar, {
|
|
60
|
+
value: searchQuery,
|
|
61
|
+
onChange: handleSearchChange,
|
|
62
|
+
placeholder: searchPlaceholder,
|
|
63
|
+
"aria-label": searchPlaceholder,
|
|
64
|
+
className: styles.searchContainer,
|
|
65
|
+
onKeyDown: handleKeyDown
|
|
66
|
+
}), filteredItems.map(item => /*#__PURE__*/React.createElement(SearchableMenuItemRow, {
|
|
67
|
+
key: item.key,
|
|
68
|
+
item: item,
|
|
69
|
+
onItemSelected: onItemSelected
|
|
70
|
+
})), filteredItems.length === 0 && /*#__PURE__*/React.createElement("div", {
|
|
71
|
+
className: styles.emptyState
|
|
72
|
+
}, emptyMessage)))));
|
|
73
|
+
}
|
|
74
|
+
export const SearchableMenu = /*#__PURE__*/memo(SearchableMenuInner);
|
|
75
|
+
function SearchableMenuItemRowInner({
|
|
76
|
+
item,
|
|
77
|
+
onItemSelected
|
|
78
|
+
}) {
|
|
79
|
+
const handleClick = useCallback(() => onItemSelected(item.key), [onItemSelected, item.key]);
|
|
80
|
+
return /*#__PURE__*/React.createElement(Menu.Item, {
|
|
81
|
+
className: styles.menuItem,
|
|
82
|
+
onClick: handleClick
|
|
83
|
+
}, item.label);
|
|
84
|
+
}
|
|
85
|
+
const SearchableMenuItemRow = /*#__PURE__*/memo(SearchableMenuItemRowInner);
|
|
86
|
+
//# sourceMappingURL=SearchableMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchableMenu.js","names":["Menu","classnames","React","memo","useCallback","useMemo","useState","SearchBar","styles","SearchableMenuInner","items","onItemSelected","trigger","triggerClassName","disabled","searchPlaceholder","emptyMessage","className","searchQuery","setSearchQuery","filteredItems","query","toLowerCase","trim","filter","item","label","includes","handleSearchChange","event","target","value","handleMenuOpenChange","open","handleKeyDown","stopPropagation","createElement","Root","onOpenChange","Trigger","Portal","Positioner","positioner","sideOffset","Popup","popup","onChange","placeholder","searchContainer","onKeyDown","map","SearchableMenuItemRow","key","length","emptyState","SearchableMenu","SearchableMenuItemRowInner","handleClick","Item","menuItem","onClick"],"sources":["SearchableMenu.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { SearchBar } from \"../search-bar/SearchBar.js\";\nimport styles from \"./SearchableMenu.module.css\";\n\nexport interface SearchableMenuItem {\n key: string;\n label: string;\n}\n\ninterface SearchableMenuProps {\n items: SearchableMenuItem[];\n onItemSelected: (key: string) => void;\n trigger: React.ReactNode;\n triggerClassName?: string;\n disabled?: boolean;\n searchPlaceholder?: string;\n emptyMessage?: string;\n className?: string;\n}\n\nfunction SearchableMenuInner({\n items,\n onItemSelected,\n trigger,\n triggerClassName,\n disabled,\n searchPlaceholder = \"Search\",\n emptyMessage = \"No matching items\",\n className,\n}: SearchableMenuProps): React.ReactElement {\n const [searchQuery, setSearchQuery] = useState(\"\");\n\n const filteredItems = useMemo(() => {\n const query = searchQuery.toLowerCase().trim();\n if (!query) return items;\n return items.filter((item) => item.label.toLowerCase().includes(query));\n }, [items, searchQuery]);\n\n const handleSearchChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n setSearchQuery(event.target.value);\n },\n [],\n );\n\n const handleMenuOpenChange = useCallback((open: boolean) => {\n if (open) {\n setSearchQuery(\"\");\n }\n }, []);\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n event.stopPropagation();\n },\n [],\n );\n\n return (\n <Menu.Root onOpenChange={handleMenuOpenChange}>\n <Menu.Trigger\n className={triggerClassName}\n disabled={disabled}\n >\n {trigger}\n </Menu.Trigger>\n <Menu.Portal>\n <Menu.Positioner\n className={classnames(styles.positioner, className)}\n sideOffset={4}\n >\n <Menu.Popup className={styles.popup}>\n <SearchBar\n value={searchQuery}\n onChange={handleSearchChange}\n placeholder={searchPlaceholder}\n aria-label={searchPlaceholder}\n className={styles.searchContainer}\n onKeyDown={handleKeyDown}\n />\n {filteredItems.map((item) => (\n <SearchableMenuItemRow\n key={item.key}\n item={item}\n onItemSelected={onItemSelected}\n />\n ))}\n {filteredItems.length === 0 && (\n <div className={styles.emptyState}>\n {emptyMessage}\n </div>\n )}\n </Menu.Popup>\n </Menu.Positioner>\n </Menu.Portal>\n </Menu.Root>\n );\n}\n\nexport const SearchableMenu: React.MemoExoticComponent<\n typeof SearchableMenuInner\n> = memo(SearchableMenuInner);\n\nfunction SearchableMenuItemRowInner(\n { item, onItemSelected }: {\n item: SearchableMenuItem;\n onItemSelected: (key: string) => void;\n },\n): React.ReactElement {\n const handleClick = useCallback(\n () => onItemSelected(item.key),\n [onItemSelected, item.key],\n );\n\n return (\n <Menu.Item\n className={styles.menuItem}\n onClick={handleClick}\n >\n {item.label}\n </Menu.Item>\n );\n}\n\nconst SearchableMenuItemRow = memo(SearchableMenuItemRowInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SAASC,SAAS,QAAQ,4BAA4B;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAkBhD,SAASC,mBAAmBA,CAAC;EAC3BC,KAAK;EACLC,cAAc;EACdC,OAAO;EACPC,gBAAgB;EAChBC,QAAQ;EACRC,iBAAiB,GAAG,QAAQ;EAC5BC,YAAY,GAAG,mBAAmB;EAClCC;AACmB,CAAC,EAAsB;EAC1C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EAElD,MAAMc,aAAa,GAAGf,OAAO,CAAC,MAAM;IAClC,MAAMgB,KAAK,GAAGH,WAAW,CAACI,WAAW,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IAC9C,IAAI,CAACF,KAAK,EAAE,OAAOX,KAAK;IACxB,OAAOA,KAAK,CAACc,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACC,KAAK,CAACJ,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACN,KAAK,CAAC,CAAC;EACzE,CAAC,EAAE,CAACX,KAAK,EAAEQ,WAAW,CAAC,CAAC;EAExB,MAAMU,kBAAkB,GAAGxB,WAAW,CACnCyB,KAA0C,IAAK;IAC9CV,cAAc,CAACU,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EACpC,CAAC,EACD,EACF,CAAC;EAED,MAAMC,oBAAoB,GAAG5B,WAAW,CAAE6B,IAAa,IAAK;IAC1D,IAAIA,IAAI,EAAE;MACRd,cAAc,CAAC,EAAE,CAAC;IACpB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMe,aAAa,GAAG9B,WAAW,CAC9ByB,KAA4C,IAAK;IAChDA,KAAK,CAACM,eAAe,CAAC,CAAC;EACzB,CAAC,EACD,EACF,CAAC;EAED,oBACEjC,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAACqC,IAAI;IAACC,YAAY,EAAEN;EAAqB,gBAC5C9B,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAACuC,OAAO;IACXtB,SAAS,EAAEJ,gBAAiB;IAC5BC,QAAQ,EAAEA;EAAS,GAElBF,OACW,CAAC,eACfV,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAACwC,MAAM,qBACVtC,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAACyC,UAAU;IACdxB,SAAS,EAAEhB,UAAU,CAACO,MAAM,CAACkC,UAAU,EAAEzB,SAAS,CAAE;IACpD0B,UAAU,EAAE;EAAE,gBAEdzC,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAAC4C,KAAK;IAAC3B,SAAS,EAAET,MAAM,CAACqC;EAAM,gBAClC3C,KAAA,CAAAkC,aAAA,CAAC7B,SAAS;IACRwB,KAAK,EAAEb,WAAY;IACnB4B,QAAQ,EAAElB,kBAAmB;IAC7BmB,WAAW,EAAEhC,iBAAkB;IAC/B,cAAYA,iBAAkB;IAC9BE,SAAS,EAAET,MAAM,CAACwC,eAAgB;IAClCC,SAAS,EAAEf;EAAc,CAC1B,CAAC,EACDd,aAAa,CAAC8B,GAAG,CAAEzB,IAAI,iBACtBvB,KAAA,CAAAkC,aAAA,CAACe,qBAAqB;IACpBC,GAAG,EAAE3B,IAAI,CAAC2B,GAAI;IACd3B,IAAI,EAAEA,IAAK;IACXd,cAAc,EAAEA;EAAe,CAChC,CACF,CAAC,EACDS,aAAa,CAACiC,MAAM,KAAK,CAAC,iBACzBnD,KAAA,CAAAkC,aAAA;IAAKnB,SAAS,EAAET,MAAM,CAAC8C;EAAW,GAC/BtC,YACE,CAEG,CACG,CACN,CACJ,CAAC;AAEhB;AAEA,OAAO,MAAMuC,cAEZ,gBAAGpD,IAAI,CAACM,mBAAmB,CAAC;AAE7B,SAAS+C,0BAA0BA,CACjC;EAAE/B,IAAI;EAAEd;AAGR,CAAC,EACmB;EACpB,MAAM8C,WAAW,GAAGrD,WAAW,CAC7B,MAAMO,cAAc,CAACc,IAAI,CAAC2B,GAAG,CAAC,EAC9B,CAACzC,cAAc,EAAEc,IAAI,CAAC2B,GAAG,CAC3B,CAAC;EAED,oBACElD,KAAA,CAAAkC,aAAA,CAACpC,IAAI,CAAC0D,IAAI;IACRzC,SAAS,EAAET,MAAM,CAACmD,QAAS;IAC3BC,OAAO,EAAEH;EAAY,GAEpBhC,IAAI,CAACC,KACG,CAAC;AAEhB;AAEA,MAAMyB,qBAAqB,gBAAGhD,IAAI,CAACqD,0BAA0B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2026 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
.positioner {
|
|
18
|
+
z-index: var(--osdk-surface-z-index-3);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.popup {
|
|
22
|
+
background-color: var(--osdk-surface-background-color-default-rest);
|
|
23
|
+
border: var(--osdk-surface-border);
|
|
24
|
+
border-radius: var(--osdk-surface-border-radius);
|
|
25
|
+
box-shadow: var(--osdk-surface-shadow-2);
|
|
26
|
+
max-height: calc(var(--osdk-dialog-max-height) * 0.5);
|
|
27
|
+
overflow-y: auto;
|
|
28
|
+
width: var(--anchor-width);
|
|
29
|
+
|
|
30
|
+
&:focus {
|
|
31
|
+
outline: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:focus-visible {
|
|
35
|
+
outline: var(--osdk-focus-outline);
|
|
36
|
+
outline-offset: var(--osdk-focus-visible-outline-offset);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.searchContainer {
|
|
41
|
+
border: none;
|
|
42
|
+
border-bottom: var(--osdk-surface-border);
|
|
43
|
+
border-radius: 0;
|
|
44
|
+
position: sticky;
|
|
45
|
+
top: 0;
|
|
46
|
+
background-color: var(--osdk-surface-background-color-default-rest);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.menuItem {
|
|
50
|
+
display: block;
|
|
51
|
+
width: 100%;
|
|
52
|
+
text-align: left;
|
|
53
|
+
padding: calc(var(--osdk-surface-spacing) * 2)
|
|
54
|
+
calc(var(--osdk-surface-spacing) * 3);
|
|
55
|
+
background: none;
|
|
56
|
+
border: none;
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
font-size: var(--osdk-typography-size-body-medium);
|
|
59
|
+
color: var(--osdk-typography-color-default-rest);
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
text-overflow: ellipsis;
|
|
62
|
+
white-space: nowrap;
|
|
63
|
+
|
|
64
|
+
&:hover,
|
|
65
|
+
&[data-highlighted] {
|
|
66
|
+
background-color: var(--osdk-surface-background-color-default-hover);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&:focus-visible {
|
|
70
|
+
outline: var(--osdk-focus-outline);
|
|
71
|
+
outline-offset: var(--osdk-focus-visible-outline-offset);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.emptyState {
|
|
76
|
+
padding: calc(var(--osdk-surface-spacing) * 3);
|
|
77
|
+
text-align: center;
|
|
78
|
+
color: var(--osdk-typography-color-muted);
|
|
79
|
+
font-size: var(--osdk-typography-size-body-medium);
|
|
80
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// CSS Module proxy for SearchableMenu.module.css
|
|
2
|
+
const styles = {
|
|
3
|
+
"positioner": "SearchableMenu-module__positioner___-klAgSMI",
|
|
4
|
+
"popup": "SearchableMenu-module__popup___2iavEctG",
|
|
5
|
+
"searchContainer": "SearchableMenu-module__searchContainer___nBHH91IA",
|
|
6
|
+
"menuItem": "SearchableMenu-module__menuItem___DPSHFC92",
|
|
7
|
+
"emptyState": "SearchableMenu-module__emptyState___vtfGvAZQ"
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export default styles;
|
|
@@ -44,6 +44,7 @@ export function FilterList(props) {
|
|
|
44
44
|
const {
|
|
45
45
|
filterStates,
|
|
46
46
|
setFilterState,
|
|
47
|
+
clearFilterState,
|
|
47
48
|
perFilterWhereClauses,
|
|
48
49
|
activeFilterCount,
|
|
49
50
|
reset
|
|
@@ -71,11 +72,12 @@ export function FilterList(props) {
|
|
|
71
72
|
}, [filterDefinitions]);
|
|
72
73
|
const effectiveVisibleDefinitions = uncontrolledAddFilterMode ? managedVisibleDefinitions : simpleVisibleDefinitions;
|
|
73
74
|
const handleFilterRemoved = useCallback(filterKey => {
|
|
75
|
+
clearFilterState(filterKey);
|
|
74
76
|
if (uncontrolledAddFilterMode) {
|
|
75
77
|
hideFilter(filterKey);
|
|
76
78
|
}
|
|
77
79
|
onFilterRemoved?.(filterKey);
|
|
78
|
-
}, [uncontrolledAddFilterMode, hideFilter, onFilterRemoved]);
|
|
80
|
+
}, [clearFilterState, uncontrolledAddFilterMode, hideFilter, onFilterRemoved]);
|
|
79
81
|
const handleFilterShown = useCallback(filterKey => {
|
|
80
82
|
showFilter(filterKey);
|
|
81
83
|
onFilterAdded?.(filterKey, filterDefinitions ?? []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterList.js","names":["React","useCallback","useMemo","AddFilterPopover","BaseFilterList","FilterInput","useFilterListState","useFilterVisibility","getFilterKey","getFilterLabel","FilterList","props","objectSet","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","addFilterMode","showResetButton","onReset","showActiveFilterCount","className","enableSorting","onFilterAdded","onFilterRemoved","renderAddFilterButton","objectType","$objectSetInternals","def","filterStates","setFilterState","perFilterWhereClauses","activeFilterCount","reset","uncontrolledAddFilterMode","getIsVisible","isVisible","visibleDefinitions","managedVisibleDefinitions","hiddenDefinitions","managedHiddenDefinitions","showFilter","hideFilter","hasVisibilityChanges","resetVisibility","handleReset","simpleVisibleDefinitions","undefined","filter","effectiveVisibleDefinitions","handleFilterRemoved","filterKey","handleFilterShown","hiddenFilterItems","map","key","label","effectiveRenderAddFilterButton","length","createElement","onShowFilter","renderTrigger","effectiveOnFilterRemoved","renderInput","definition","filterState","onFilterStateChanged","searchQuery","excludeRowOpen","whereClause","get"],"sources":["FilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { AddFilterPopover } from \"./base/AddFilterPopover.js\";\nimport { BaseFilterList } from \"./base/BaseFilterList.js\";\nimport type { RenderFilterInput } from \"./base/BaseFilterListApi.js\";\nimport { FilterInput } from \"./FilterInput.js\";\nimport type {\n FilterDefinitionUnion,\n FilterListProps,\n} from \"./FilterListApi.js\";\nimport { useFilterListState } from \"./hooks/useFilterListState.js\";\nimport { useFilterVisibility } from \"./hooks/useFilterVisibility.js\";\nimport { getFilterKey } from \"./utils/getFilterKey.js\";\nimport { getFilterLabel } from \"./utils/getFilterLabel.js\";\n\nexport function FilterList<Q extends ObjectTypeDefinition>(\n props: FilterListProps<Q>,\n): React.ReactElement {\n const {\n objectSet,\n title,\n titleIcon,\n collapsed,\n onCollapsedChange,\n filterDefinitions,\n addFilterMode = \"uncontrolled\",\n showResetButton = false,\n onReset,\n showActiveFilterCount = false,\n className,\n enableSorting,\n onFilterAdded,\n onFilterRemoved,\n renderAddFilterButton,\n } = props;\n\n const objectType = objectSet.$objectSetInternals.def;\n\n const {\n filterStates,\n setFilterState,\n perFilterWhereClauses,\n activeFilterCount,\n reset,\n } = useFilterListState(props);\n\n const uncontrolledAddFilterMode = addFilterMode === \"uncontrolled\";\n\n const getIsVisible = useCallback(\n (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n [],\n );\n\n const {\n visibleDefinitions: managedVisibleDefinitions,\n hiddenDefinitions: managedHiddenDefinitions,\n showFilter,\n hideFilter,\n hasVisibilityChanges,\n resetVisibility,\n } = useFilterVisibility(filterDefinitions, getFilterKey, getIsVisible);\n\n const handleReset = useCallback(() => {\n reset();\n resetVisibility();\n onReset?.();\n }, [reset, resetVisibility, onReset]);\n\n const simpleVisibleDefinitions = useMemo(() => {\n if (filterDefinitions == null) {\n return undefined;\n }\n return filterDefinitions.filter(\n (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n );\n }, [filterDefinitions]);\n\n const effectiveVisibleDefinitions = uncontrolledAddFilterMode\n ? managedVisibleDefinitions\n : simpleVisibleDefinitions;\n\n const handleFilterRemoved = useCallback(\n (filterKey: string) => {\n if (uncontrolledAddFilterMode) {\n hideFilter(filterKey);\n }\n onFilterRemoved?.(filterKey);\n },\n [uncontrolledAddFilterMode, hideFilter, onFilterRemoved],\n );\n\n const handleFilterShown = useCallback(\n (filterKey: string) => {\n showFilter(filterKey);\n onFilterAdded?.(filterKey, filterDefinitions ?? []);\n },\n [showFilter, onFilterAdded, filterDefinitions],\n );\n\n const hiddenFilterItems = useMemo(\n () =>\n managedHiddenDefinitions.map((def) => ({\n key: getFilterKey(def),\n label: getFilterLabel(def),\n })),\n [managedHiddenDefinitions],\n );\n\n const effectiveRenderAddFilterButton = useMemo(() => {\n if (uncontrolledAddFilterMode) {\n if (managedHiddenDefinitions.length === 0) {\n return undefined;\n }\n return () => (\n <AddFilterPopover\n hiddenDefinitions={hiddenFilterItems}\n onShowFilter={handleFilterShown}\n renderTrigger={renderAddFilterButton}\n />\n );\n }\n return renderAddFilterButton;\n }, [\n uncontrolledAddFilterMode,\n managedHiddenDefinitions.length,\n hiddenFilterItems,\n handleFilterShown,\n renderAddFilterButton,\n ]);\n\n const effectiveOnFilterRemoved = uncontrolledAddFilterMode\n ? handleFilterRemoved\n : onFilterRemoved;\n\n const renderInput = useCallback<RenderFilterInput<FilterDefinitionUnion<Q>>>(\n (\n {\n definition,\n filterKey,\n filterState,\n onFilterStateChanged,\n searchQuery,\n excludeRowOpen,\n },\n ) => (\n <FilterInput\n objectType={objectType}\n objectSet={objectSet}\n definition={definition}\n filterState={filterState}\n onFilterStateChanged={onFilterStateChanged}\n whereClause={perFilterWhereClauses.get(filterKey)\n ?? ({} as WhereClause<Q>)}\n searchQuery={searchQuery}\n excludeRowOpen={excludeRowOpen}\n />\n ),\n [objectType, objectSet, perFilterWhereClauses],\n );\n\n return (\n <BaseFilterList\n title={title}\n titleIcon={titleIcon}\n collapsed={collapsed}\n onCollapsedChange={onCollapsedChange}\n filterDefinitions={effectiveVisibleDefinitions}\n filterStates={filterStates}\n onFilterStateChanged={setFilterState}\n renderInput={renderInput}\n getFilterKey={getFilterKey}\n getFilterLabel={getFilterLabel}\n activeFilterCount={activeFilterCount}\n onReset={handleReset}\n showResetButton={showResetButton}\n showActiveFilterCount={showActiveFilterCount}\n hasVisibilityChanges={hasVisibilityChanges}\n enableSorting={enableSorting}\n onFilterRemoved={effectiveOnFilterRemoved}\n className={className}\n renderAddFilterButton={effectiveRenderAddFilterButton}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FilterList.js","names":["React","useCallback","useMemo","AddFilterPopover","BaseFilterList","FilterInput","useFilterListState","useFilterVisibility","getFilterKey","getFilterLabel","FilterList","props","objectSet","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","addFilterMode","showResetButton","onReset","showActiveFilterCount","className","enableSorting","onFilterAdded","onFilterRemoved","renderAddFilterButton","objectType","$objectSetInternals","def","filterStates","setFilterState","clearFilterState","perFilterWhereClauses","activeFilterCount","reset","uncontrolledAddFilterMode","getIsVisible","isVisible","visibleDefinitions","managedVisibleDefinitions","hiddenDefinitions","managedHiddenDefinitions","showFilter","hideFilter","hasVisibilityChanges","resetVisibility","handleReset","simpleVisibleDefinitions","undefined","filter","effectiveVisibleDefinitions","handleFilterRemoved","filterKey","handleFilterShown","hiddenFilterItems","map","key","label","effectiveRenderAddFilterButton","length","createElement","onShowFilter","renderTrigger","effectiveOnFilterRemoved","renderInput","definition","filterState","onFilterStateChanged","searchQuery","excludeRowOpen","whereClause","get"],"sources":["FilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { AddFilterPopover } from \"./base/AddFilterPopover.js\";\nimport { BaseFilterList } from \"./base/BaseFilterList.js\";\nimport type { RenderFilterInput } from \"./base/BaseFilterListApi.js\";\nimport { FilterInput } from \"./FilterInput.js\";\nimport type {\n FilterDefinitionUnion,\n FilterListProps,\n} from \"./FilterListApi.js\";\nimport { useFilterListState } from \"./hooks/useFilterListState.js\";\nimport { useFilterVisibility } from \"./hooks/useFilterVisibility.js\";\nimport { getFilterKey } from \"./utils/getFilterKey.js\";\nimport { getFilterLabel } from \"./utils/getFilterLabel.js\";\n\nexport function FilterList<Q extends ObjectTypeDefinition>(\n props: FilterListProps<Q>,\n): React.ReactElement {\n const {\n objectSet,\n title,\n titleIcon,\n collapsed,\n onCollapsedChange,\n filterDefinitions,\n addFilterMode = \"uncontrolled\",\n showResetButton = false,\n onReset,\n showActiveFilterCount = false,\n className,\n enableSorting,\n onFilterAdded,\n onFilterRemoved,\n renderAddFilterButton,\n } = props;\n\n const objectType = objectSet.$objectSetInternals.def;\n\n const {\n filterStates,\n setFilterState,\n clearFilterState,\n perFilterWhereClauses,\n activeFilterCount,\n reset,\n } = useFilterListState(props);\n\n const uncontrolledAddFilterMode = addFilterMode === \"uncontrolled\";\n\n const getIsVisible = useCallback(\n (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n [],\n );\n\n const {\n visibleDefinitions: managedVisibleDefinitions,\n hiddenDefinitions: managedHiddenDefinitions,\n showFilter,\n hideFilter,\n hasVisibilityChanges,\n resetVisibility,\n } = useFilterVisibility(filterDefinitions, getFilterKey, getIsVisible);\n\n const handleReset = useCallback(() => {\n reset();\n resetVisibility();\n onReset?.();\n }, [reset, resetVisibility, onReset]);\n\n const simpleVisibleDefinitions = useMemo(() => {\n if (filterDefinitions == null) {\n return undefined;\n }\n return filterDefinitions.filter(\n (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n );\n }, [filterDefinitions]);\n\n const effectiveVisibleDefinitions = uncontrolledAddFilterMode\n ? managedVisibleDefinitions\n : simpleVisibleDefinitions;\n\n const handleFilterRemoved = useCallback(\n (filterKey: string) => {\n clearFilterState(filterKey);\n if (uncontrolledAddFilterMode) {\n hideFilter(filterKey);\n }\n onFilterRemoved?.(filterKey);\n },\n [clearFilterState, uncontrolledAddFilterMode, hideFilter, onFilterRemoved],\n );\n\n const handleFilterShown = useCallback(\n (filterKey: string) => {\n showFilter(filterKey);\n onFilterAdded?.(filterKey, filterDefinitions ?? []);\n },\n [showFilter, onFilterAdded, filterDefinitions],\n );\n\n const hiddenFilterItems = useMemo(\n () =>\n managedHiddenDefinitions.map((def) => ({\n key: getFilterKey(def),\n label: getFilterLabel(def),\n })),\n [managedHiddenDefinitions],\n );\n\n const effectiveRenderAddFilterButton = useMemo(() => {\n if (uncontrolledAddFilterMode) {\n if (managedHiddenDefinitions.length === 0) {\n return undefined;\n }\n return () => (\n <AddFilterPopover\n hiddenDefinitions={hiddenFilterItems}\n onShowFilter={handleFilterShown}\n renderTrigger={renderAddFilterButton}\n />\n );\n }\n return renderAddFilterButton;\n }, [\n uncontrolledAddFilterMode,\n managedHiddenDefinitions.length,\n hiddenFilterItems,\n handleFilterShown,\n renderAddFilterButton,\n ]);\n\n const effectiveOnFilterRemoved = uncontrolledAddFilterMode\n ? handleFilterRemoved\n : onFilterRemoved;\n\n const renderInput = useCallback<RenderFilterInput<FilterDefinitionUnion<Q>>>(\n (\n {\n definition,\n filterKey,\n filterState,\n onFilterStateChanged,\n searchQuery,\n excludeRowOpen,\n },\n ) => (\n <FilterInput\n objectType={objectType}\n objectSet={objectSet}\n definition={definition}\n filterState={filterState}\n onFilterStateChanged={onFilterStateChanged}\n whereClause={perFilterWhereClauses.get(filterKey)\n ?? ({} as WhereClause<Q>)}\n searchQuery={searchQuery}\n excludeRowOpen={excludeRowOpen}\n />\n ),\n [objectType, objectSet, perFilterWhereClauses],\n );\n\n return (\n <BaseFilterList\n title={title}\n titleIcon={titleIcon}\n collapsed={collapsed}\n onCollapsedChange={onCollapsedChange}\n filterDefinitions={effectiveVisibleDefinitions}\n filterStates={filterStates}\n onFilterStateChanged={setFilterState}\n renderInput={renderInput}\n getFilterKey={getFilterKey}\n getFilterLabel={getFilterLabel}\n activeFilterCount={activeFilterCount}\n onReset={handleReset}\n showResetButton={showResetButton}\n showActiveFilterCount={showActiveFilterCount}\n hasVisibilityChanges={hasVisibilityChanges}\n enableSorting={enableSorting}\n onFilterRemoved={effectiveOnFilterRemoved}\n className={className}\n renderAddFilterButton={effectiveRenderAddFilterButton}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n CompileTimeMetadata,\n ObjectSet,\n ObjectTypeDefinition,\n PropertyKeys,\n WirePropertyTypes,\n} from \"@osdk/api\";\nimport type { CustomFilterState } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterState } from \"./types/KeywordSearchTypes.js\";\nimport type {\n HasLinkFilterState,\n LinkedPropertyFilterState,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\nexport type PropertyTypeFromKey<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\n/**\n * All available filter component types\n */\nexport type FilterComponentType =\n | \"LISTOGRAM\"\n | \"DATE_RANGE\"\n | \"NUMBER_RANGE\"\n | \"TEXT_TAGS\"\n | \"CONTAINS_TEXT\"\n | \"SINGLE_SELECT\"\n | \"MULTI_SELECT\"\n | \"SINGLE_DATE\"\n | \"MULTI_DATE\"\n | \"TIMELINE\"\n | \"TOGGLE\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n P extends \"boolean\" ? \"LISTOGRAM\" | \"SINGLE_SELECT\" | \"TOGGLE\"\n : P extends \"string\" ?\n | \"LISTOGRAM\"\n | \"TEXT_TAGS\"\n | \"CONTAINS_TEXT\"\n | \"SINGLE_SELECT\"\n | \"MULTI_SELECT\"\n : P extends \"datetime\" | \"timestamp\"\n ? \"DATE_RANGE\" | \"SINGLE_DATE\" | \"MULTI_DATE\" | \"TIMELINE\"\n : P extends\n | \"double\"\n | \"integer\"\n | \"long\"\n | \"float\"\n | \"short\"\n | \"byte\"\n | \"decimal\" ? \"NUMBER_RANGE\" | \"SINGLE_SELECT\" | \"MULTI_SELECT\"\n : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n | ExactMatchFilterState<string | boolean>\n | DateRangeFilterState\n | ContainsTextFilterState\n | NumberRangeFilterState\n | SelectFilterState<string | boolean | number>\n | SelectFilterState<Date>\n | TimelineFilterState\n | ToggleFilterState\n | HasLinkFilterState\n | LinkedPropertyFilterState\n | KeywordSearchFilterState\n | CustomFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n LISTOGRAM: ExactMatchFilterState<string | boolean>;\n DATE_RANGE: DateRangeFilterState;\n TEXT_TAGS: ExactMatchFilterState<string>;\n CONTAINS_TEXT: ContainsTextFilterState;\n NUMBER_RANGE: NumberRangeFilterState;\n SINGLE_SELECT: SelectFilterState<string | boolean | number>;\n MULTI_SELECT: SelectFilterState<string | boolean | number>;\n SINGLE_DATE: SelectFilterState<Date>;\n MULTI_DATE: SelectFilterState<Date>;\n TIMELINE: TimelineFilterState;\n TOGGLE: ToggleFilterState;\n}\n\n/**\n * All filter state discriminator types\n */\nexport type FilterStateType =\n | \"EXACT_MATCH\"\n | \"DATE_RANGE\"\n | \"NUMBER_RANGE\"\n | \"CONTAINS_TEXT\"\n | \"SELECT\"\n | \"TIMELINE\"\n | \"TOGGLE\"\n | \"hasLink\"\n | \"linkedProperty\"\n | \"keywordSearch\"\n | \"custom\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n /**\n * The type of filter component\n */\n type: FilterStateType;\n\n /**\n * If true, the objects satisfying the filter are excluded\n * @default false\n */\n isExcluding?: boolean;\n\n /**\n * If true, include objects that have no value\n * @default false\n */\n includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<T = string | boolean>\n extends BaseFilterState\n{\n type: \"EXACT_MATCH\";\n values: T[];\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n type: \"DATE_RANGE\";\n /**\n * The earliest date the user can select\n */\n minValue?: Date;\n /**\n * The latest date the user can select\n */\n maxValue?: Date;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n type: \"CONTAINS_TEXT\";\n value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n type: \"NUMBER_RANGE\";\n /**\n * Minimum numeric value (inclusive)\n */\n minValue?: number;\n /**\n * Maximum numeric value (inclusive)\n */\n maxValue?: number;\n}\n\n/**\n * Consolidated state type for select-based filters.\n * Used by SINGLE_SELECT, MULTI_SELECT, SINGLE_DATE, and MULTI_DATE.\n */\nexport interface SelectFilterState<T = string | boolean | number | Date>\n extends BaseFilterState\n{\n type: \"SELECT\";\n selectedValues: T[];\n}\n\nexport interface TimelineFilterState extends BaseFilterState {\n type: \"TIMELINE\";\n startDate?: Date;\n endDate?: Date;\n granularity?: \"day\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n}\n\nexport interface ToggleFilterState extends BaseFilterState {\n type: \"TOGGLE\";\n enabled: boolean;\n}\n\n/**\n * A property filter definition specifies configuration for filtering on a single property\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM or SINGLE_SELECT,\n * while string properties can use LISTOGRAM, TEXT_TAGS, CONTAINS_TEXT, SINGLE_SELECT, or MULTI_SELECT.\n */\nexport interface PropertyFilterDefinition<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q> = PropertyKeys<Q>,\n C extends ValidComponentsForPropertyType<\n PropertyTypeFromKey<Q, K>\n > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> {\n /**\n * Discriminator for filter definition type\n */\n type: \"PROPERTY\";\n\n /**\n * Optional unique identifier for stable keying across filter reorders.\n */\n id?: string;\n\n /**\n * The property key to filter on\n */\n key: K;\n\n /**\n * Display label for the filter\n */\n label?: string;\n\n /**\n * The filter component type to render\n * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n */\n filterComponent: C;\n\n /**\n * The current state of the filter.\n * If provided, the filter is controlled.\n */\n filterState: FilterStateByComponentType[C];\n\n /**\n * Maps filter values to colors for visual differentiation.\n * Used by LISTOGRAM (per-row bar colors).\n */\n colorMap?: Record<string, string>;\n\n /**\n * Configuration for LISTOGRAM display mode.\n * Only applies when filterComponent is \"LISTOGRAM\".\n */\n listogramConfig?: {\n displayMode?: \"full\" | \"count\" | \"minimal\";\n maxVisibleItems?: number;\n };\n\n /**\n * Controls whether this filter is rendered.\n * When false, the filter is hidden but its state is preserved.\n * @default true\n */\n isVisible?: boolean;\n}\n\n/**\n * Props for a single filter list item component.\n * Extends PropertyFilterDefinition with runtime props for rendering.\n */\nexport interface FilterListItemProps<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q> = PropertyKeys<Q>,\n C extends ValidComponentsForPropertyType<\n PropertyTypeFromKey<Q, K>\n > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends PropertyFilterDefinition<Q, K, C> {\n objectSet: ObjectSet<Q>;\n\n /**\n * Called when the state of the filter changes.\n * Required in controlled mode.\n */\n onFilterStateChanged: (state: FilterStateByComponentType[C]) => void;\n\n onFilterRemoved?: (key: PropertyKeys<Q>) => void;\n}\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n CompileTimeMetadata,\n ObjectSet,\n ObjectTypeDefinition,\n PropertyKeys,\n WirePropertyTypes,\n} from \"@osdk/api\";\nimport type { CustomFilterState } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterState } from \"./types/KeywordSearchTypes.js\";\nimport type {\n HasLinkFilterState,\n LinkedPropertyFilterState,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\nexport type PropertyTypeFromKey<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\n/**\n * All available filter component types\n */\nexport type FilterComponentType =\n | \"LISTOGRAM\"\n | \"DATE_RANGE\"\n | \"NUMBER_RANGE\"\n | \"TEXT_TAGS\"\n | \"CONTAINS_TEXT\"\n | \"SINGLE_SELECT\"\n | \"MULTI_SELECT\"\n | \"SINGLE_DATE\"\n | \"MULTI_DATE\"\n | \"TIMELINE\"\n | \"TOGGLE\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n P extends \"boolean\" ? \"LISTOGRAM\" | \"SINGLE_SELECT\" | \"TOGGLE\"\n : P extends \"string\" ?\n | \"LISTOGRAM\"\n | \"TEXT_TAGS\"\n | \"CONTAINS_TEXT\"\n | \"SINGLE_SELECT\"\n | \"MULTI_SELECT\"\n : P extends \"datetime\" | \"timestamp\"\n ? \"DATE_RANGE\" | \"SINGLE_DATE\" | \"MULTI_DATE\" | \"TIMELINE\"\n : P extends\n | \"double\"\n | \"integer\"\n | \"long\"\n | \"float\"\n | \"short\"\n | \"byte\"\n | \"decimal\" ? \"NUMBER_RANGE\" | \"SINGLE_SELECT\" | \"MULTI_SELECT\"\n : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n | ExactMatchFilterState<string | boolean>\n | DateRangeFilterState\n | ContainsTextFilterState\n | NumberRangeFilterState\n | SelectFilterState<string | boolean | number>\n | SelectFilterState<Date>\n | TimelineFilterState\n | ToggleFilterState\n | HasLinkFilterState\n | LinkedPropertyFilterState\n | KeywordSearchFilterState\n | CustomFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n LISTOGRAM: ExactMatchFilterState<string | boolean>;\n DATE_RANGE: DateRangeFilterState;\n TEXT_TAGS: ExactMatchFilterState<string>;\n CONTAINS_TEXT: ContainsTextFilterState;\n NUMBER_RANGE: NumberRangeFilterState;\n SINGLE_SELECT: SelectFilterState<string | boolean | number>;\n MULTI_SELECT: SelectFilterState<string | boolean | number>;\n SINGLE_DATE: SelectFilterState<Date>;\n MULTI_DATE: SelectFilterState<Date>;\n TIMELINE: TimelineFilterState;\n TOGGLE: ToggleFilterState;\n}\n\n/**\n * All filter state discriminator types\n */\nexport type FilterStateType =\n | \"EXACT_MATCH\"\n | \"DATE_RANGE\"\n | \"NUMBER_RANGE\"\n | \"CONTAINS_TEXT\"\n | \"SELECT\"\n | \"TIMELINE\"\n | \"TOGGLE\"\n | \"hasLink\"\n | \"linkedProperty\"\n | \"keywordSearch\"\n | \"custom\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n /**\n * The type of filter component\n */\n type: FilterStateType;\n\n /**\n * If true, the objects satisfying the filter are excluded\n * @default false\n */\n isExcluding?: boolean;\n\n /**\n * If true, include objects that have no value\n * @default false\n */\n includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<T = string | boolean>\n extends BaseFilterState\n{\n type: \"EXACT_MATCH\";\n values: T[];\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n type: \"DATE_RANGE\";\n /**\n * The earliest date the user can select\n */\n minValue?: Date;\n /**\n * The latest date the user can select\n */\n maxValue?: Date;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n type: \"CONTAINS_TEXT\";\n value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n type: \"NUMBER_RANGE\";\n /**\n * Minimum numeric value (inclusive)\n */\n minValue?: number;\n /**\n * Maximum numeric value (inclusive)\n */\n maxValue?: number;\n}\n\n/**\n * Consolidated state type for select-based filters.\n * Used by SINGLE_SELECT, MULTI_SELECT, SINGLE_DATE, and MULTI_DATE.\n */\nexport interface SelectFilterState<T = string | boolean | number | Date>\n extends BaseFilterState\n{\n type: \"SELECT\";\n selectedValues: T[];\n}\n\nexport interface TimelineFilterState extends BaseFilterState {\n type: \"TIMELINE\";\n startDate?: Date;\n endDate?: Date;\n granularity?: \"day\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n}\n\nexport interface ToggleFilterState extends BaseFilterState {\n type: \"TOGGLE\";\n enabled: boolean;\n}\n\n/**\n * A property filter definition specifies configuration for filtering on a single property\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM or SINGLE_SELECT,\n * while string properties can use LISTOGRAM, TEXT_TAGS, CONTAINS_TEXT, SINGLE_SELECT, or MULTI_SELECT.\n */\nexport interface PropertyFilterDefinition<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q> = PropertyKeys<Q>,\n C extends ValidComponentsForPropertyType<\n PropertyTypeFromKey<Q, K>\n > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> {\n /**\n * Discriminator for filter definition type\n */\n type: \"PROPERTY\";\n\n /**\n * Optional unique identifier for stable keying across filter reorders.\n */\n id?: string;\n\n /**\n * The property key to filter on\n */\n key: K;\n\n /**\n * Display label for the filter\n */\n label?: string;\n\n /**\n * The filter component type to render\n * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n */\n filterComponent: C;\n\n /**\n * The current state of the filter.\n * If provided, the filter is controlled.\n */\n filterState: FilterStateByComponentType[C];\n\n /**\n * Maps filter values to colors for visual differentiation.\n * Used by LISTOGRAM (per-row bar colors).\n */\n colorMap?: Record<string, string>;\n\n /**\n * Configuration for LISTOGRAM display mode.\n * Only applies when filterComponent is \"LISTOGRAM\".\n */\n listogramConfig?: {\n displayMode?: \"full\" | \"count\" | \"minimal\";\n /**\n * Number of items shown before \"View all\" link appears\n * @default 5\n */\n maxVisibleItems?: number;\n };\n\n /**\n * Controls whether this filter is rendered.\n * When false, the filter is hidden but its state is preserved.\n * @default true\n */\n isVisible?: boolean;\n}\n\n/**\n * Props for a single filter list item component.\n * Extends PropertyFilterDefinition with runtime props for rendering.\n */\nexport interface FilterListItemProps<\n Q extends ObjectTypeDefinition,\n K extends PropertyKeys<Q> = PropertyKeys<Q>,\n C extends ValidComponentsForPropertyType<\n PropertyTypeFromKey<Q, K>\n > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends PropertyFilterDefinition<Q, K, C> {\n objectSet: ObjectSet<Q>;\n\n /**\n * Called when the state of the filter changes.\n * Required in controlled mode.\n */\n onFilterStateChanged: (state: FilterStateByComponentType[C]) => void;\n\n onFilterRemoved?: (key: PropertyKeys<Q>) => void;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -14,33 +14,22 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
import {
|
|
18
|
-
import
|
|
17
|
+
import React, { memo } from "react";
|
|
18
|
+
import { SearchableMenu } from "../../base-components/searchable-menu/SearchableMenu.js";
|
|
19
19
|
import styles from "./AddFilterPopover.module.css.js";
|
|
20
20
|
function AddFilterPopoverInner({
|
|
21
21
|
hiddenDefinitions,
|
|
22
22
|
onShowFilter,
|
|
23
23
|
renderTrigger
|
|
24
24
|
}) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}, renderTrigger != null ? renderTrigger() : "+ Add filter"), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
|
|
34
|
-
className: styles.positioner,
|
|
35
|
-
sideOffset: 4
|
|
36
|
-
}, /*#__PURE__*/React.createElement(Menu.Popup, {
|
|
37
|
-
className: styles.popup
|
|
38
|
-
}, hiddenDefinitions.map(item => /*#__PURE__*/React.createElement(Menu.Item, {
|
|
39
|
-
key: item.key,
|
|
40
|
-
className: styles.menuItem,
|
|
41
|
-
"data-key": item.key,
|
|
42
|
-
onClick: handleItemClick
|
|
43
|
-
}, item.label))))));
|
|
25
|
+
return /*#__PURE__*/React.createElement(SearchableMenu, {
|
|
26
|
+
items: hiddenDefinitions,
|
|
27
|
+
onItemSelected: onShowFilter,
|
|
28
|
+
trigger: renderTrigger != null ? renderTrigger() : "+ Add filter",
|
|
29
|
+
triggerClassName: renderTrigger == null ? styles.trigger : undefined,
|
|
30
|
+
searchPlaceholder: "Search filters",
|
|
31
|
+
emptyMessage: "No matching filters"
|
|
32
|
+
});
|
|
44
33
|
}
|
|
45
34
|
export const AddFilterPopover = /*#__PURE__*/memo(AddFilterPopoverInner);
|
|
46
35
|
//# sourceMappingURL=AddFilterPopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddFilterPopover.js","names":["
|
|
1
|
+
{"version":3,"file":"AddFilterPopover.js","names":["React","memo","SearchableMenu","styles","AddFilterPopoverInner","hiddenDefinitions","onShowFilter","renderTrigger","createElement","items","onItemSelected","trigger","triggerClassName","undefined","searchPlaceholder","emptyMessage","AddFilterPopover"],"sources":["AddFilterPopover.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { SearchableMenu } from \"../../base-components/searchable-menu/SearchableMenu.js\";\nimport styles from \"./AddFilterPopover.module.css\";\n\ninterface HiddenFilterItem {\n key: string;\n label: string;\n}\n\ninterface AddFilterPopoverProps {\n hiddenDefinitions: Array<HiddenFilterItem>;\n onShowFilter: (key: string) => void;\n renderTrigger?: () => React.ReactNode;\n}\n\nfunction AddFilterPopoverInner({\n hiddenDefinitions,\n onShowFilter,\n renderTrigger,\n}: AddFilterPopoverProps): React.ReactElement {\n return (\n <SearchableMenu\n items={hiddenDefinitions}\n onItemSelected={onShowFilter}\n trigger={renderTrigger != null ? renderTrigger() : \"+ Add filter\"}\n triggerClassName={renderTrigger == null ? styles.trigger : undefined}\n searchPlaceholder=\"Search filters\"\n emptyMessage=\"No matching filters\"\n />\n );\n}\n\nexport const AddFilterPopover: React.MemoExoticComponent<\n typeof AddFilterPopoverInner\n> = memo(AddFilterPopoverInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,cAAc,QAAQ,yDAAyD;AACxF,OAAOC,MAAM,MAAM,+BAA+B;AAalD,SAASC,qBAAqBA,CAAC;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC;AACqB,CAAC,EAAsB;EAC5C,oBACEP,KAAA,CAAAQ,aAAA,CAACN,cAAc;IACbO,KAAK,EAAEJ,iBAAkB;IACzBK,cAAc,EAAEJ,YAAa;IAC7BK,OAAO,EAAEJ,aAAa,IAAI,IAAI,GAAGA,aAAa,CAAC,CAAC,GAAG,cAAe;IAClEK,gBAAgB,EAAEL,aAAa,IAAI,IAAI,GAAGJ,MAAM,CAACQ,OAAO,GAAGE,SAAU;IACrEC,iBAAiB,EAAC,gBAAgB;IAClCC,YAAY,EAAC;EAAqB,CACnC,CAAC;AAEN;AAEA,OAAO,MAAMC,gBAEZ,gBAAGf,IAAI,CAACG,qBAAqB,CAAC","ignoreList":[]}
|
|
@@ -15,13 +15,17 @@
|
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
.trigger {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
18
21
|
font-family: var(--osdk-filter-header-font-family);
|
|
19
22
|
font-size: var(--osdk-filter-header-reset-font-size);
|
|
20
|
-
color: var(--osdk-
|
|
23
|
+
color: var(--osdk-typography-color-default-rest);
|
|
21
24
|
background: var(--osdk-filter-header-button-bg);
|
|
22
|
-
border:
|
|
25
|
+
border: var(--osdk-filter-list-addButton-border);
|
|
23
26
|
cursor: pointer;
|
|
24
27
|
padding: var(--osdk-filter-header-reset-padding);
|
|
28
|
+
min-height: var(--osdk-filter-list-addButton-height);
|
|
25
29
|
border-radius: var(--osdk-filter-header-button-border-radius);
|
|
26
30
|
transition: background-color var(--osdk-filter-header-button-transition);
|
|
27
31
|
width: 100%;
|
|
@@ -43,41 +47,3 @@
|
|
|
43
47
|
transition: none;
|
|
44
48
|
}
|
|
45
49
|
}
|
|
46
|
-
|
|
47
|
-
.positioner {
|
|
48
|
-
z-index: var(--osdk-surface-z-index-3);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.popup {
|
|
52
|
-
background: var(--osdk-filter-item-menu-bg);
|
|
53
|
-
border: var(--osdk-filter-item-menu-border);
|
|
54
|
-
border-radius: var(--osdk-filter-item-menu-border-radius);
|
|
55
|
-
box-shadow: var(--osdk-filter-item-menu-shadow);
|
|
56
|
-
padding: var(--osdk-filter-item-menu-padding);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.menuItem {
|
|
60
|
-
display: flex;
|
|
61
|
-
align-items: center;
|
|
62
|
-
gap: var(--osdk-surface-spacing);
|
|
63
|
-
padding: var(--osdk-filter-item-menu-item-padding);
|
|
64
|
-
font-family: var(--osdk-filter-item-menu-item-font-family);
|
|
65
|
-
font-size: var(--osdk-filter-item-menu-item-font-size);
|
|
66
|
-
color: var(--osdk-filter-item-menu-item-color);
|
|
67
|
-
border-radius: var(--osdk-filter-item-menu-item-border-radius);
|
|
68
|
-
cursor: pointer;
|
|
69
|
-
border: none;
|
|
70
|
-
background: transparent;
|
|
71
|
-
width: 100%;
|
|
72
|
-
text-align: left;
|
|
73
|
-
|
|
74
|
-
&:hover,
|
|
75
|
-
&[data-highlighted] {
|
|
76
|
-
background: var(--osdk-filter-item-menu-item-bg-hover);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
&:focus-visible {
|
|
80
|
-
outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
|
|
81
|
-
outline-offset: var(--osdk-filter-input-focus-outline-offset);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
// CSS Module proxy for AddFilterPopover.module.css
|
|
2
2
|
const styles = {
|
|
3
|
-
"trigger": "AddFilterPopover-module__trigger___8QQBrzPo"
|
|
4
|
-
"positioner": "AddFilterPopover-module__positioner___MFZMOf20",
|
|
5
|
-
"popup": "AddFilterPopover-module__popup___cTyrSSbA",
|
|
6
|
-
"menuItem": "AddFilterPopover-module__menuItem___S3aohc64"
|
|
3
|
+
"trigger": "AddFilterPopover-module__trigger___8QQBrzPo"
|
|
7
4
|
};
|
|
8
5
|
|
|
9
6
|
export default styles;
|
|
@@ -72,7 +72,9 @@ export function BaseFilterList(props) {
|
|
|
72
72
|
showActiveFilterCount: showActiveFilterCount,
|
|
73
73
|
activeFilterCount: activeFilterCount,
|
|
74
74
|
hasVisibilityChanges: hasVisibilityChanges
|
|
75
|
-
}), /*#__PURE__*/React.createElement(
|
|
75
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
76
|
+
className: styles.scrollableContent
|
|
77
|
+
}, /*#__PURE__*/React.createElement(FilterListContent, {
|
|
76
78
|
filterDefinitions: filterDefinitions,
|
|
77
79
|
filterStates: filterStates,
|
|
78
80
|
onFilterStateChanged: onFilterStateChanged,
|
|
@@ -81,7 +83,7 @@ export function BaseFilterList(props) {
|
|
|
81
83
|
getFilterKey: getFilterKey,
|
|
82
84
|
getFilterLabel: getFilterLabel,
|
|
83
85
|
enableSorting: enableSorting
|
|
84
|
-
}), (renderAddFilterButton != null || onFilterAdded != null) && /*#__PURE__*/React.createElement("div", {
|
|
86
|
+
})), (renderAddFilterButton != null || onFilterAdded != null) && /*#__PURE__*/React.createElement("div", {
|
|
85
87
|
className: styles.addButtonContainer
|
|
86
88
|
}, renderAddFilterButton ? renderAddFilterButton() : /*#__PURE__*/React.createElement(Button, {
|
|
87
89
|
type: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { useCallback } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D>(\n props: BaseFilterListProps<D>,\n): React.ReactElement {\n const {\n title,\n titleIcon,\n collapsed = false,\n onCollapsedChange,\n filterDefinitions,\n filterStates,\n onFilterStateChanged,\n renderInput,\n getFilterKey,\n getFilterLabel,\n activeFilterCount,\n onReset,\n onFilterAdded,\n onFilterRemoved,\n showResetButton = false,\n showActiveFilterCount = false,\n hasVisibilityChanges,\n enableSorting,\n className,\n renderAddFilterButton,\n } = props;\n\n const showHeader = title || titleIcon || showResetButton\n || showActiveFilterCount || onCollapsedChange;\n\n const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n const handleExpand = useCallback(() => {\n onCollapsedChange?.(false);\n }, [onCollapsedChange]);\n\n const isCollapsed = collapsed && onCollapsedChange != null;\n\n return (\n <div className={classnames(styles.filterList, className)}>\n {isCollapsed && (\n <div\n className={styles.filterListCollapsed}\n data-collapsed=\"true\"\n >\n <Button\n className={styles.expandButton}\n onClick={handleExpand}\n aria-label=\"Expand filters\"\n >\n <ExpandIcon />\n </Button>\n <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n </div>\n )}\n <div\n className={classnames(\n styles.expandedContent,\n isCollapsed && styles.hiddenContent,\n )}\n data-active-count={activeFilterCount}\n >\n {showHeader && (\n <FilterListHeader\n title={title}\n titleIcon={titleIcon}\n collapsed={collapsed}\n onCollapsedChange={onCollapsedChange}\n showResetButton={showResetButton}\n onReset={onReset}\n showActiveFilterCount={showActiveFilterCount}\n activeFilterCount={activeFilterCount}\n hasVisibilityChanges={hasVisibilityChanges}\n />\n )}\n\n <FilterListContent\n
|
|
1
|
+
{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","scrollableContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { useCallback } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D>(\n props: BaseFilterListProps<D>,\n): React.ReactElement {\n const {\n title,\n titleIcon,\n collapsed = false,\n onCollapsedChange,\n filterDefinitions,\n filterStates,\n onFilterStateChanged,\n renderInput,\n getFilterKey,\n getFilterLabel,\n activeFilterCount,\n onReset,\n onFilterAdded,\n onFilterRemoved,\n showResetButton = false,\n showActiveFilterCount = false,\n hasVisibilityChanges,\n enableSorting,\n className,\n renderAddFilterButton,\n } = props;\n\n const showHeader = title || titleIcon || showResetButton\n || showActiveFilterCount || onCollapsedChange;\n\n const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n const handleExpand = useCallback(() => {\n onCollapsedChange?.(false);\n }, [onCollapsedChange]);\n\n const isCollapsed = collapsed && onCollapsedChange != null;\n\n return (\n <div className={classnames(styles.filterList, className)}>\n {isCollapsed && (\n <div\n className={styles.filterListCollapsed}\n data-collapsed=\"true\"\n >\n <Button\n className={styles.expandButton}\n onClick={handleExpand}\n aria-label=\"Expand filters\"\n >\n <ExpandIcon />\n </Button>\n <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n </div>\n )}\n <div\n className={classnames(\n styles.expandedContent,\n isCollapsed && styles.hiddenContent,\n )}\n data-active-count={activeFilterCount}\n >\n {showHeader && (\n <FilterListHeader\n title={title}\n titleIcon={titleIcon}\n collapsed={collapsed}\n onCollapsedChange={onCollapsedChange}\n showResetButton={showResetButton}\n onReset={onReset}\n showActiveFilterCount={showActiveFilterCount}\n activeFilterCount={activeFilterCount}\n hasVisibilityChanges={hasVisibilityChanges}\n />\n )}\n\n <div className={styles.scrollableContent}>\n <FilterListContent\n filterDefinitions={filterDefinitions}\n filterStates={filterStates}\n onFilterStateChanged={onFilterStateChanged}\n onFilterRemoved={onFilterRemoved}\n renderInput={renderInput}\n getFilterKey={getFilterKey}\n getFilterLabel={getFilterLabel}\n enableSorting={enableSorting}\n />\n </div>\n\n {showAddButton && (\n <div className={styles.addButtonContainer}>\n {renderAddFilterButton\n ? renderAddFilterButton()\n : (\n <Button\n type=\"button\"\n className={styles.addButton}\n onClick={onFilterAdded}\n >\n + Add filter\n </Button>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,17 +28,18 @@
|
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
font-family: var(--osdk-filter-item-exclude-dropdown-font-family);
|
|
30
30
|
font-size: var(--osdk-filter-item-exclude-dropdown-font-size);
|
|
31
|
-
color: var(--osdk-filter-item-exclude-dropdown-color);
|
|
32
|
-
padding: calc(var(--osdk-surface-spacing) *
|
|
31
|
+
color: var(--osdk-filter-item-exclude-dropdown-trigger-color);
|
|
32
|
+
padding: calc(var(--osdk-surface-spacing) * 1)
|
|
33
33
|
calc(var(--osdk-surface-spacing) * 1);
|
|
34
|
-
border-radius: var(--osdk-filter-item-
|
|
34
|
+
border-radius: var(--osdk-filter-item-exclude-dropdown-trigger-border-radius);
|
|
35
35
|
|
|
36
36
|
&:hover {
|
|
37
37
|
background: var(--osdk-filter-item-header-action-bg-hover);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
&:focus-visible {
|
|
41
|
-
outline: var(--osdk-filter-input-focus-outline-width) solid
|
|
41
|
+
outline: var(--osdk-filter-input-focus-outline-width) solid
|
|
42
|
+
var(--osdk-filter-input-focus-outline-color);
|
|
42
43
|
outline-offset: var(--osdk-filter-input-focus-outline-offset);
|
|
43
44
|
}
|
|
44
45
|
}
|
|
@@ -81,7 +82,8 @@
|
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
&:focus-visible {
|
|
84
|
-
outline: var(--osdk-filter-input-focus-outline-width) solid
|
|
85
|
+
outline: var(--osdk-filter-input-focus-outline-width) solid
|
|
86
|
+
var(--osdk-filter-input-focus-outline-color);
|
|
85
87
|
outline-offset: var(--osdk-filter-input-focus-outline-offset);
|
|
86
88
|
}
|
|
87
89
|
}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
import { ChevronDown, Cross, Disable, DoubleChevronLeft, DoubleChevronRight, More, Search, Tick
|
|
17
|
+
import { ChevronDown, Cross, Disable, DoubleChevronLeft, DoubleChevronRight, More, Reset, Search, Tick } from "@blueprintjs/icons";
|
|
18
18
|
import React from "react";
|
|
19
19
|
export function RemoveIcon() {
|
|
20
20
|
return /*#__PURE__*/React.createElement(Cross, {
|
|
@@ -47,8 +47,8 @@ export function ExpandIcon() {
|
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
export function ResetIcon() {
|
|
50
|
-
return /*#__PURE__*/React.createElement(
|
|
51
|
-
size:
|
|
50
|
+
return /*#__PURE__*/React.createElement(Reset, {
|
|
51
|
+
size: 12
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
export function CheckIcon() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","Disable","DoubleChevronLeft","DoubleChevronRight","More","
|
|
1
|
+
{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","Disable","DoubleChevronLeft","DoubleChevronRight","More","Reset","Search","Tick","React","RemoveIcon","createElement","size","SearchIcon","OverflowMenuIcon","ChevronDownIcon","CollapseIcon","ExpandIcon","ResetIcon","CheckIcon","ExcludeIcon","color"],"sources":["FilterIcons.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n ChevronDown,\n Cross,\n Disable,\n DoubleChevronLeft,\n DoubleChevronRight,\n More,\n Reset,\n Search,\n Tick,\n} from \"@blueprintjs/icons\";\nimport React from \"react\";\n\nexport function RemoveIcon(): React.ReactElement {\n return <Cross size={14} />;\n}\n\nexport function SearchIcon(): React.ReactElement {\n return <Search size={14} />;\n}\n\nexport function OverflowMenuIcon(): React.ReactElement {\n return <More size={14} />;\n}\n\nexport function ChevronDownIcon(): React.ReactElement {\n return <ChevronDown size={10} />;\n}\n\nexport function CollapseIcon(): React.ReactElement {\n return <DoubleChevronLeft size={14} />;\n}\n\nexport function ExpandIcon(): React.ReactElement {\n return <DoubleChevronRight size={14} />;\n}\n\nexport function ResetIcon(): React.ReactElement {\n return <Reset size={12} />;\n}\n\nexport function CheckIcon(): React.ReactElement {\n return <Tick size={12} />;\n}\n\nexport function ExcludeIcon(): React.ReactElement {\n return <Disable color=\"currentColor\" size={12} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,kBAAkB,EAClBC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,IAAI,QACC,oBAAoB;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOD,KAAA,CAAAE,aAAA,CAACV,KAAK;IAACW,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOJ,KAAA,CAAAE,aAAA,CAACJ,MAAM;IAACK,IAAI,EAAE;EAAG,CAAE,CAAC;AAC7B;AAEA,OAAO,SAASE,gBAAgBA,CAAA,EAAuB;EACrD,oBAAOL,KAAA,CAAAE,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASG,eAAeA,CAAA,EAAuB;EACpD,oBAAON,KAAA,CAAAE,aAAA,CAACX,WAAW;IAACY,IAAI,EAAE;EAAG,CAAE,CAAC;AAClC;AAEA,OAAO,SAASI,YAAYA,CAAA,EAAuB;EACjD,oBAAOP,KAAA,CAAAE,aAAA,CAACR,iBAAiB;IAACS,IAAI,EAAE;EAAG,CAAE,CAAC;AACxC;AAEA,OAAO,SAASK,UAAUA,CAAA,EAAuB;EAC/C,oBAAOR,KAAA,CAAAE,aAAA,CAACP,kBAAkB;IAACQ,IAAI,EAAE;EAAG,CAAE,CAAC;AACzC;AAEA,OAAO,SAASM,SAASA,CAAA,EAAuB;EAC9C,oBAAOT,KAAA,CAAAE,aAAA,CAACL,KAAK;IAACM,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASO,SAASA,CAAA,EAAuB;EAC9C,oBAAOV,KAAA,CAAAE,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASQ,WAAWA,CAAA,EAAuB;EAChD,oBAAOX,KAAA,CAAAE,aAAA,CAACT,OAAO;IAACmB,KAAK,EAAC,cAAc;IAACT,IAAI,EAAE;EAAG,CAAE,CAAC;AACnD","ignoreList":[]}
|