@okta/odyssey-react-mui 1.13.4 → 1.13.6

package/dist/inputUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputUtils.js","names":["useMemo","ComponentControlledState","CONTROLLED","UNCONTROLLED","getControlState","_ref","controlledValue","uncontrolledValue","undefined","useInputValues","_ref2","defaultValue","value","controlState","inputValues"],"sources":["../src/inputUtils.ts"],"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 { useMemo } from \"react\";\n\nexport type FocusHandle = {\n  focus: () => void;\n};\n\ntype UseControlledStateProps<Value> = {\n  controlledValue?: Value;\n  uncontrolledValue?: Value;\n};\n\nexport const ComponentControlledState = {\n  CONTROLLED: \"CONTROLLED\",\n  UNCONTROLLED: \"UNCONTROLLED\",\n};\n\nexport type ModeType = keyof typeof ComponentControlledState;\nexport type ModeTypeValue = (typeof ComponentControlledState)[ModeType];\n\nexport const getControlState = <Value>({\n  controlledValue,\n  uncontrolledValue,\n}: UseControlledStateProps<Value>): ModeTypeValue => {\n  if (uncontrolledValue !== undefined || controlledValue === undefined) {\n    return ComponentControlledState.UNCONTROLLED;\n  }\n  return ComponentControlledState.CONTROLLED;\n};\n\ntype InputValueProps<Value> = {\n  defaultValue?: Value;\n  value?: Value;\n  controlState: ModeTypeValue;\n};\n\ntype InputValue<Value> =\n  | {\n      defaultValue: Value | undefined;\n      value?: undefined;\n    }\n  | {\n      value: Value | undefined;\n      defaultValue?: undefined;\n    };\n\n/**\n * In components that support being used in a controlled or uncontrolled way, the defaultValue and value props need\n * to be suppled values in a mutually exclusive way.\n * If a `value` is being provided to the component, then it is being used in a controlled manner and `defaultValue` needs to be undefined.\n * If `value` is undefined, then that means the component is being used in an uncontrolled way and `defaultValue` is either Value or undefined.\n * This helper helps ensure this mutual exclusivity between the 2 props so the component can operate as expected.\n *\n * @param {InputValueProps<Value>}: { defaultValue: Value | undefined, value: Value | undefined }\n * @returns {InputValue<Value>}: { defaultValue: Value | undefined, value?: undefined } | { defaultValue?: undefined, value: Value }\n */\nexport const useInputValues = <Value>({\n  defaultValue,\n  value,\n  controlState,\n}: InputValueProps<Value>): InputValue<Value> => {\n  const inputValues = useMemo(() => {\n    if (controlState === ComponentControlledState.CONTROLLED) {\n      return { value };\n    }\n    return { defaultValue };\n  }, [defaultValue, value]);\n  return inputValues;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAW/B,OAAO,MAAMC,wBAAwB,GAAG;EACtCC,UAAU,EAAE,YAAY;EACxBC,YAAY,EAAE;AAChB,CAAC;AAKD,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGsB;EAAA,IAHd;IACrCC,eAAe;IACfC;EAC8B,CAAC,GAAAF,IAAA;EAC/B,IAAIE,iBAAiB,KAAKC,SAAS,IAAIF,eAAe,KAAKE,SAAS,EAAE;IACpE,OAAOP,wBAAwB,CAACE,YAAY;EAC9C;EACA,OAAOF,wBAAwB,CAACC,UAAU;AAC5C,CAAC;AA4BD,OAAO,MAAMO,cAAc,GAAGC,KAAA,IAImB;EAAA,IAJX;IACpCC,YAAY;IACZC,KAAK;IACLC;EACsB,CAAC,GAAAH,KAAA;EACvB,MAAMI,WAAW,GAAGd,OAAO,CAAC,MAAM;IAChC,IAAIa,YAAY,KAAKZ,wBAAwB,CAACC,UAAU,EAAE;MACxD,OAAO;QAAEU;MAAM,CAAC;IAClB;IACA,OAAO;MAAED;IAAa,CAAC;EACzB,CAAC,EAAE,CAACA,YAAY,EAAEC,KAAK,CAAC,CAAC;EACzB,OAAOE,WAAW;AACpB,CAAC"}
+{"version":3,"file":"inputUtils.js","names":["useMemo","ComponentControlledState","CONTROLLED","UNCONTROLLED","getControlState","controlledValue","uncontrolledValue","undefined","useInputValues","defaultValue","value","controlState","inputValues"],"sources":["../src/inputUtils.ts"],"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 { useMemo } from \"react\";\n\nexport type FocusHandle = {\n  focus: () => void;\n};\n\ntype UseControlledStateProps<Value> = {\n  controlledValue?: Value;\n  uncontrolledValue?: Value;\n};\n\nexport const ComponentControlledState = {\n  CONTROLLED: \"CONTROLLED\",\n  UNCONTROLLED: \"UNCONTROLLED\",\n};\n\nexport type ModeType = keyof typeof ComponentControlledState;\nexport type ModeTypeValue = (typeof ComponentControlledState)[ModeType];\n\nexport const getControlState = <Value>({\n  controlledValue,\n  uncontrolledValue,\n}: UseControlledStateProps<Value>): ModeTypeValue => {\n  if (uncontrolledValue !== undefined || controlledValue === undefined) {\n    return ComponentControlledState.UNCONTROLLED;\n  }\n  return ComponentControlledState.CONTROLLED;\n};\n\ntype InputValueProps<Value> = {\n  defaultValue?: Value;\n  value?: Value;\n  controlState: ModeTypeValue;\n};\n\ntype InputValue<Value> =\n  | {\n      defaultValue: Value | undefined;\n      value?: undefined;\n    }\n  | {\n      value: Value | undefined;\n      defaultValue?: undefined;\n    };\n\n/**\n * In components that support being used in a controlled or uncontrolled way, the defaultValue and value props need\n * to be suppled values in a mutually exclusive way.\n * If a `value` is being provided to the component, then it is being used in a controlled manner and `defaultValue` needs to be undefined.\n * If `value` is undefined, then that means the component is being used in an uncontrolled way and `defaultValue` is either Value or undefined.\n * This helper helps ensure this mutual exclusivity between the 2 props so the component can operate as expected.\n *\n * @param {InputValueProps<Value>}: { defaultValue: Value | undefined, value: Value | undefined }\n * @returns {InputValue<Value>}: { defaultValue: Value | undefined, value?: undefined } | { defaultValue?: undefined, value: Value }\n */\nexport const useInputValues = <Value>({\n  defaultValue,\n  value,\n  controlState,\n}: InputValueProps<Value>): InputValue<Value> => {\n  const inputValues = useMemo(() => {\n    if (controlState === ComponentControlledState.CONTROLLED) {\n      return { value };\n    }\n    return { defaultValue };\n  }, [defaultValue, value]);\n  return inputValues;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAW/B,OAAO,MAAMC,wBAAwB,GAAG;EACtCC,UAAU,EAAE,YAAY;EACxBC,YAAY,EAAE;AAChB,CAAC;AAKD,OAAO,MAAMC,eAAe,GAAGA,CAAQ;EACrCC,eAAe;EACfC;AAC8B,CAAC,KAAoB;EACnD,IAAIA,iBAAiB,KAAKC,SAAS,IAAIF,eAAe,KAAKE,SAAS,EAAE;IACpE,OAAON,wBAAwB,CAACE,YAAY;EAC9C;EACA,OAAOF,wBAAwB,CAACC,UAAU;AAC5C,CAAC;AA4BD,OAAO,MAAMM,cAAc,GAAGA,CAAQ;EACpCC,YAAY;EACZC,KAAK;EACLC;AACsB,CAAC,KAAwB;EAC/C,MAAMC,WAAW,GAAGZ,OAAO,CAAC,MAAM;IAChC,IAAIW,YAAY,KAAKV,wBAAwB,CAACC,UAAU,EAAE;MACxD,OAAO;QAAEQ;MAAM,CAAC;IAClB;IACA,OAAO;MAAED;IAAa,CAAC;EACzB,CAAC,EAAE,CAACA,YAAY,EAAEC,KAAK,CAAC,CAAC;EACzB,OAAOE,WAAW;AACpB,CAAC"}

