@okta/odyssey-react-mui 1.12.5 → 1.12.6

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.12.6](https://github.com/okta/odyssey/compare/v1.12.5...v1.12.6) (2024-02-01)
+
+### Bug Fixes
+
+- add memo to autocomplete options ([c6c0d5d](https://github.com/okta/odyssey/commit/c6c0d5db40f11eaf4648a3e4f7112b0f29bc1cbe))
+- decouple onChange logic ([d26bbc2](https://github.com/okta/odyssey/commit/d26bbc2306ed05425f72e046a4cd9dc1706e808e))
+- fix warning in DataFilters file ([5fdecf1](https://github.com/okta/odyssey/commit/5fdecf1a72734b8bb28f190fd9238312af9b5fd6))
+- implement requested PR changes ([6383c3b](https://github.com/okta/odyssey/commit/6383c3bca821488d233f0ebe15b835a2e4c5e832))
+- onchange for autocomplete in datafilters ([e82bbd5](https://github.com/okta/odyssey/commit/e82bbd5a5bee5e6cb5d3768af3aafd14496d76e2))
+
 ## [1.12.5](https://github.com/okta/odyssey/compare/v1.12.4...v1.12.5) (2024-02-01)
 
 ### Bug Fixes

package/dist/labs/DataFilters.js

@@ -14,6 +14,7 @@ import _Menu from "@mui/material/Menu";
  */
 
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import styled from "@emotion/styled";
 import { Autocomplete } from "../Autocomplete.js";
 import { Box } from "../Box.js";
 import { TagList } from "../TagList.js";
@@ -73,20 +74,46 @@ const DataFilters = _ref => {
       }, searchDelayTime);
     }
   }, [onChangeSearch, searchValue, searchDelayTime, hasSearchSubmitButton]);
-  const handleInputChange = useCallback(function (filterId, value) {
-    let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const autocompleteOptions = useMemo(() => {
+    if (filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options) {
+      return filterPopoverCurrentFilter.options.map(option => ({
+        label: option.label
+      }));
+    }
+    return [];
+  }, [filterPopoverCurrentFilter]);
+  const updateInputValue = useCallback(_ref2 => {
+    let {
+      filterId,
+      value
+    } = _ref2;
     setInputValues({
       ...inputValues,
       [filterId]: value
     });
-    if (submit) {
-      const updatedFilters = filtersProp.map(filter => ({
-        ...filter,
-        value: filter.id === filterId ? value : inputValues[filter.id]
-      }));
-      setFilters(updatedFilters);
-    }
+  }, [inputValues]);
+  const updateFilters = useCallback(_ref3 => {
+    let {
+      filterId,
+      value
+    } = _ref3;
+    const updatedFilters = filtersProp.map(filter => ({
+      ...filter,
+      value: filter.id === filterId ? value : inputValues[filter.id]
+    }));
+    setFilters(updatedFilters);
   }, [inputValues, filtersProp]);
+  const getAutoCompleteLabel = value => {
+    if (Array.isArray(value)) {
+      return value.map(valueElement => {
+        if (typeof valueElement === "string") {
+          return undefined;
+        }
+        return valueElement.label;
+      }).filter(item => Boolean(item));
+    }
+    return value?.label;
+  };
   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);
@@ -124,6 +151,15 @@ const DataFilters = _ref => {
     }));
     setFilters(updatedFilters);
   }, [inputValues, filtersProp]);
+  const AutocompleteOuterContainer = styled.div`
+    display: flex;
+    gap: 2;
+    align-items: center;
+    alignitems: "flex-end";
+  `;
+  const AutocompleteInnerContainer = styled.div`
+    width: "100%";
+  `;
   const filterMenu = useMemo(() => _jsxs(_Fragment, {
     children: [_jsx(Box, {
       children: _jsx(Button, {
@@ -230,16 +266,29 @@ const DataFilters = _ref => {
                   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
-                  }))
+                children: [filterPopoverCurrentFilter?.variant === "autocomplete" && filterPopoverCurrentFilter?.options && _jsxs(AutocompleteOuterContainer, {
+                  children: [_jsx(AutocompleteInnerContainer, {
+                    children: _jsx(Autocomplete, {
+                      label: filterPopoverCurrentFilter.label,
+                      value: inputValues[filterPopoverCurrentFilter.id] ?? "",
+                      onChange: (_, value) => {
+                        const label = typeof value === "string" ? getAutoCompleteLabel({
+                          label: value
+                        }) : Array.isArray(value) ? getAutoCompleteLabel(value.map(item => typeof item === "string" ? {
+                          label: item
+                        } : item)) : value ? getAutoCompleteLabel(value) : "";
+                        updateInputValue({
+                          filterId: filterPopoverCurrentFilter.id,
+                          value: label
+                        });
+                      },
+                      options: autocompleteOptions
+                    })
+                  }), _jsx(Button, {
+                    variant: "primary",
+                    endIcon: _jsx(CheckIcon, {}),
+                    type: "submit"
+                  })]
                 }), (filterPopoverCurrentFilter?.variant === "text" || filterPopoverCurrentFilter?.variant === "range") && _jsxs(Box, {
                   sx: {
                     display: "flex",
@@ -255,12 +304,22 @@ const DataFilters = _ref => {
                       label: filterPopoverCurrentFilter.label,
                       type: filterPopoverCurrentFilter.variant === "range" ? "number" : "text",
                       value: inputValues[filterPopoverCurrentFilter.id] ?? "",
-                      onChange: ev => handleInputChange(filterPopoverCurrentFilter.id, ev.currentTarget.value),
+                      onChange: ev => updateInputValue({
+                        filterId: filterPopoverCurrentFilter.id,
+                        value: ev.currentTarget.value
+                      }),
                       endAdornment: inputValues[filterPopoverCurrentFilter.id] && _jsx(_IconButton, {
                         size: "small",
                         "aria-label": "Clear filter",
                         onClick: () => {
-                          handleInputChange(filterPopoverCurrentFilter.id, undefined, true);
+                          updateInputValue({
+                            filterId: filterPopoverCurrentFilter.id,
+                            value: undefined
+                          });
+                          updateFilters({
+                            filterId: filterPopoverCurrentFilter.id,
+                            value: undefined
+                          });
                         },
                         children: _jsx(CloseCircleFilledIcon, {})
                       })
@@ -281,7 +340,16 @@ const DataFilters = _ref => {
                   }, option.value))
                 }), filterPopoverCurrentFilter?.variant === "select" && filterPopoverCurrentFilter?.options && _jsxs(RadioGroup, {
                   label: filterPopoverCurrentFilter.label,
-                  onChange: (_, value) => handleInputChange(filterPopoverCurrentFilter.id, value, true),
+                  onChange: (_, value) => {
+                    updateInputValue({
+                      filterId: filterPopoverCurrentFilter.id,
+                      value
+                    });
+                    updateFilters({
+                      filterId: filterPopoverCurrentFilter.id,
+                      value
+                    });
+                  },
                   children: [_jsx(Radio, {
                     label: "Any",
                     value: "",
@@ -339,7 +407,7 @@ const DataFilters = _ref => {
           children: _jsx(Button, {
             variant: "secondary",
             label: "Clear filters",
-            onClick: () => clearAllFilters()
+            onClick: clearAllFilters
           })
         }), additionalActions]
       })]
@@ -354,7 +422,16 @@ const DataFilters = _ref => {
       children: _jsx(TagList, {
         children: activeFilters.map(filter => _jsx(Tag, {
           label: `${filter.label}: ${filter.value}`,
-          onRemove: () => handleInputChange(filter.id, undefined, true)
+          onRemove: () => {
+            updateInputValue({
+              filterId: filter.id,
+              value: undefined
+            });
+            updateFilters({
+              filterId: filter.id,
+              value: undefined
+            });
+          }
         }, filter.label))
       })
     })]

package/dist/labs/DataFilters.js.map

@@ -1 +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":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAGEA,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAAC,SACNC,YAAY;AAAA,SACZC,GAAG;AAAA,SACHC,OAAO;AAAA,SACPC,GAAG;AAAA,SACHC,WAAW;AAAA,SACXC,MAAM;AAAA,SAObC,SAAS,EACTC,gBAAgB,EAChBC,qBAAqB,EACrBC,UAAU;AAAA,SAEHC,QAAQ;AAAA,SACRC,SAAS,EAAEC,WAAW;AAAA,SACtBC,SAAS;AAAA,SACTC,aAAa;AAAA,SACbC,QAAQ;AAAA,SACRC,UAAU;AAAA,SACVC,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AA0Ed,MAAMC,WAAW,GAAGC,IAAA,IAQI;EAAA,IARH;IACnBC,cAAc;IACdC,eAAe;IACfC,qBAAqB,GAAG,KAAK;IAC7BC,eAAe,GAAG,GAAG;IACrBC,iBAAiB,GAAG,EAAE;IACtBC,iBAAiB;IACjBC,OAAO,EAAEC,WAAW,GAAG;EACP,CAAC,GAAAR,IAAA;EACjB,MAAM,CAACO,OAAO,EAAEE,UAAU,CAAC,GAAGnC,QAAQ,CAAekC,WAAW,CAAC;EAEjE,MAAME,kBAAkB,GAAGtC,OAAO,CAAC,MAAM;IACvC,OAAOoC,WAAW,CAACG,MAAM,CAAC,CAACC,WAAW,EAAEC,MAAM,KAAK;MACjDD,WAAW,CAACC,MAAM,CAACC,EAAE,CAAC,GAAGD,MAAM,CAACE,KAAK;MACrC,OAAOH,WAAW;IACpB,CAAC,EAAE,CAAC,CAAoC,CAAC;EAC3C,CAAC,EAAE,CAACJ,WAAW,CAAC,CAAC;EAEjB,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAG3C,QAAQ,CAACoC,kBAAkB,CAAC;EAElE,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAG7C,QAAQ,CAAS+B,iBAAiB,CAAC;EACzE,MAAMe,aAAa,GAAGhD,OAAO,CAAC,MAAM;IAClC,OAAOmC,OAAO,CAACM,MAAM,CAClBA,MAAM,IAAK,OAAOA,MAAM,CAACE,KAAK,KAAK,QAAQ,IAAIF,MAAM,CAACE,KACzD,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EACb,MAAM,CAACc,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGhD,QAAQ,CAAU,KAAK,CAAC;EAC1E,MAAM,CAACiD,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGlD,QAAQ,CAEtE,CAAC;EACH,MAAM,CAACmD,mBAAmB,EAAEC,sBAAsB,CAAC,GACjDpD,QAAQ,CAAU,KAAK,CAAC;EAC1B,MAAM,CAACqD,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGtD,QAAQ,CAE1E,CAAC;EACH,MAAM,CAACuD,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGxD,QAAQ,CAE1E,CAAC;EAEH,MAAMyD,OAAO,GAAG1D,MAAM,CAAiB,CAAC;EAExCF,SAAS,CAAC,MAAM;IACd+B,eAAe,GAAGK,OAAO,CAAC;EAC5B,CAAC,EAAE,CAACA,OAAO,EAAEL,eAAe,CAAC,CAAC;EAE9B,MAAM8B,SAAS,GAAG3D,MAAM,CAA6B4D,SAAS,CAAC;EAC/D9D,SAAS,CAAC,MAAM;IACd,IAAI,CAACgC,qBAAqB,EAAE;MAC1B,IAAI6B,SAAS,CAACE,OAAO,EAAE;QACrBC,YAAY,CAACH,SAAS,CAACE,OAAO,CAAC;MACjC;MAEAF,SAAS,CAACE,OAAO,GAAGE,UAAU,CAAC,MAAM;QACnCnC,cAAc,GAAGiB,WAAW,IAAI,EAAE,CAAC;MACrC,CAAC,EAAEd,eAAe,CAAC;IACrB;EACF,CAAC,EAAE,CAACH,cAAc,EAAEiB,WAAW,EAAEd,eAAe,EAAED,qBAAqB,CAAC,CAAC;EAEzE,MAAMkC,iBAAiB,GAAGnE,WAAW,CACnC,UAACoE,QAAgB,EAAEvB,KAAsB,EAA8B;IAAA,IAA5BwB,MAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;IAChEvB,cAAc,CAAC;MAAE,GAAGD,WAAW;MAAE,CAACsB,QAAQ,GAAGvB;IAAM,CAAC,CAAC;IAErD,IAAIwB,MAAM,EAAE;MACV,MAAMG,cAAc,GAAGlC,WAAW,CAACmC,GAAG,CAAE9B,MAAM,KAAM;QAClD,GAAGA,MAAM;QACTE,KAAK,EAAEF,MAAM,CAACC,EAAE,KAAKwB,QAAQ,GAAGvB,KAAK,GAAGC,WAAW,CAACH,MAAM,CAACC,EAAE;MAC/D,CAAC,CAAC,CAAC;MAEHL,UAAU,CAACiC,cAAc,CAAC;IAC5B;EACF,CAAC,EACD,CAAC1B,WAAW,EAAER,WAAW,CAC3B,CAAC;EAED,MAAMoC,uBAAuB,GAAG1E,WAAW,CACzC,UAACoE,QAAgB,EAAEvB,KAAa,EAA8B;IAAA,IAA5BwB,MAAe,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAP,SAAA,GAAAO,SAAA,MAAG,KAAK;IACvD,MAAMK,cAAc,GAAGrC,WAAW,CAC/BsC,IAAI,CAAEjC,MAAM,IAAKA,MAAM,CAACC,EAAE,KAAKwB,QAAQ,CAAC,EACvCS,OAAO,EAAEJ,GAAG,CAAEK,MAAM,IAAKA,MAAM,CAACjC,KAAK,CAAC;IAC1C,MAAMkC,aAAa,GAAIjC,WAAW,CAACsB,QAAQ,CAAC,IAC1CO,cAA2B;IAC7B,MAAMK,aAAa,GAAGD,aAAa,CAACE,QAAQ,CAACpC,KAAK,CAAC,GAC/CkC,aAAa,CAACpC,MAAM,CAAEuC,IAAY,IAAKA,IAAI,KAAKrC,KAAK,CAAC,GACtD,CAAC,GAAGkC,aAAa,EAAElC,KAAK,CAAC;IAC7B,MAAMsC,YAAY,GAChBH,aAAa,CAACI,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,KAAKV,cAAc,EAAES,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,GACzDtB,SAAS,GACTiB,aAAa;IAEnBjC,cAAc,CAAC;MAAE,GAAGD,WAAW;MAAE,CAACsB,QAAQ,GAAGe;IAAa,CAAC,CAAC;IAE5D,IAAId,MAAM,EAAE;MACV,MAAMG,cAAc,GAAGlC,WAAW,CAACmC,GAAG,CAAE9B,MAAM,KAAM;QAClD,GAAGA,MAAM;QACTE,KAAK,EAAEF,MAAM,CAACC,EAAE,KAAKwB,QAAQ,GAAGe,YAAY,GAAGrC,WAAW,CAACH,MAAM,CAACC,EAAE;MACtE,CAAC,CAAC,CAAC;MAEHL,UAAU,CAACiC,cAAc,CAAC;IAC5B;EACF,CAAC,EACD,CAAC1B,WAAW,EAAER,WAAW,CAC3B,CAAC;EAED,MAAMgD,eAAe,GAAGtF,WAAW,CAAC,MAAM;IACxC,MAAMuF,kBAAkB,GAAGjD,WAAW,CAACG,MAAM,CAAC,CAACC,WAAW,EAAEC,MAAM,KAAK;MACrED,WAAW,CAACC,MAAM,CAACC,EAAE,CAAC,GAAGmB,SAAS;MAClC,OAAOrB,WAAW;IACpB,CAAC,EAAE,CAAC,CAAoC,CAAC;IAEzCK,cAAc,CAACwC,kBAAkB,CAAC;IAElC,MAAMf,cAAc,GAAGlC,WAAW,CAACmC,GAAG,CAAE9B,MAAM,KAAM;MAClD,GAAGA,MAAM;MACTE,KAAK,EAAEkB;IACT,CAAC,CAAC,CAAC;IAEHxB,UAAU,CAACiC,cAAc,CAAC;EAC5B,CAAC,EAAE,CAAClC,WAAW,CAAC,CAAC;EAEjB,MAAMkD,kBAAkB,GAAGxF,WAAW,CAAC,MAAM;IAC3C,MAAMwE,cAAc,GAAGlC,WAAW,CAACmC,GAAG,CAAE9B,MAAM,KAAM;MAClD,GAAGA,MAAM;MACTE,KAAK,EAAEC,WAAW,CAACH,MAAM,CAACC,EAAE;IAC9B,CAAC,CAAC,CAAC;IAEHL,UAAU,CAACiC,cAAc,CAAC;EAC5B,CAAC,EAAE,CAAC1B,WAAW,EAAER,WAAW,CAAC,CAAC;EAE9B,MAAMmD,UAAU,GAAGvF,OAAO,CACxB,MACEwB,KAAA,CAAAE,SAAA;IAAA8D,QAAA,GACElE,IAAA,CAAClB,GAAG;MAAAoF,QAAA,EACFlE,IAAA,CAACd,MAAM;QACL,iBAAeyC,iBAAiB,GAAG,cAAc,GAAGY,SAAU;QAC9D,iBAAeZ,iBAAiB,GAAG,MAAM,GAAGY,SAAU;QACtD,iBAAc,MAAM;QACpB4B,SAAS,EAAC,SAAS;QACnBC,OAAO,EAAEpE,IAAA,CAACV,UAAU,IAAE,CAAE;QACxB+E,OAAO,EAAGC,KAAK,IAAK;UAClBxC,2BAA2B,CAACwC,KAAK,CAACC,aAAa,CAAC;UAChD3C,oBAAoB,CAAC,IAAI,CAAC;QAC5B,CAAE;QACF4C,OAAO,EAAC;MAAW,CACpB;IAAC,CACC,CAAC,EAENxE,IAAA,CAAAyE,KAAA;MACEC,YAAY,EAAE;QAAEC,UAAU,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAS,CAAE;MACzDC,eAAe,EAAE;QAAEF,UAAU,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAM,CAAE;MACzDxD,EAAE,EAAC,cAAc;MACjB0D,QAAQ,EAAEjD,wBAAyB;MACnCkD,OAAO,EAAEA,CAAA,KAAMnD,oBAAoB,CAAC,KAAK,CAAE;MAC3CoD,IAAI,EAAErD,iBAAkB;MACxBsD,UAAU,EAAE;QACVC,GAAG,EAAE7C;MACP,CAAE;MAAA6B,QAAA,EAEDpD,WAAW,CAACmC,GAAG,CAAE9B,MAAM,IAAK;QAI3B,MAAMgE,iBAAiB,GAAGtE,OAAO,CAACuC,IAAI,CACnCgC,CAAC,IAAKA,CAAC,CAAChE,EAAE,KAAKD,MAAM,CAACC,EACzB,CAAC,EAAEC,KAAK;QAER,OACErB,IAAA,CAACT,QAAQ;UAEP8E,OAAO,EAAGC,KAAK,IAAK;YAClBtC,sBAAsB,CAAC,IAAI,CAAC;YAC5BE,6BAA6B,CAACoC,KAAK,CAACC,aAAa,CAAC;YAClDnC,6BAA6B,CAACjB,MAAM,CAAC;UACvC,CAAE;UAAA+C,QAAA,EAEFhE,KAAA,CAACpB,GAAG;YACFuG,EAAE,EAAE;cACFC,OAAO,EAAE,MAAM;cACfC,UAAU,EAAE,QAAQ;cACpBC,cAAc,EAAE,eAAe;cAC/BC,KAAK,EAAE,MAAM;cACbC,QAAQ,EAAE;YACZ,CAAE;YAAAxB,QAAA,GAEFhE,KAAA,CAACpB,GAAG;cAACuG,EAAE,EAAE;gBAAEM,WAAW,EAAE;cAAE,CAAE;cAAAzB,QAAA,GAC1BlE,IAAA,CAACR,SAAS;gBAACoG,SAAS,EAAC,KAAK;gBAAA1B,QAAA,EAAE/C,MAAM,CAAC0E;cAAK,CAAY,CAAC,EACrD7F,IAAA,CAACP,WAAW;gBAACmG,SAAS,EAAC,KAAK;gBAAA1B,QAAA,EACzB,CAACiB,iBAAiB,IAClBW,KAAK,CAACC,OAAO,CAACZ,iBAAiB,CAAC,IAC/BA,iBAAiB,CAACpC,MAAM,KAAK,CAAE,GAC5B,OAAM5B,MAAM,CAAC0E,KAAK,CAACG,WAAW,CAAC,CAAE,EAAC,GACnCF,KAAK,CAACC,OAAO,CAACZ,iBAAiB,CAAC,GAC/B,GAAEA,iBAAiB,CAACpC,MAAO,WAAU,GACtCoC;cAAiB,CACV,CAAC;YAAA,CACX,CAAC,EACNnF,IAAA,CAACZ,gBAAgB,IAAE,CAAC;UAAA,CACjB;QAAC,GA7BD+B,MAAM,CAACC,EA8BJ,CAAC;MAEf,CAAC;IAAC,CACK,CAAC;EAAA,CACV,CACH,EACD,CAACO,iBAAiB,EAAEE,wBAAwB,EAAEf,WAAW,EAAED,OAAO,CACpE,CAAC;EAED,OACEX,KAAA,CAACpB,GAAG;IAAAoF,QAAA,GAEFhE,KAAA,CAACpB,GAAG;MAACuG,EAAE,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEE,cAAc,EAAE;MAAgB,CAAE;MAAAtB,QAAA,GAE5DhE,KAAA,CAACpB,GAAG;QAACuG,EAAE,EAAE;UAAEC,OAAO,EAAE,MAAM;UAAEW,GAAG,EAAE,CAAC;UAAER,KAAK,EAAE,KAAK;UAAES,QAAQ,EAAE;QAAI,CAAE;QAAAhC,QAAA,GAE/DrD,OAAO,CAACkC,MAAM,GAAG,CAAC,IACjB7C,KAAA,CAAAE,SAAA;UAAA8D,QAAA,GACGD,UAAU,EAEXjE,IAAA,CAAAmG,QAAA;YACErB,QAAQ,EAAE7C,0BAA2B;YACrC+C,IAAI,EAAEjD,mBAAoB;YAC1B2C,YAAY,EAAE;cAAEE,QAAQ,EAAE,KAAK;cAAED,UAAU,EAAE;YAAQ,CAAE;YACvDI,OAAO,EAAGqB,EAAc,IAAK;cAC3B,IAAI/D,OAAO,CAACG,OAAO,EAAE;gBACnB,MAAM6D,QAAQ,GAAGhE,OAAO,CAACG,OAAO,CAAC8D,qBAAqB,CAAC,CAAC;gBACxD,MAAMC,eAAe,GACnBH,EAAE,CAACI,OAAO,IAAIH,QAAQ,CAACI,IAAI,IAC3BL,EAAE,CAACI,OAAO,IAAIH,QAAQ,CAACK,KAAK,IAC5BN,EAAE,CAACO,OAAO,IAAIN,QAAQ,CAACO,GAAG,IAC1BR,EAAE,CAACO,OAAO,IAAIN,QAAQ,CAACQ,MAAM;gBAE/B,IAAI,CAACN,eAAe,EAAE;kBACpB3E,oBAAoB,CAAC,KAAK,CAAC;gBAC7B;cACF;cAEAI,sBAAsB,CAAC,KAAK,CAAC;YAC/B,CAAE;YAAAkC,QAAA,EAEFlE,IAAA,CAAClB,GAAG;cAACuG,EAAE,EAAE;gBAAEyB,OAAO,EAAE,CAAC;gBAAEpB,QAAQ,EAAE;cAAI,CAAE;cAAAxB,QAAA,EACrChE,KAAA;gBACE6G,QAAQ,EAAGX,EAAE,IAAK;kBAChBA,EAAE,CAACY,cAAc,CAAC,CAAC;kBACnBhD,kBAAkB,CAAC,CAAC;kBACpBhC,sBAAsB,CAAC,KAAK,CAAC;kBAC7BJ,oBAAoB,CAAC,KAAK,CAAC;gBAC7B,CAAE;gBAAAsC,QAAA,GAGD/B,0BAA0B,EAAEqC,OAAO,KAAK,cAAc,IACrDrC,0BAA0B,EAAEkB,OAAO,IACjCrD,IAAA,CAACnB,YAAY;kBACXgH,KAAK,EAAE1D,0BAA0B,CAAC0D,KAAM;kBACxCxE,KAAK,EACFC,WAAW,CACVa,0BAA0B,CAACf,EAAE,CAC9B,IAAe,EACjB;kBACD6F,MAAM,EAAE,SAASC,EAAEA,CAAA,EAAG,CAAC,CAAE;kBACzBC,QAAQ,EAAE,SAASD,EAAEA,CAAA,EAAG,CAAC,CAAE;kBAC3BE,OAAO,EAAE,SAASF,EAAEA,CAAA,EAAG,CAAC,CAAE;kBAC1BG,aAAa,EAAE,SAASH,EAAEA,CAAA,EAAG,CAAC,CAAE;kBAChC7D,OAAO,EAAElB,0BAA0B,CAACkB,OAAO,CAACJ,GAAG,CAC5CK,MAAyB,KAAM;oBAC9BuC,KAAK,EAAEvC,MAAM,CAACuC;kBAChB,CAAC,CACH;gBAAE,CACH,CACF,EAEF,CAAC1D,0BAA0B,EAAEqC,OAAO,KAAK,MAAM,IAC9CrC,0BAA0B,EAAEqC,OAAO,KAAK,OAAO,KAC/CtE,KAAA,CAACpB,GAAG;kBACFuG,EAAE,EAAE;oBACFC,OAAO,EAAE,MAAM;oBACfW,GAAG,EAAE,CAAC;oBACNV,UAAU,EAAE;kBACd,CAAE;kBAAArB,QAAA,GAEFlE,IAAA,CAAClB,GAAG;oBAACuG,EAAE,EAAE;sBAAEI,KAAK,EAAE;oBAAO,CAAE;oBAAAvB,QAAA,EACzBlE,IAAA,CAACN,SAAS;sBACR4H,eAAe;sBACfzB,KAAK,EAAE1D,0BAA0B,CAAC0D,KAAM;sBACxC0B,IAAI,EACFpF,0BAA0B,CAACqC,OAAO,KAAK,OAAO,GAC1C,QAAQ,GACR,MACL;sBACDnD,KAAK,EACFC,WAAW,CACVa,0BAA0B,CAACf,EAAE,CAC9B,IAAe,EACjB;sBACD+F,QAAQ,EAAGf,EAAE,IACXzD,iBAAiB,CACfR,0BAA0B,CAACf,EAAE,EAC7BgF,EAAE,CAAC7B,aAAa,CAAClD,KACnB,CACD;sBACDmG,YAAY,EACVlG,WAAW,CAACa,0BAA0B,CAACf,EAAE,CAAC,IACxCpB,IAAA,CAAAyH,WAAA;wBACEC,IAAI,EAAC,OAAO;wBACZ,cAAW,cAAc;wBACzBrD,OAAO,EAAEA,CAAA,KAAM;0BACb1B,iBAAiB,CACfR,0BAA0B,CAACf,EAAE,EAC7BmB,SAAS,EACT,IACF,CAAC;wBACH,CAAE;wBAAA2B,QAAA,EAEFlE,IAAA,CAACX,qBAAqB,IAAE;sBAAC,CACZ;oBAElB,CACF;kBAAC,CACC,CAAC,EACNW,IAAA,CAACd,MAAM;oBACLsF,OAAO,EAAC,SAAS;oBACjBJ,OAAO,EAAEpE,IAAA,CAACb,SAAS,IAAE,CAAE;oBACvBoI,IAAI,EAAC;kBAAQ,CACd,CAAC;gBAAA,CACC,CACN,EAGApF,0BAA0B,EAAEqC,OAAO,KAAK,cAAc,IACrDrC,0BAA0B,EAAEkB,OAAO,IACjCrD,IAAA,CAACL,aAAa;kBACZkG,KAAK,EAAE1D,0BAA0B,CAAC0D,KAAM;kBACxC8B,UAAU;kBAAAzD,QAAA,EAET/B,0BAA0B,CAACkB,OAAO,CAACJ,GAAG,CACpCK,MAAwC,IACvCtD,IAAA,CAACJ,QAAQ;oBAEPiG,KAAK,EAAEvC,MAAM,CAACuC,KAAM;oBACpBxE,KAAK,EAAEiC,MAAM,CAACjC,KAAM;oBACpBuG,gBAAgB,EACdtG,WAAW,CACTa,0BAA0B,CAACf,EAAE,CAC9B,EAAEqC,QAAQ,CAACH,MAAM,CAACjC,KAAK,CAAC,IACzBC,WAAW,CAACa,0BAA0B,CAACf,EAAE,CAAC,KACxCmB,SACH;oBACD4E,QAAQ,EAAEA,CAAA,KACRjE,uBAAuB,CACrBf,0BAA0B,CAACf,EAAE,EAC7BkC,MAAM,CAACjC,KAAK,EACZ,IACF;kBACD,GAhBIiC,MAAM,CAACjC,KAiBb,CAEL;gBAAC,CACY,CAChB,EAGFc,0BAA0B,EAAEqC,OAAO,KAAK,QAAQ,IAC/CrC,0BAA0B,EAAEkB,OAAO,IACjCnD,KAAA,CAACL,UAAU;kBACTgG,KAAK,EAAE1D,0BAA0B,CAAC0D,KAAM;kBACxCsB,QAAQ,EAAEA,CAACU,CAAC,EAAExG,KAAK,KACjBsB,iBAAiB,CACfR,0BAA0B,CAACf,EAAE,EAC7BC,KAAK,EACL,IACF,CACD;kBAAA6C,QAAA,GAEDlE,IAAA,CAACF,KAAK;oBACJ+F,KAAK,EAAC,KAAK;oBACXxE,KAAK,EAAE,EAAG;oBACVyG,SAAS,EACP,CAACxG,WAAW,CAACa,0BAA0B,CAACf,EAAE;kBAC3C,CACF,CAAC,EACFpB,IAAA,CAAAI,SAAA;oBAAA8D,QAAA,EACG/B,0BAA0B,CAACkB,OAAO,CAACJ,GAAG,CACpCK,MAAwC,IACvCtD,IAAA,CAACF,KAAK;sBAEJ+F,KAAK,EAAEvC,MAAM,CAACuC,KAAM;sBACpBxE,KAAK,EAAEiC,MAAM,CAACjC,KAAM;sBACpByG,SAAS,EACPxG,WAAW,CACTa,0BAA0B,CAACf,EAAE,CAC9B,KAAKkC,MAAM,CAACjC;oBACd,GAPIiC,MAAM,CAACjC,KAQb,CAEL;kBAAC,CACD,CAAC;gBAAA,CACO,CACb;cAAA,CACC;YAAC,CACJ;UAAC,CACI,CAAC;QAAA,CACb,CACH,EAGAd,cAAc,IACbP,IAAA;UACE+H,KAAK,EAAE;YAAEtC,KAAK,EAAE;UAAO,CAAE;UACzBsB,QAAQ,EAAGzC,KAAK,IAAK;YACnBA,KAAK,CAAC0C,cAAc,CAAC,CAAC;YACtB,IAAIvG,qBAAqB,EAAE;cACzBF,cAAc,CAACiB,WAAW,CAAC;YAC7B;UACF,CAAE;UAAA0C,QAAA,EAEFhE,KAAA,CAACpB,GAAG;YAACuG,EAAE,EAAE;cAAEC,OAAO,EAAE,MAAM;cAAEW,GAAG,EAAE,CAAC;cAAER,KAAK,EAAE;YAAO,CAAE;YAAAvB,QAAA,GAClDlE,IAAA,CAACf,WAAW;cACVoC,KAAK,EAAEG,WAAY;cACnBqE,KAAK,EAAC,QAAQ;cACdmC,OAAO,EAAEA,CAAA,KAAM;gBACbvG,cAAc,CAAC,EAAE,CAAC;gBAClBlB,cAAc,CAAC,EAAE,CAAC;cACpB,CAAE;cACF4G,QAAQ,EAAGf,EAAE,IAAK3E,cAAc,CAAC2E,EAAE,CAAC6B,MAAM,CAAC5G,KAAK;YAAE,CACnD,CAAC,EACDZ,qBAAqB,IACpBT,IAAA,CAAClB,GAAG;cAAAoF,QAAA,EACFlE,IAAA,CAACd,MAAM;gBACLsF,OAAO,EAAC,SAAS;gBACjBqB,KAAK,EAAC,QAAQ;gBACdxB,OAAO,EAAEA,CAAA,KAAM9D,cAAc,CAACiB,WAAW;cAAE,CAC5C;YAAC,CACC,CACN;UAAA,CACE;QAAC,CACF,CACP;MAAA,CACE,CAAC,EAGNtB,KAAA,CAACpB,GAAG;QAACuG,EAAE,EAAE;UAAEC,OAAO,EAAE,MAAM;UAAEW,GAAG,EAAE;QAAE,CAAE;QAAA/B,QAAA,GAClCxC,aAAa,CAACqB,MAAM,GAAG,CAAC,IACvB/C,IAAA,CAAClB,GAAG;UAAAoF,QAAA,EACFlE,IAAA,CAACd,MAAM;YACLsF,OAAO,EAAC,WAAW;YACnBqB,KAAK,EAAC,eAAe;YACrBxB,OAAO,EAAEA,CAAA,KAAMP,eAAe,CAAC;UAAE,CAClC;QAAC,CACC,CACN,EACAlD,iBAAiB;MAAA,CACf,CAAC;IAAA,CACH,CAAC,EAGLc,aAAa,CAACqB,MAAM,GAAG,CAAC,IACvB/C,IAAA,CAAClB,GAAG;MACFuG,EAAE,EAAE;QACF6C,cAAc,EAAE,CAAC;QACjBC,cAAc,EAAE,SAAS;QACzBC,cAAc,EAAE,OAAO;QACvBC,UAAU,EAAE,CAAC;QACbC,SAAS,EAAE;MACb,CAAE;MAAApE,QAAA,EAEFlE,IAAA,CAACjB,OAAO;QAAAmF,QAAA,EACLxC,aAAa,CAACuB,GAAG,CAAE9B,MAAM,IACxBnB,IAAA,CAAChB,GAAG;UAEF6G,KAAK,EAAG,GAAE1E,MAAM,CAAC0E,KAAM,KAAI1E,MAAM,CAACE,KAAM,EAAE;UAC1CkH,QAAQ,EAAEA,CAAA,KAAM5F,iBAAiB,CAACxB,MAAM,CAACC,EAAE,EAAEmB,SAAS,EAAE,IAAI;QAAE,GAFzDpB,MAAM,CAAC0E,KAGb,CACF;MAAC,CACK;IAAC,CACP,CACN;EAAA,CACE,CAAC;AAEV,CAAC;AAED,MAAM2C,mBAAmB,GAAGjK,IAAI,CAAC8B,WAAW,CAAC;AAC7CmI,mBAAmB,CAACC,WAAW,GAAG,aAAa;AAE/C,SAASD,mBAAmB,IAAInI,WAAW"}
+{"version":3,"file":"DataFilters.js","names":["memo","useCallback","useEffect","useMemo","useRef","useState","styled","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","autocompleteOptions","variant","options","map","option","label","updateInputValue","_ref2","filterId","updateFilters","_ref3","updatedFilters","getAutoCompleteLabel","Array","isArray","valueElement","item","Boolean","handleMultiSelectChange","submit","arguments","length","startingValues","find","currentValues","updatedValues","includes","valuesToSave","sort","join","clearAllFilters","updatedInputValues","handleFilterSubmit","AutocompleteOuterContainer","div","AutocompleteInnerContainer","filterMenu","children","ariaLabel","endIcon","onClick","event","currentTarget","_Menu","anchorOrigin","horizontal","vertical","transformOrigin","anchorEl","onClose","open","PaperProps","ref","latestFilterValue","f","sx","display","alignItems","justifyContent","width","minWidth","marginRight","component","toLowerCase","gap","maxWidth","_Popover","ev","menuRect","getBoundingClientRect","clickInsideMenu","clientX","left","right","clientY","top","bottom","padding","onSubmit","preventDefault","onChange","_","type","hasInitialFocus","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 styled from \"@emotion/styled\";\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 autocompleteOptions = useMemo(() => {\n    // Check if filterPopoverCurrentFilter and filterPopoverCurrentFilter.options are defined\n    if (\n      filterPopoverCurrentFilter?.variant === \"autocomplete\" &&\n      filterPopoverCurrentFilter?.options\n    ) {\n      return filterPopoverCurrentFilter.options.map((option) => ({\n        label: option.label,\n      }));\n    }\n\n    // if filterPopoverCurrentFilter or filterPopoverCurrentFilter.options is undefined\n    return [];\n  }, [filterPopoverCurrentFilter]);\n\n  const updateInputValue = useCallback(\n    ({ filterId, value }: { filterId: string; value: DataFilterValue }) => {\n      setInputValues({ ...inputValues, [filterId]: value });\n    },\n    [inputValues]\n  );\n\n  const updateFilters = useCallback(\n    ({ filterId, value }: { filterId: string; value: DataFilterValue }) => {\n      const updatedFilters = filtersProp.map((filter) => ({\n        ...filter,\n        value: filter.id === filterId ? value : inputValues[filter.id],\n      }));\n\n      setFilters(updatedFilters);\n    },\n    [inputValues, filtersProp]\n  );\n\n  const getAutoCompleteLabel = <\n    Value extends { label: string } | Array<{ label: string }>\n  >(\n    value: Value\n  ) => {\n    if (Array.isArray(value)) {\n      // Iterating to find the label\n      return value\n        .map((valueElement) => {\n          if (typeof valueElement === \"string\") {\n            return undefined;\n          }\n          return valueElement.label;\n        })\n        .filter((item): item is string => Boolean(item));\n    }\n\n    return value?.label;\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 AutocompleteOuterContainer = styled.div`\n    display: flex;\n    gap: 2;\n    align-items: center;\n    alignitems: \"flex-end\";\n  `;\n  const AutocompleteInnerContainer = styled.div`\n    width: \"100%\";\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                        <AutocompleteOuterContainer>\n                          <AutocompleteInnerContainer>\n                            <Autocomplete\n                              label={filterPopoverCurrentFilter.label}\n                              value={\n                                inputValues[filterPopoverCurrentFilter.id] ?? \"\"\n                              }\n                              onChange={(_, value) => {\n                                const label =\n                                  typeof value === \"string\"\n                                    ? getAutoCompleteLabel({ label: value })\n                                    : Array.isArray(value)\n                                    ? getAutoCompleteLabel(\n                                        value.map((item) =>\n                                          typeof item === \"string\"\n                                            ? { label: item }\n                                            : item\n                                        )\n                                      )\n                                    : value\n                                    ? getAutoCompleteLabel(value)\n                                    : \"\";\n\n                                updateInputValue({\n                                  filterId: filterPopoverCurrentFilter.id,\n                                  value: label,\n                                });\n                              }}\n                              options={autocompleteOptions}\n                            />\n                          </AutocompleteInnerContainer>\n                          <Button\n                            variant=\"primary\"\n                            endIcon={<CheckIcon />}\n                            type=\"submit\"\n                          />\n                        </AutocompleteOuterContainer>\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                              updateInputValue({\n                                filterId: filterPopoverCurrentFilter.id,\n                                value: ev.currentTarget.value,\n                              })\n                            }\n                            endAdornment={\n                              inputValues[filterPopoverCurrentFilter.id] && (\n                                <MuiIconButton\n                                  size=\"small\"\n                                  aria-label=\"Clear filter\"\n                                  onClick={() => {\n                                    updateInputValue({\n                                      filterId: filterPopoverCurrentFilter.id,\n                                      value: undefined,\n                                    });\n\n                                    updateFilters({\n                                      filterId: filterPopoverCurrentFilter.id,\n                                      value: undefined,\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                            updateInputValue({\n                              filterId: filterPopoverCurrentFilter.id,\n                              value,\n                            });\n\n                            updateFilters({\n                              filterId: filterPopoverCurrentFilter.id,\n                              value,\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={() => {\n                  updateInputValue({\n                    filterId: filter.id,\n                    value: undefined,\n                  });\n\n                  updateFilters({\n                    filterId: filter.id,\n                    value: undefined,\n                  });\n                }}\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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"}

package/dist/src/labs/DataFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataFilters.d.ts","sourceRoot":"","sources":["../../../src/labs/DataFilters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,SAAS,EAOV,MAAM,OAAO,CAAC;AAyBf,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IACtD;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACvD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC7B,CAAC;AAgeF,QAAA,MAAM,mBAAmB,iLAtdtB,gBAAgB,iBAsd0B,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"DataFilters.d.ts","sourceRoot":"","sources":["../../../src/labs/DataFilters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,SAAS,EAOV,MAAM,OAAO,CAAC;AA0Bf,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IACtD;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACvD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC7B,CAAC;AAqjBF,QAAA,MAAM,mBAAmB,iLA3iBtB,gBAAgB,iBA2iB0B,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}