@okta/odyssey-react-mui 1.6.20 → 1.6.21

package/dist/labs/DataFilters.js

@@ -0,0 +1,366 @@
+import _Popover from "@mui/material/Popover";
+import _IconButton from "@mui/material/IconButton";
+import _Menu from "@mui/material/Menu";
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Autocomplete } from "../Autocomplete.js";
+import { Box } from "../Box.js";
+import { TagList } from "../TagList.js";
+import { Tag } from "../Tag.js";
+import { SearchField } from "../SearchField.js";
+import { Button } from "../Button.js";
+import { CheckIcon, ChevronRightIcon, CloseCircleFilledIcon, FilterIcon } from "../icons.generated/index.js";
+import { MenuItem } from "../MenuItem.js";
+import { Paragraph, Subordinate } from "../Typography.js";
+import { TextField } from "../TextField.js";
+import { CheckboxGroup } from "../CheckboxGroup.js";
+import { Checkbox } from "../Checkbox.js";
+import { RadioGroup } from "../RadioGroup.js";
+import { Radio } from "../Radio.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const DataFilters = _ref => {
+  let {
+    onChangeSearch,
+    onChangeFilters,
+    hasSearchSubmitButton = false,
+    searchDelayTime = 200,
+    defaultSearchTerm = "",
+    additionalActions,
+    filters: filtersProp = []
+  } = _ref;
+  const [filters, setFilters] = useState(filtersProp);
+  const initialInputValues = useMemo(() => {
+    return filtersProp.reduce((accumulator, filter) => {
+      accumulator[filter.id] = filter.value;
+      return accumulator;
+    }, {});
+  }, [filtersProp]);
+  const [inputValues, setInputValues] = useState(initialInputValues);
+  const [searchValue, setSearchValue] = useState(defaultSearchTerm);
+  const activeFilters = useMemo(() => {
+    return filters.filter(filter => typeof filter.value === "string" && filter.value);
+  }, [filters]);
+  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState(false);
+  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState();
+  const [isFilterPopoverOpen, setIsFilterPopoverOpen] = useState(false);
+  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState();
+  const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState();
+  const menuRef = useRef();
+  useEffect(() => {
+    onChangeFilters?.(filters);
+  }, [filters, onChangeFilters]);
+  const debouncer = useRef(undefined);
+  useEffect(() => {
+    if (!hasSearchSubmitButton) {
+      if (debouncer.current) {
+        clearTimeout(debouncer.current);
+      }
+      debouncer.current = setTimeout(() => {
+        onChangeSearch?.(searchValue ?? "");
+      }, searchDelayTime);
+    }
+  }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);
+  const handleInputChange = useCallback(function (filterId, value) {
+    let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    setInputValues({
+      ...inputValues,
+      [filterId]: value
+    });
+    if (submit) {
+      const updatedFilters = filtersProp.map(filter => ({
+        ...filter,
+        value: filter.id === filterId ? value : inputValues[filter.id]
+      }));
+      setFilters(updatedFilters);
+    }
+  }, [inputValues, filtersProp]);
+  const handleMultiSelectChange = useCallback(function (filterId, value) {
+    let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    const startingValues = filtersProp.find(filter => filter.id === filterId)?.options?.map(option => option.value);
+    const currentValues = inputValues[filterId] ?? startingValues;
+    const updatedValues = currentValues.includes(value) ? currentValues.filter(item => item !== value) : [...currentValues, value];
+    const valuesToSave = updatedValues.sort().join() === startingValues?.sort().join() ? undefined : updatedValues;
+    setInputValues({
+      ...inputValues,
+      [filterId]: valuesToSave
+    });
+    if (submit) {
+      const updatedFilters = filtersProp.map(filter => ({
+        ...filter,
+        value: filter.id === filterId ? valuesToSave : inputValues[filter.id]
+      }));
+      setFilters(updatedFilters);
+    }
+  }, [inputValues, filtersProp]);
+  const clearAllFilters = useCallback(() => {
+    const updatedInputValues = filtersProp.reduce((accumulator, filter) => {
+      accumulator[filter.id] = undefined;
+      return accumulator;
+    }, {});
+    setInputValues(updatedInputValues);
+    const updatedFilters = filtersProp.map(filter => ({
+      ...filter,
+      value: undefined
+    }));
+    setFilters(updatedFilters);
+  }, [filtersProp]);
+  const handleFilterSubmit = useCallback(() => {
+    const updatedFilters = filtersProp.map(filter => ({
+      ...filter,
+      value: inputValues[filter.id]
+    }));
+    setFilters(updatedFilters);
+  }, [inputValues, filtersProp]);
+  const filterMenu = useMemo(() => _jsxs(_Fragment, {
+    children: [_jsx(Box, {
+      children: _jsx(Button, {
+        "aria-controls": isFiltersMenuOpen ? "filters-menu" : undefined,
+        "aria-expanded": isFiltersMenuOpen ? "true" : undefined,
+        "aria-haspopup": "true",
+        ariaLabel: "Filters",
+        endIcon: _jsx(FilterIcon, {}),
+        onClick: event => {
+          setFiltersMenuAnchorElement(event.currentTarget);
+          setIsFiltersMenuOpen(true);
+        },
+        variant: "secondary"
+      })
+    }), _jsx(_Menu, {
+      anchorOrigin: {
+        horizontal: "left",
+        vertical: "bottom"
+      },
+      transformOrigin: {
+        horizontal: "left",
+        vertical: "top"
+      },
+      id: "filters-menu",
+      anchorEl: filtersMenuAnchorElement,
+      onClose: () => setIsFiltersMenuOpen(false),
+      open: isFiltersMenuOpen,
+      PaperProps: {
+        ref: menuRef
+      },
+      children: filtersProp.map(filter => {
+        const latestFilterValue = filters.find(f => f.id === filter.id)?.value;
+        return _jsx(MenuItem, {
+          onClick: event => {
+            setIsFilterPopoverOpen(true);
+            setFilterPopoverAnchorElement(event.currentTarget);
+            setFilterPopoverCurrentFilter(filter);
+          },
+          children: _jsxs(Box, {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              width: "100%",
+              minWidth: 180
+            },
+            children: [_jsxs(Box, {
+              sx: {
+                marginRight: 2
+              },
+              children: [_jsx(Paragraph, {
+                component: "div",
+                children: filter.label
+              }), _jsx(Subordinate, {
+                component: "div",
+                children: !latestFilterValue || Array.isArray(latestFilterValue) && latestFilterValue.length === 0 ? `Any ${filter.label.toLowerCase()}` : Array.isArray(latestFilterValue) ? `${latestFilterValue.length} selected` : latestFilterValue
+              })]
+            }), _jsx(ChevronRightIcon, {})]
+          })
+        }, filter.id);
+      })
+    })]
+  }), [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters]);
+  return _jsxs(Box, {
+    children: [_jsxs(Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "space-between"
+      },
+      children: [_jsxs(Box, {
+        sx: {
+          display: "flex",
+          gap: 2,
+          width: "50%",
+          maxWidth: 480
+        },
+        children: [filters.length > 0 && _jsxs(_Fragment, {
+          children: [filterMenu, _jsx(_Popover, {
+            anchorEl: filterPopoverAnchorElement,
+            open: isFilterPopoverOpen,
+            anchorOrigin: {
+              vertical: "top",
+              horizontal: "right"
+            },
+            onClose: ev => {
+              if (menuRef.current) {
+                const menuRect = menuRef.current.getBoundingClientRect();
+                const clickInsideMenu = ev.clientX >= menuRect.left && ev.clientX <= menuRect.right && ev.clientY >= menuRect.top && ev.clientY <= menuRect.bottom;
+                if (!clickInsideMenu) {
+                  setIsFiltersMenuOpen(false);
+                }
+              }
+              setIsFilterPopoverOpen(false);
+            },
+            children: _jsx(Box, {
+              sx: {
+                padding: 4,
+                minWidth: 320
+              },
+              children: _jsxs("form", {
+                onSubmit: ev => {
+                  ev.preventDefault();
+                  handleFilterSubmit();
+                  setIsFilterPopoverOpen(false);
+                  setIsFiltersMenuOpen(false);
+                },
+                children: [filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options && _jsx(Autocomplete, {
+                  label: filterPopoverCurrentFilter.label,
+                  value: inputValues[filterPopoverCurrentFilter.id] ?? "",
+                  onBlur: function ro() {},
+                  onChange: function ro() {},
+                  onFocus: function ro() {},
+                  onInputChange: function ro() {},
+                  options: filterPopoverCurrentFilter.options.map(option => ({
+                    label: option.label
+                  }))
+                }), (filterPopoverCurrentFilter?.variant === "text" || filterPopoverCurrentFilter?.variant === "range") && _jsxs(Box, {
+                  sx: {
+                    display: "flex",
+                    gap: 2,
+                    alignItems: "flex-end"
+                  },
+                  children: [_jsx(Box, {
+                    sx: {
+                      width: "100%"
+                    },
+                    children: _jsx(TextField, {
+                      hasInitialFocus: true,
+                      label: filterPopoverCurrentFilter.label,
+                      type: filterPopoverCurrentFilter.variant === "range" ? "number" : "text",
+                      value: inputValues[filterPopoverCurrentFilter.id] ?? "",
+                      onChange: ev => handleInputChange(filterPopoverCurrentFilter.id, ev.currentTarget.value),
+                      endAdornment: inputValues[filterPopoverCurrentFilter.id] && _jsx(_IconButton, {
+                        size: "small",
+                        "aria-label": "Clear filter",
+                        onClick: () => {
+                          handleInputChange(filterPopoverCurrentFilter.id, undefined, true);
+                        },
+                        children: _jsx(CloseCircleFilledIcon, {})
+                      })
+                    })
+                  }), _jsx(Button, {
+                    variant: "primary",
+                    endIcon: _jsx(CheckIcon, {}),
+                    type: "submit"
+                  })]
+                }), filterPopoverCurrentFilter?.variant === "multi-select" && filterPopoverCurrentFilter?.options && _jsx(CheckboxGroup, {
+                  label: filterPopoverCurrentFilter.label,
+                  isRequired: true,
+                  children: filterPopoverCurrentFilter.options.map(option => _jsx(Checkbox, {
+                    label: option.label,
+                    value: option.value,
+                    isDefaultChecked: inputValues[filterPopoverCurrentFilter.id]?.includes(option.value) || inputValues[filterPopoverCurrentFilter.id] === undefined,
+                    onChange: () => handleMultiSelectChange(filterPopoverCurrentFilter.id, option.value, true)
+                  }, option.value))
+                }), filterPopoverCurrentFilter?.variant === "select" && filterPopoverCurrentFilter?.options && _jsxs(RadioGroup, {
+                  label: filterPopoverCurrentFilter.label,
+                  onChange: (_, value) => handleInputChange(filterPopoverCurrentFilter.id, value, true),
+                  children: [_jsx(Radio, {
+                    label: "Any",
+                    value: "",
+                    isChecked: !inputValues[filterPopoverCurrentFilter.id]
+                  }), _jsx(_Fragment, {
+                    children: filterPopoverCurrentFilter.options.map(option => _jsx(Radio, {
+                      label: option.label,
+                      value: option.value,
+                      isChecked: inputValues[filterPopoverCurrentFilter.id] === option.value
+                    }, option.value))
+                  })]
+                })]
+              })
+            })
+          })]
+        }), onChangeSearch && _jsx("form", {
+          style: {
+            width: "100%"
+          },
+          onSubmit: event => {
+            event.preventDefault();
+            if (hasSearchSubmitButton) {
+              onChangeSearch(searchValue);
+            }
+          },
+          children: _jsxs(Box, {
+            sx: {
+              display: "flex",
+              gap: 2,
+              width: "100%"
+            },
+            children: [_jsx(SearchField, {
+              value: searchValue,
+              label: "Search",
+              onClear: () => {
+                setSearchValue("");
+                onChangeSearch("");
+              },
+              onChange: ev => setSearchValue(ev.target.value)
+            }), hasSearchSubmitButton && _jsx(Box, {
+              children: _jsx(Button, {
+                variant: "primary",
+                label: "Search",
+                onClick: () => onChangeSearch(searchValue)
+              })
+            })]
+          })
+        })]
+      }), _jsxs(Box, {
+        sx: {
+          display: "flex",
+          gap: 2
+        },
+        children: [activeFilters.length > 0 && _jsx(Box, {
+          children: _jsx(Button, {
+            variant: "secondary",
+            label: "Clear filters",
+            onClick: () => clearAllFilters()
+          })
+        }), additionalActions]
+      })]
+    }), activeFilters.length > 0 && _jsx(Box, {
+      sx: {
+        borderTopWidth: 1,
+        borderTopColor: "#eeeeee",
+        borderTopStyle: "solid",
+        paddingTop: 4,
+        marginTop: 4
+      },
+      children: _jsx(TagList, {
+        children: activeFilters.map(filter => _jsx(Tag, {
+          label: `${filter.label}: ${filter.value}`,
+          onRemove: () => handleInputChange(filter.id, undefined, true)
+        }, filter.label))
+      })
+    })]
+  });
+};
+const MemoizedDataFilters = memo(DataFilters);
+MemoizedDataFilters.displayName = "DataFilters";
+export { MemoizedDataFilters as DataFilters };
+//# sourceMappingURL=DataFilters.js.map