package/dist/labs/DataFilters.js

@@ -32,16 +32,15 @@ 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 DataFilters = ({
+  onChangeSearch,
+  onChangeFilters,
+  hasSearchSubmitButton = false,
+  searchDelayTime = 200,
+  defaultSearchTerm = "",
+  additionalActions,
+  filters: filtersProp = []
+}) => {
   const [filters, setFilters] = useState(filtersProp);
   const initialInputValues = useMemo(() => {
     return filtersProp.reduce((accumulator, filter) => {
@@ -82,21 +81,19 @@ const DataFilters = _ref => {
     }
     return [];
   }, [filterPopoverCurrentFilter]);
-  const updateInputValue = useCallback(_ref2 => {
-    let {
-      filterId,
-      value
-    } = _ref2;
+  const updateInputValue = useCallback(({
+    filterId,
+    value
+  }) => {
     setInputValues({
       ...inputValues,
       [filterId]: value
     });
   }, [inputValues]);
-  const updateFilters = useCallback(_ref3 => {
-    let {
-      filterId,
-      value
-    } = _ref3;
+  const updateFilters = useCallback(({
+    filterId,
+    value
+  }) => {
     const updatedFilters = filtersProp.map(filter => ({
       ...filter,
       value: filter.id === filterId ? value : inputValues[filter.id]
@@ -114,8 +111,7 @@ const DataFilters = _ref => {
     }
     return value?.label;
   };
-  const handleMultiSelectChange = useCallback(function (filterId, value) {
-    let submit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const handleMultiSelectChange = useCallback((filterId, value, submit = 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];

package/dist/labs/DataFilters.js.map

@@ -1 +1 @@
-{"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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"}
+{"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","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","filterId","updateFilters","updatedFilters","getAutoCompleteLabel","Array","isArray","valueElement","item","Boolean","handleMultiSelectChange","submit","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","length","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/labs/DataTable.js

@@ -24,12 +24,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const densityValues = ["comfortable", "spacious", "compact"];
-const reorderDataRowsLocally = _ref => {
-  let {
-    currentData,
-    rowId,
-    newIndex
-  } = _ref;
+const reorderDataRowsLocally = ({
+  currentData,
+  rowId,
+  newIndex
+}) => {
   const updatedData = [...currentData];
   const rowIndex = updatedData.findIndex(row => row.id === rowId);
   if (rowIndex !== -1) {
@@ -38,33 +37,32 @@ const reorderDataRowsLocally = _ref => {
   }
   return updatedData;
 };
-const DataTable = _ref2 => {
-  let {
-    columns,
-    data: dataProp,
-    getRowId,
-    page: pageProp = 1,
-    initialDensity = densityValues[0],
-    resultsPerPage: resultsPerPageProp = 20,
-    fetchDataFn,
-    reorderDataFn,
-    totalRows,
-    hasSearchSubmitButton,
-    searchDelayTime,
-    paginationType = "paged",
-    onRowSelectionChange,
-    rowActionButtons,
-    rowActionMenuItems,
-    hasChangeableDensity,
-    hasColumnResizing,
-    hasColumnVisibility,
-    hasFilters,
-    hasPagination,
-    hasRowReordering,
-    hasRowSelection,
-    hasSearch,
-    hasSorting
-  } = _ref2;
+const DataTable = ({
+  columns,
+  data: dataProp,
+  getRowId,
+  page: pageProp = 1,
+  initialDensity = densityValues[0],
+  resultsPerPage: resultsPerPageProp = 20,
+  fetchDataFn,
+  reorderDataFn,
+  totalRows,
+  hasSearchSubmitButton,
+  searchDelayTime,
+  paginationType = "paged",
+  onRowSelectionChange,
+  rowActionButtons,
+  rowActionMenuItems,
+  hasChangeableDensity,
+  hasColumnResizing,
+  hasColumnVisibility,
+  hasFilters,
+  hasPagination,
+  hasRowReordering,
+  hasRowSelection,
+  hasSearch,
+  hasSorting
+}) => {
   const odysseyDesignTokens = useOdysseyDesignTokens();
   const [draggingRow, setDraggingRow] = useState();
   const [showSkeletons, setShowSkeletons] = useState(true);
@@ -126,11 +124,10 @@ const DataTable = _ref2 => {
   const handleRowSelectionChange = useCallback(updater => {
     setRowSelection(prevRowSelection => updater instanceof Function ? updater(prevRowSelection) : rowSelection);
   }, [rowSelection]);
-  const updateRowOrder = useCallback(_ref3 => {
-    let {
-      rowId,
-      newIndex
-    } = _ref3;
+  const updateRowOrder = useCallback(({
+    rowId,
+    newIndex
+  }) => {
     if (newIndex < 0) {
       return;
     }
@@ -162,12 +159,11 @@ const DataTable = _ref2 => {
     setDraggingRow(null);
     table.setHoveredRow(null);
   };
-  const handleDragHandleKeyDown = useCallback(_ref4 => {
-    let {
-      table,
-      row,
-      event
-    } = _ref4;
+  const handleDragHandleKeyDown = useCallback(({
+    table,
+    row,
+    event
+  }) => {
     const {
       hoveredRow
     } = table.getState();
@@ -318,56 +314,46 @@ const DataTable = _ref2 => {
     onRowSelectionChange: handleRowSelectionChange,
     enableRowActions: hasRowReordering === true || rowActionButtons || rowActionMenuItems ? true : false,
     positionActionsColumn: "last",
-    muiTableHeadCellProps: _ref5 => {
-      let {
-        column
-      } = _ref5;
-      return {
-        className: sorting.find(item => item.id === column.id) ? "isSorted" : "isUnsorted"
-      };
-    },
-    muiTableBodyRowProps: _ref6 => {
-      let {
-        table,
-        row
-      } = _ref6;
-      return {
-        className: draggingRow?.id === row.id && table.getState().hoveredRow?.id !== row.id ? "isDragging" : table.getState().hoveredRow?.id === row.id && draggingRow?.id !== row.id ? "isDragTarget" : draggingRow?.id === row.id && table.getState().hoveredRow?.id === row.id ? "isDragging isDragTarget" : undefined
-      };
-    },
-    muiRowDragHandleProps: _ref7 => {
-      let {
+    muiTableHeadCellProps: ({
+      column
+    }) => ({
+      className: sorting.find(item => item.id === column.id) ? "isSorted" : "isUnsorted"
+    }),
+    muiTableBodyRowProps: ({
+      table,
+      row
+    }) => ({
+      className: draggingRow?.id === row.id && table.getState().hoveredRow?.id !== row.id ? "isDragging" : table.getState().hoveredRow?.id === row.id && draggingRow?.id !== row.id ? "isDragTarget" : draggingRow?.id === row.id && table.getState().hoveredRow?.id === row.id ? "isDragging isDragTarget" : undefined
+    }),
+    muiRowDragHandleProps: ({
+      table,
+      row
+    }) => ({
+      title: "Drag row or press space/enter key to start and stop reordering",
+      "aria-label": "Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.",
+      onKeyDown: event => handleDragHandleKeyDown({
         table,
-        row
-      } = _ref7;
-      return {
-        title: "Drag row or press space/enter key to start and stop reordering",
-        "aria-label": "Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.",
-        onKeyDown: event => handleDragHandleKeyDown({
-          table,
-          row,
-          event
-        }),
-        onBlur: () => {
-          resetDraggingAndHoveredRow(table);
-        },
-        onDragEnd: () => handleDragHandleOnDragEnd(table),
-        onDragCapture: () => handleDragHandleOnDragCapture(table),
-        sx: {
-          padding: odysseyDesignTokens.Spacing1,
-          borderRadius: odysseyDesignTokens.BorderRadiusMain,
-          "&:focus-visible": {
-            boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,
-            outline: "2px solid transparent",
-            outlineOffset: "1px"
-          }
+        row,
+        event
+      }),
+      onBlur: () => {
+        resetDraggingAndHoveredRow(table);
+      },
+      onDragEnd: () => handleDragHandleOnDragEnd(table),
+      onDragCapture: () => handleDragHandleOnDragCapture(table),
+      sx: {
+        padding: odysseyDesignTokens.Spacing1,
+        borderRadius: odysseyDesignTokens.BorderRadiusMain,
+        "&:focus-visible": {
+          boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,
+          outline: "2px solid transparent",
+          outlineOffset: "1px"
         }
-      };
-    },
-    renderRowActions: _ref8 => {
-      let {
-        row
-      } = _ref8;
+      }
+    }),
+    renderRowActions: ({
+      row
+    }) => {
       const currentIndex = row.index + (page - 1) * resultsPerPage;
       return _jsxs(Box, {
         sx: {