package/dist/labs/DataFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFilters.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","Autocomplete","Box","TagList","Tag","SearchField","Button","CheckIcon","ChevronRightIcon","CloseCircleFilledIcon","FilterIcon","MenuItem","Paragraph","Subordinate","TextField","CheckboxGroup","Checkbox","RadioGroup","Radio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DataFilters","_ref","onChangeSearch","onChangeFilters","hasSearchSubmitButton","searchDelayTime","defaultSearchTerm","additionalActions","filters","filtersProp","setFilters","initialInputValues","reduce","accumulator","filter","id","value","inputValues","setInputValues","searchValue","setSearchValue","activeFilters","isFiltersMenuOpen","setIsFiltersMenuOpen","filtersMenuAnchorElement","setFiltersMenuAnchorElement","isFilterPopoverOpen","setIsFilterPopoverOpen","filterPopoverAnchorElement","setFilterPopoverAnchorElement","filterPopoverCurrentFilter","setFilterPopoverCurrentFilter","menuRef","debouncer","undefined","current","clearTimeout","setTimeout","handleInputChange","filterId","submit","arguments","length","updatedFilters","map","handleMultiSelectChange","startingValues","find","options","option","currentValues","updatedValues","includes","item","valuesToSave","sort","join","clearAllFilters","updatedInputValues","handleFilterSubmit","filterMenu","children","ariaLabel","endIcon","onClick","event","currentTarget","variant","_Menu","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","sx","display","alignItems","justifyContent","width","minWidth","marginRight","component","label","Array","isArray","toLowerCase","gap","maxWidth","_Popover","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","onBlur","ro","onChange","onFocus","onInputChange","hasInitialFocus","type","endAdornment","_IconButton","size","isRequired","isDefaultChecked","_","isChecked","style","onClear","target","borderTopWidth","borderTopColor","borderTopStyle","paddingTop","marginTop","onRemove","MemoizedDataFilters","displayName"],"sources":["../../src/labs/DataFilters.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  MutableRefObject,\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Box } from \"../Box\";\nimport { TagList } from \"../TagList\";\nimport { Tag } from \"../Tag\";\nimport { SearchField } from \"../SearchField\";\nimport { Button } from \"../Button\";\nimport {\n  IconButton as MuiIconButton,\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n} from \"@mui/material\";\nimport {\n  CheckIcon,\n  ChevronRightIcon,\n  CloseCircleFilledIcon,\n  FilterIcon,\n} from \"../icons.generated\";\nimport { MenuItem } from \"../MenuItem\";\nimport { Paragraph, Subordinate } from \"../Typography\";\nimport { TextField } from \"../TextField\";\nimport { CheckboxGroup } from \"../CheckboxGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioGroup } from \"../RadioGroup\";\nimport { Radio } from \"../Radio\";\nimport { MRT_ColumnDef, MRT_RowData } from \"material-react-table\";\n\nexport type DataFilterValue = string | string[] | undefined;\n\n// This is the shape of each individual filter\nexport type DataFilter = {\n  /**\n   * A unique ID for the filter, typically the same id\n   * as the column it'll be applied to.\n   */\n  id: string;\n  /**\n   * The human-friendly name of the filter.\n   */\n  label: string;\n  /**\n   * The type of filter, which determines which filtering control\n   * is shown.\n   */\n  variant?: MRT_ColumnDef<MRT_RowData>[\"filterVariant\"];\n  /**\n   * The current value of the filter. Typically a string, but\n   * filters that allow for multiple selections (such as multi-select)\n   * can accept an array.\n   */\n  value?: DataFilterValue;\n  /**\n   * If the filter control has preset options (such as a select or multi-select),\n   * these are the options provided.\n   */\n  options?: Array<{ label: string; value: string }>;\n};\n\n// This is the type of the DataFilters component itself\nexport type DataFiltersProps = {\n  /**\n   * The callback that's fired when the search input changes\n   * (either on change or on submit, based on the value of `hasSearchSubmitButton`).\n   * If this is undefined, the search input will not be shown.\n   */\n  onChangeSearch?: (value: string) => void;\n  /**\n   * The callback that's fired when filter values change.\n   */\n  onChangeFilters?: (filters: Array<DataFilter>) => void;\n  /**\n   * If true, a Search button will be provided alongside the search input\n   * and `onChangeSearch` will fire when the button is clicked, rather than\n   * whenever the input value changes.\n   */\n  hasSearchSubmitButton?: boolean;\n  /**\n   * The debounce time, in milliseconds, for the search input firing\n   * `onChangeSearch` when changed. If `hasSearchSubmitButton` is true,\n   * this doesn't do anything.\n   */\n  searchDelayTime?: number;\n  /**\n   * The starting value of the search input\n   */\n  defaultSearchTerm?: string;\n  /**\n   * A slot for optional additional actions, like buttons, to be displayed\n   * on the opposite side of the top row from the search and filter controls.\n   */\n  additionalActions?: ReactNode;\n  /**\n   * The filters available in the filter menu. If undefined,\n   * the filter menu won't be shown.\n   */\n  filters?: Array<DataFilter>;\n};\n\nconst DataFilters = ({\n  onChangeSearch,\n  onChangeFilters,\n  hasSearchSubmitButton = false,\n  searchDelayTime = 200,\n  defaultSearchTerm = \"\",\n  additionalActions,\n  filters: filtersProp = [],\n}: DataFiltersProps) => {\n  const [filters, setFilters] = useState<DataFilter[]>(filtersProp);\n\n  const initialInputValues = useMemo(() => {\n    return filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = filter.value;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\n  }, [filtersProp]);\n\n  const [inputValues, setInputValues] = useState(initialInputValues);\n\n  const [searchValue, setSearchValue] = useState<string>(defaultSearchTerm);\n  const activeFilters = useMemo(() => {\n    return filters.filter(\n      (filter) => typeof filter.value === \"string\" && filter.value\n    );\n  }, [filters]);\n  const [isFiltersMenuOpen, setIsFiltersMenuOpen] = useState<boolean>(false);\n  const [filtersMenuAnchorElement, setFiltersMenuAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n  const [isFilterPopoverOpen, setIsFilterPopoverOpen] =\n    useState<boolean>(false);\n  const [filterPopoverAnchorElement, setFilterPopoverAnchorElement] = useState<\n    HTMLElement | undefined\n  >();\n  const [filterPopoverCurrentFilter, setFilterPopoverCurrentFilter] = useState<\n    DataFilter | undefined\n  >();\n\n  const menuRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    onChangeFilters?.(filters);\n  }, [filters, onChangeFilters]);\n\n  const debouncer = useRef<NodeJS.Timeout | undefined>(undefined);\n  useEffect(() => {\n    if (!hasSearchSubmitButton) {\n      if (debouncer.current) {\n        clearTimeout(debouncer.current);\n      }\n\n      debouncer.current = setTimeout(() => {\n        onChangeSearch?.(searchValue ?? \"\");\n      }, searchDelayTime);\n    }\n  }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);\n\n  const handleInputChange = useCallback(\n    (filterId: string, value: DataFilterValue, submit: boolean = false) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n\n      if (submit) {\n        const updatedFilters = filtersProp.map((filter) => ({\n          ...filter,\n          value: filter.id === filterId ? value : inputValues[filter.id],\n        }));\n\n        setFilters(updatedFilters);\n      }\n    },\n    [inputValues, filtersProp]\n  );\n\n  const handleMultiSelectChange = useCallback(\n    (filterId: string, value: string, submit: boolean = false) => {\n      const startingValues = filtersProp\n        .find((filter) => filter.id === filterId)\n        ?.options?.map((option) => option.value);\n      const currentValues = (inputValues[filterId] ??\n        startingValues) as string[];\n      const updatedValues = currentValues.includes(value)\n        ? currentValues.filter((item: string) => item !== value)\n        : [...currentValues, value];\n      const valuesToSave =\n        updatedValues.sort().join() === startingValues?.sort().join()\n          ? undefined\n          : updatedValues;\n\n      setInputValues({ ...inputValues, [filterId]: valuesToSave });\n\n      if (submit) {\n        const updatedFilters = filtersProp.map((filter) => ({\n          ...filter,\n          value: filter.id === filterId ? valuesToSave : inputValues[filter.id],\n        }));\n\n        setFilters(updatedFilters);\n      }\n    },\n    [inputValues, filtersProp]\n  );\n\n  const clearAllFilters = useCallback(() => {\n    const updatedInputValues = filtersProp.reduce((accumulator, filter) => {\n      accumulator[filter.id] = undefined;\n      return accumulator;\n    }, {} as Record<string, DataFilterValue>);\n\n    setInputValues(updatedInputValues);\n\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: undefined,\n    }));\n\n    setFilters(updatedFilters);\n  }, [filtersProp]);\n\n  const handleFilterSubmit = useCallback(() => {\n    const updatedFilters = filtersProp.map((filter) => ({\n      ...filter,\n      value: inputValues[filter.id],\n    }));\n\n    setFilters(updatedFilters);\n  }, [inputValues, filtersProp]);\n\n  const filterMenu = useMemo(\n    () => (\n      <>\n        <Box>\n          <Button\n            aria-controls={isFiltersMenuOpen ? \"filters-menu\" : undefined}\n            aria-expanded={isFiltersMenuOpen ? \"true\" : undefined}\n            aria-haspopup=\"true\"\n            ariaLabel=\"Filters\"\n            endIcon={<FilterIcon />}\n            onClick={(event) => {\n              setFiltersMenuAnchorElement(event.currentTarget);\n              setIsFiltersMenuOpen(true);\n            }}\n            variant=\"secondary\"\n          />\n        </Box>\n\n        <MuiMenu\n          anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n          transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n          id=\"filters-menu\"\n          anchorEl={filtersMenuAnchorElement}\n          onClose={() => setIsFiltersMenuOpen(false)}\n          open={isFiltersMenuOpen}\n          PaperProps={{\n            ref: menuRef as MutableRefObject<HTMLDivElement>,\n          }}\n        >\n          {filtersProp.map((filter) => {\n            // Unintuitively, we can't just use filter.value to grab the filter value.\n            // `filter` is the initial set of filters provided to the comoponent, so its\n            // value prop may not reflect the current value of the filter.\n            const latestFilterValue = filters.find(\n              (f) => f.id === filter.id\n            )?.value;\n\n            return (\n              <MenuItem\n                key={filter.id}\n                onClick={(event) => {\n                  setIsFilterPopoverOpen(true);\n                  setFilterPopoverAnchorElement(event.currentTarget);\n                  setFilterPopoverCurrentFilter(filter);\n                }}\n              >\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"space-between\",\n                    width: \"100%\",\n                    minWidth: 180,\n                  }}\n                >\n                  <Box sx={{ marginRight: 2 }}>\n                    <Paragraph component=\"div\">{filter.label}</Paragraph>\n                    <Subordinate component=\"div\">\n                      {!latestFilterValue ||\n                      (Array.isArray(latestFilterValue) &&\n                        latestFilterValue.length === 0)\n                        ? `Any ${filter.label.toLowerCase()}`\n                        : Array.isArray(latestFilterValue)\n                        ? `${latestFilterValue.length} selected`\n                        : latestFilterValue}\n                    </Subordinate>\n                  </Box>\n                  <ChevronRightIcon />\n                </Box>\n              </MenuItem>\n            );\n          })}\n        </MuiMenu>\n      </>\n    ),\n    [isFiltersMenuOpen, filtersMenuAnchorElement, filtersProp, filters]\n  );\n\n  return (\n    <Box>\n      {/* Upper section */}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n        {/* Upper section left (filters and search) */}\n        <Box sx={{ display: \"flex\", gap: 2, width: \"50%\", maxWidth: 480 }}>\n          {/* Filter menu */}\n          {filters.length > 0 && (\n            <>\n              {filterMenu}\n              {/* Filter popover */}\n              <MuiPopover\n                anchorEl={filterPopoverAnchorElement}\n                open={isFilterPopoverOpen}\n                anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n                onClose={(ev: MouseEvent) => {\n                  if (menuRef.current) {\n                    const menuRect = menuRef.current.getBoundingClientRect();\n                    const clickInsideMenu =\n                      ev.clientX >= menuRect.left &&\n                      ev.clientX <= menuRect.right &&\n                      ev.clientY >= menuRect.top &&\n                      ev.clientY <= menuRect.bottom;\n\n                    if (!clickInsideMenu) {\n                      setIsFiltersMenuOpen(false);\n                    }\n                  }\n\n                  setIsFilterPopoverOpen(false);\n                }}\n              >\n                <Box sx={{ padding: 4, minWidth: 320 }}>\n                  <form\n                    onSubmit={(ev) => {\n                      ev.preventDefault();\n                      handleFilterSubmit();\n                      setIsFilterPopoverOpen(false);\n                      setIsFiltersMenuOpen(false);\n                    }}\n                  >\n                    {/* Autocomplete */}\n                    {filterPopoverCurrentFilter?.variant === \"autocomplete\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <Autocomplete\n                          label={filterPopoverCurrentFilter.label}\n                          value={\n                            (inputValues[\n                              filterPopoverCurrentFilter.id\n                            ] as string) ?? \"\"\n                          }\n                          onBlur={function ro() {}}\n                          onChange={function ro() {}}\n                          onFocus={function ro() {}}\n                          onInputChange={function ro() {}}\n                          options={filterPopoverCurrentFilter.options.map(\n                            (option: { label: string }) => ({\n                              label: option.label,\n                            })\n                          )}\n                        />\n                      )}\n                    {/* Text or Number */}\n                    {(filterPopoverCurrentFilter?.variant === \"text\" ||\n                      filterPopoverCurrentFilter?.variant === \"range\") && (\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          gap: 2,\n                          alignItems: \"flex-end\",\n                        }}\n                      >\n                        <Box sx={{ width: \"100%\" }}>\n                          <TextField\n                            hasInitialFocus\n                            label={filterPopoverCurrentFilter.label}\n                            type={\n                              filterPopoverCurrentFilter.variant === \"range\"\n                                ? \"number\"\n                                : \"text\"\n                            }\n                            value={\n                              (inputValues[\n                                filterPopoverCurrentFilter.id\n                              ] as string) ?? \"\"\n                            }\n                            onChange={(ev) =>\n                              handleInputChange(\n                                filterPopoverCurrentFilter.id,\n                                ev.currentTarget.value\n                              )\n                            }\n                            endAdornment={\n                              inputValues[filterPopoverCurrentFilter.id] && (\n                                <MuiIconButton\n                                  size=\"small\"\n                                  aria-label=\"Clear filter\"\n                                  onClick={() => {\n                                    handleInputChange(\n                                      filterPopoverCurrentFilter.id,\n                                      undefined,\n                                      true\n                                    );\n                                  }}\n                                >\n                                  <CloseCircleFilledIcon />\n                                </MuiIconButton>\n                              )\n                            }\n                          />\n                        </Box>\n                        <Button\n                          variant=\"primary\"\n                          endIcon={<CheckIcon />}\n                          type=\"submit\"\n                        />\n                      </Box>\n                    )}\n\n                    {/* Checkbox */}\n                    {filterPopoverCurrentFilter?.variant === \"multi-select\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <CheckboxGroup\n                          label={filterPopoverCurrentFilter.label}\n                          isRequired\n                        >\n                          {filterPopoverCurrentFilter.options.map(\n                            (option: { label: string; value: string }) => (\n                              <Checkbox\n                                key={option.value}\n                                label={option.label}\n                                value={option.value}\n                                isDefaultChecked={\n                                  inputValues[\n                                    filterPopoverCurrentFilter.id\n                                  ]?.includes(option.value) ||\n                                  inputValues[filterPopoverCurrentFilter.id] ===\n                                    undefined\n                                }\n                                onChange={() =>\n                                  handleMultiSelectChange(\n                                    filterPopoverCurrentFilter.id,\n                                    option.value,\n                                    true\n                                  )\n                                }\n                              />\n                            )\n                          )}\n                        </CheckboxGroup>\n                      )}\n\n                    {/* Radio */}\n                    {filterPopoverCurrentFilter?.variant === \"select\" &&\n                      filterPopoverCurrentFilter?.options && (\n                        <RadioGroup\n                          label={filterPopoverCurrentFilter.label}\n                          onChange={(_, value) =>\n                            handleInputChange(\n                              filterPopoverCurrentFilter.id,\n                              value,\n                              true\n                            )\n                          }\n                        >\n                          <Radio\n                            label=\"Any\"\n                            value={\"\"}\n                            isChecked={\n                              !inputValues[filterPopoverCurrentFilter.id]\n                            }\n                          />\n                          <>\n                            {filterPopoverCurrentFilter.options.map(\n                              (option: { label: string; value: string }) => (\n                                <Radio\n                                  key={option.value}\n                                  label={option.label}\n                                  value={option.value}\n                                  isChecked={\n                                    inputValues[\n                                      filterPopoverCurrentFilter.id\n                                    ] === option.value\n                                  }\n                                />\n                              )\n                            )}\n                          </>\n                        </RadioGroup>\n                      )}\n                  </form>\n                </Box>\n              </MuiPopover>\n            </>\n          )}\n\n          {/* Search */}\n          {onChangeSearch && (\n            <form\n              style={{ width: \"100%\" }}\n              onSubmit={(event) => {\n                event.preventDefault();\n                if (hasSearchSubmitButton) {\n                  onChangeSearch(searchValue);\n                }\n              }}\n            >\n              <Box sx={{ display: \"flex\", gap: 2, width: \"100%\" }}>\n                <SearchField\n                  value={searchValue}\n                  label=\"Search\"\n                  onClear={() => {\n                    setSearchValue(\"\");\n                    onChangeSearch(\"\");\n                  }}\n                  onChange={(ev) => setSearchValue(ev.target.value)}\n                />\n                {hasSearchSubmitButton && (\n                  <Box>\n                    <Button\n                      variant=\"primary\"\n                      label=\"Search\"\n                      onClick={() => onChangeSearch(searchValue)}\n                    />\n                  </Box>\n                )}\n              </Box>\n            </form>\n          )}\n        </Box>\n\n        {/* Upper section right (clear filters & additional actions) */}\n        <Box sx={{ display: \"flex\", gap: 2 }}>\n          {activeFilters.length > 0 && (\n            <Box>\n              <Button\n                variant=\"secondary\"\n                label=\"Clear filters\"\n                onClick={() => clearAllFilters()}\n              />\n            </Box>\n          )}\n          {additionalActions}\n        </Box>\n      </Box>\n\n      {/* Lower section */}\n      {activeFilters.length > 0 && (\n        <Box\n          sx={{\n            borderTopWidth: 1,\n            borderTopColor: \"#eeeeee\",\n            borderTopStyle: \"solid\",\n            paddingTop: 4,\n            marginTop: 4,\n          }}\n        >\n          <TagList>\n            {activeFilters.map((filter) => (\n              <Tag\n                key={filter.label}\n                label={`${filter.label}: ${filter.value}`}\n                onRemove={() => handleInputChange(filter.id, undefined, true)}\n              />\n            ))}\n          </TagList>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedDataFilters = memo(DataFilters);\nMemoizedDataFilters.displayName = \"DataFilters\";\n\nexport { MemoizedDataFilters as DataFilters };\n"],"mappings":"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"}