dinocollab-core 2.2.14 → 2.2.16

package/dist/src/filter-bar/components/filter-input.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-input.mobile.js","sources":["../../../../src/filter-bar/components/filter-input.mobile.tsx"],"sourcesContent":["// Mobile search drawer: opens drawer from bottom and focuses input\r\nimport { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, IconButton, InputBase, styled, Tooltip, SwipeableDrawer, Stack, Divider, Typography, Button, Chip } from '@mui/material'\r\nimport SearchIcon from '@mui/icons-material/Search'\r\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\r\nimport ClearIcon from '@mui/icons-material/Clear'\r\nimport NorthWestIcon from '@mui/icons-material/NorthWest'\r\nimport type { FC, RefObject } from 'react'\r\nimport { InputAdornmentRight } from './filter-input.units'\r\n// import SwipeableDrawer from '@mui/material/SwipeableDrawer'\r\n\r\nconst DEFAULT_PLACEHOLDER = 'Search...'\r\nconst HISTORY_KEY = 'dino_search_history_v1'\r\nconst MAX_HISTORY_STORED = 20\r\nconst MAX_HISTORY_DISPLAYED = 5\r\n\r\nconst Root = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2),\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: theme.spacing(1)\r\n}))\r\n\r\nconst Header = styled('div')(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1)\r\n}))\r\n\r\n//#region InputSearch\r\ninterface IInputSearchProps {\r\n  placeholder?: string\r\n  inputRef?: RefObject<HTMLInputElement>\r\n  hasKeyword?: boolean\r\n  onEnter?: () => void\r\n  onChange?: (value: string) => void\r\n  onClear?: () => void\r\n}\r\nconst InputSearch: FC<IInputSearchProps> = (props) => {\r\n  const { placeholder = DEFAULT_PLACEHOLDER, inputRef, hasKeyword, onEnter, onChange, onClear } = props\r\n  const localRef = useRef<HTMLInputElement | null>(null)\r\n  const refToUse = (inputRef as RefObject<HTMLInputElement>) ?? localRef\r\n\r\n  useEffect(() => {\r\n    // ensure focus opens mobile keyboard — sometimes requires a small delay\r\n    const t = setTimeout(() => refToUse.current?.focus(), 50)\r\n    return () => {\r\n      // blur on unmount to dismiss soft keyboard before drawer closes\r\n      try {\r\n        refToUse.current?.blur()\r\n      } catch {\r\n        // ignore\r\n      }\r\n      clearTimeout(t)\r\n    }\r\n  }, [refToUse])\r\n\r\n  return (\r\n    <SearchInput\r\n      fullWidth\r\n      inputRef={refToUse}\r\n      placeholder={placeholder}\r\n      inputProps={{ autoCapitalize: 'off', autoComplete: 'off' }}\r\n      onKeyDown={(e) => {\r\n        if (e.key === 'Enter') {\r\n          e.preventDefault()\r\n          onEnter?.()\r\n        }\r\n      }}\r\n      onChange={(e) => onChange?.(e.target.value)}\r\n      endAdornment={<InputAdornmentRight hasKeyword={hasKeyword} onSubmit={onEnter} onClear={onClear} />}\r\n    />\r\n  )\r\n}\r\n\r\nconst SearchInput = styled(InputBase)(({ theme }) => ({\r\n  border: `1px solid ${theme.palette.divider}`,\r\n  borderRadius: theme.shape.borderRadius,\r\n  padding: theme.spacing(0.5, 1)\r\n}))\r\n//#endregion\r\n\r\n//#region SearchHistory\r\ninterface ISearchHistoryProps {\r\n  history: string[]\r\n  onSelect: (keyword: string) => void\r\n  onFillInput?: (keyword: string) => void\r\n  onClear?: () => void\r\n}\r\nconst SearchHistory: FC<ISearchHistoryProps> = (props) => {\r\n  const { history, onSelect, onFillInput, onClear } = props\r\n  if (!history || history.length === 0) {\r\n    return (\r\n      <SearchHistoryNoResults>\r\n        <Typography variant='body2' color='textSecondary'>\r\n          No recent searches.\r\n        </Typography>\r\n      </SearchHistoryNoResults>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <SearchHistoryStyled className={searchHistoryClasses.root}>\r\n      <Stack direction='row' justifyContent='space-between' alignItems='center' sx={{ mb: 1 }}>\r\n        <Typography variant='subtitle2' fontWeight={600}>\r\n          Recent Searches\r\n        </Typography>\r\n        {onClear && (\r\n          <Tooltip title='Clear history' arrow>\r\n            <IconButton size='small' onClick={onClear}>\r\n              <ClearIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )}\r\n      </Stack>\r\n      <Stack className={searchHistoryClasses.items}>\r\n        {history.map((keyword, idx) => (\r\n          <Box key={idx} className={searchHistoryClasses.item} onClick={() => onSelect(keyword)} sx={{ cursor: 'pointer' }}>\r\n            <Typography variant='body2' noWrap sx={{ flex: 1 }}>\r\n              {keyword}\r\n            </Typography>\r\n            <Tooltip title='Fill input' arrow>\r\n              <IconButton\r\n                size='small'\r\n                sx={{ color: 'text.secondary', '&:hover': { color: 'text.primary' } }}\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  onFillInput?.(keyword)\r\n                }}\r\n              >\r\n                <NorthWestIcon fontSize='small' />\r\n              </IconButton>\r\n            </Tooltip>\r\n          </Box>\r\n        ))}\r\n      </Stack>\r\n    </SearchHistoryStyled>\r\n  )\r\n}\r\nconst searchHistoryClasses = {\r\n  root: 'DinoSearchHistory-root',\r\n  items: 'DinoSearchHistory-items',\r\n  item: 'DinoSearchHistory-item'\r\n}\r\nconst SearchHistoryStyled = styled(Box)(({ theme }) => ({\r\n  padding: '8px 16px',\r\n  marginTop: 1,\r\n  [`.${searchHistoryClasses.items}`]: {},\r\n  [`.${searchHistoryClasses.item}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1),\r\n    padding: theme.spacing(0.5, 1),\r\n    marginBottom: theme.spacing(0.5),\r\n    borderRadius: theme.shape.borderRadius,\r\n    backgroundColor: 'rgba(0,0,0,0.02)',\r\n    '&:hover': { backgroundColor: 'rgba(0,0,0,0.04)' },\r\n    '&:first-of-type': { marginTop: 0 }\r\n  }\r\n}))\r\n\r\nconst SearchHistoryNoResults = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2),\r\n  textAlign: 'center',\r\n  color: theme.palette.text.secondary,\r\n  border: `0.5px dashed ${theme.palette.divider}`,\r\n  borderRadius: theme.shape.borderRadius,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1),\r\n  margin: theme.spacing(1, 2)\r\n}))\r\n\r\n//#endregion\r\n//#region Main Component\r\nexport interface IMobileSearchButtonProps {\r\n  placeholder?: string\r\n  onSearching?: (keyword: string) => void\r\n}\r\n\r\nexport const MobileSearchButton: FC<IMobileSearchButtonProps> = (props) => {\r\n  const { onSearching, placeholder } = props\r\n\r\n  const [isOpenDrawer, setIsOpenDrawer] = useState(false)\r\n  const [history, setHistory] = useState<string[]>([])\r\n  const [inputValue, setInputValue] = useState('')\r\n\r\n  const refInput = useRef<HTMLInputElement | null>(null)\r\n\r\n  // Load history from localStorage on mount\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return\r\n    try {\r\n      const raw = localStorage.getItem(HISTORY_KEY)\r\n      if (raw) {\r\n        const parsed = JSON.parse(raw)\r\n        if (Array.isArray(parsed)) setHistory(parsed)\r\n      }\r\n    } catch {\r\n      // ignore\r\n    }\r\n  }, [])\r\n\r\n  // Save keyword to history (dedupe, limit to MAX_HISTORY_STORED)\r\n  const pushHistory = (keyword: string) => {\r\n    const trimmed = keyword.trim()\r\n    if (!trimmed) return\r\n\r\n    setHistory((prev) => {\r\n      const next = [trimmed, ...prev.filter((x) => x !== trimmed)].slice(0, MAX_HISTORY_STORED)\r\n      try {\r\n        localStorage.setItem(HISTORY_KEY, JSON.stringify(next))\r\n      } catch {\r\n        // ignore\r\n      }\r\n      return next\r\n    })\r\n  }\r\n\r\n  // Filter history based on current input (limit to MAX_HISTORY_DISPLAYED)\r\n  const filteredHistory = useMemo(() => {\r\n    const finalValue = (inputValue || '').trim()\r\n    if (!finalValue) return history.slice(0, MAX_HISTORY_DISPLAYED)\r\n    return history.filter((kw) => kw.toLowerCase().includes(finalValue.toLowerCase())).slice(0, MAX_HISTORY_DISPLAYED)\r\n  }, [inputValue, history])\r\n\r\n  const handleBack = () => {\r\n    setInputValue('')\r\n    try {\r\n      refInput.current?.blur()\r\n    } catch {\r\n      // ignore\r\n    }\r\n    setIsOpenDrawer(false)\r\n  }\r\n\r\n  const handleSearch = () => {\r\n    const keyword = refInput.current?.value?.trim() || ''\r\n    if (keyword) {\r\n      pushHistory(keyword)\r\n      onSearching?.(keyword)\r\n      handleCloseDrawer()\r\n    }\r\n  }\r\n\r\n  const handleSelectHistory = (keyword: string) => {\r\n    if (refInput.current) refInput.current.value = keyword\r\n    setInputValue(keyword)\r\n    pushHistory(keyword)\r\n    onSearching?.(keyword)\r\n    handleCloseDrawer()\r\n  }\r\n\r\n  const handleFillInput = (keyword: string) => {\r\n    if (refInput.current) refInput.current.value = keyword\r\n    setInputValue(keyword)\r\n    refInput.current?.focus()\r\n  }\r\n\r\n  const handleClearHistory = () => {\r\n    setHistory([])\r\n    try {\r\n      localStorage.removeItem(HISTORY_KEY)\r\n    } catch {\r\n      // ignore\r\n    }\r\n  }\r\n\r\n  const handleClearInput = () => {\r\n    if (refInput.current) refInput.current.value = ''\r\n    setInputValue('')\r\n    refInput.current?.focus()\r\n  }\r\n\r\n  const handleCloseDrawer = () => {\r\n    try {\r\n      refInput.current?.blur()\r\n    } catch {}\r\n    setIsOpenDrawer(false)\r\n  }\r\n\r\n  const handleOpenDrawer = () => {\r\n    setIsOpenDrawer(true)\r\n    setInputValue('')\r\n    if (refInput.current) refInput.current.value = ''\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Tooltip title='Search' arrow>\r\n        <IconButton size='small' onClick={handleOpenDrawer} aria-label='Open search'>\r\n          <SearchIcon />\r\n        </IconButton>\r\n      </Tooltip>\r\n      <SwipeableDrawerStyled\r\n        anchor='bottom'\r\n        open={isOpenDrawer}\r\n        onClose={handleCloseDrawer}\r\n        onOpen={handleOpenDrawer}\r\n        disableBackdropTransition={false}\r\n        disableDiscovery={false}\r\n        swipeAreaWidth={20}\r\n      >\r\n        <Box sx={{ display: 'flex', justifyContent: 'center', py: 1 }}>\r\n          <Box sx={{ width: 40, height: 4, borderRadius: 2, backgroundColor: 'divider' }} />\r\n        </Box>\r\n        <Stack gap={1} style={{ flexDirection: 'row', alignItems: 'center', padding: '0 8px' }}>\r\n          <Tooltip title='Back' arrow>\r\n            <IconButton size='small' onClick={handleBack}>\r\n              <ChevronLeftIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n          <InputSearch\r\n            placeholder={placeholder}\r\n            inputRef={refInput}\r\n            hasKeyword={Boolean(inputValue)}\r\n            onEnter={handleSearch}\r\n            onChange={setInputValue}\r\n            onClear={handleClearInput}\r\n          />\r\n          <Tooltip title='Search' arrow>\r\n            <IconButton size='small' onClick={handleSearch} aria-label='Apply search'>\r\n              <SearchIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        </Stack>\r\n        <Typography variant='caption' color='textSecondary' sx={{ px: 2, mt: 1 }}>\r\n          Enter the value to search for and hit enter or click the enter icon to apply.\r\n        </Typography>\r\n        <SearchHistory history={filteredHistory} onSelect={handleSelectHistory} onFillInput={handleFillInput} onClear={handleClearHistory} />\r\n      </SwipeableDrawerStyled>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default MobileSearchButton\r\n\r\nconst SwipeableDrawerStyled = styled(SwipeableDrawer)(({ theme }) => ({\r\n  zIndex: theme.zIndex.modal - 10, // ensure it's below any modal that might be opened from the filter bar\r\n  '.MuiPaper-root': {\r\n    height: 'calc(100svh - 56px)',\r\n    maxHeight: 'calc(100svh - 56px)',\r\n    borderTopLeftRadius: 12,\r\n    borderTopRightRadius: 12,\r\n    overflow: 'auto'\r\n  }\r\n}))\r\n//#endregion\r\n"],"names":["HISTORY_KEY","styled","Box","_ref","theme","padding","spacing","display","flexDirection","gap","_ref2","alignItems","InputSearch","props","_props$placeholder","placeholder","DEFAULT_PLACEHOLDER","inputRef","hasKeyword","onEnter","onChange","onClear","localRef","useRef","refToUse","useEffect","t","setTimeout","_refToUse$current","current","focus","_refToUse$current2","blur","_unused","clearTimeout","_jsx","SearchInput","fullWidth","inputProps","autoCapitalize","autoComplete","onKeyDown","e","key","preventDefault","target","value","endAdornment","InputAdornmentRight","onSubmit","InputBase","_ref3","border","concat","palette","divider","borderRadius","shape","SearchHistory","history","onSelect","onFillInput","length","_jsxs","SearchHistoryStyled","className","searchHistoryClasses","root","Stack","direction","justifyContent","sx","mb","children","Typography","variant","fontWeight","Tooltip","title","arrow","IconButton","size","onClick","ClearIcon","fontSize","items","map","keyword","idx","item","cursor","noWrap","flex","color","stopPropagation","NorthWestIcon","SearchHistoryNoResults","_ref4","_defineProperty","marginTop","marginBottom","backgroundColor","_ref6","textAlign","text","secondary","margin","MobileSearchButton","onSearching","_useState","useState","_useState2","_slicedToArray","isOpenDrawer","setIsOpenDrawer","_useState3","_useState4","setHistory","_useState5","_useState6","inputValue","setInputValue","refInput","window","raw","localStorage","getItem","parsed","JSON","parse","Array","isArray","_unused2","pushHistory","trimmed","trim","prev","next","_toConsumableArray","filter","x","slice","setItem","stringify","_unused3","filteredHistory","useMemo","finalValue","kw","toLowerCase","includes","handleSearch","_refInput$current2","handleCloseDrawer","_refInput$current5","_unused6","handleOpenDrawer","_Fragment","SearchIcon","SwipeableDrawerStyled","anchor","open","onClose","onOpen","disableBackdropTransition","disableDiscovery","swipeAreaWidth","py","width","height","style","_refInput$current","_unused4","ChevronLeftIcon","Boolean","_refInput$current4","px","mt","_refInput$current3","removeItem","_unused5","SwipeableDrawer","_ref7","zIndex","modal","maxHeight","borderTopLeftRadius","borderTopRightRadius","overflow"],"mappings":"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"}
+{"version":3,"file":"filter-input.mobile.js","sources":["../../../../src/filter-bar/components/filter-input.mobile.tsx"],"sourcesContent":["// imports\r\nimport { useEffect, useMemo, useRef, useState } from 'react'\r\nimport { Box, IconButton, InputBase, styled, Tooltip, SwipeableDrawer, Stack, Typography } from '@mui/material'\r\nimport ClearIcon from '@mui/icons-material/Clear'\r\nimport SearchIcon from '@mui/icons-material/Search'\r\nimport NorthWestIcon from '@mui/icons-material/NorthWest'\r\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\r\nimport { InputAdornmentRight } from './filter-input.units'\r\n// types\r\nimport type { FC, RefObject } from 'react'\r\n\r\nconst DEFAULT_PLACEHOLDER = 'Search...'\r\nconst HISTORY_KEY = 'dino_search_history_v1'\r\nconst MAX_HISTORY_STORED = 20\r\nconst MAX_HISTORY_DISPLAYED = 5\r\n\r\n// const Root = styled(Box)(({ theme }) => ({\r\n//   padding: theme.spacing(2),\r\n//   display: 'flex',\r\n//   flexDirection: 'column',\r\n//   gap: theme.spacing(1)\r\n// }))\r\n\r\n// const Header = styled('div')(({ theme }) => ({\r\n//   display: 'flex',\r\n//   alignItems: 'center',\r\n//   gap: theme.spacing(1)\r\n// }))\r\n\r\n//#region InputSearch\r\ninterface IInputSearchProps {\r\n  placeholder?: string\r\n  inputRef?: RefObject<HTMLInputElement>\r\n  hasKeyword?: boolean\r\n  onEnter?: () => void\r\n  onChange?: (value: string) => void\r\n  onClear?: () => void\r\n}\r\nconst InputSearch: FC<IInputSearchProps> = (props) => {\r\n  const { placeholder = DEFAULT_PLACEHOLDER, inputRef, hasKeyword, onEnter, onChange, onClear } = props\r\n  const localRef = useRef<HTMLInputElement | null>(null)\r\n  const refToUse = (inputRef as RefObject<HTMLInputElement>) ?? localRef\r\n\r\n  useEffect(() => {\r\n    // ensure focus opens mobile keyboard — sometimes requires a small delay\r\n    const t = setTimeout(() => refToUse.current?.focus(), 50)\r\n    return () => {\r\n      // blur on unmount to dismiss soft keyboard before drawer closes\r\n      try {\r\n        refToUse.current?.blur()\r\n      } catch {\r\n        // ignore\r\n      }\r\n      clearTimeout(t)\r\n    }\r\n  }, [refToUse])\r\n\r\n  return (\r\n    <SearchInput\r\n      fullWidth\r\n      inputRef={refToUse}\r\n      placeholder={placeholder}\r\n      inputProps={{ autoCapitalize: 'off', autoComplete: 'off' }}\r\n      onKeyDown={(e) => {\r\n        if (e.key === 'Enter') {\r\n          e.preventDefault()\r\n          onEnter?.()\r\n        }\r\n      }}\r\n      onChange={(e) => onChange?.(e.target.value)}\r\n      endAdornment={<InputAdornmentRight hasKeyword={hasKeyword} onSubmit={onEnter} onClear={onClear} />}\r\n    />\r\n  )\r\n}\r\n\r\nconst SearchInput = styled(InputBase)(({ theme }) => ({\r\n  border: `1px solid ${theme.palette.divider}`,\r\n  borderRadius: theme.shape.borderRadius,\r\n  padding: theme.spacing(0.5, 1)\r\n}))\r\n//#endregion\r\n\r\n//#region SearchHistory\r\ninterface ISearchHistoryProps {\r\n  history: string[]\r\n  onSelect: (keyword: string) => void\r\n  onFillInput?: (keyword: string) => void\r\n  onClear?: () => void\r\n}\r\nconst SearchHistory: FC<ISearchHistoryProps> = (props) => {\r\n  const { history, onSelect, onFillInput, onClear } = props\r\n  if (!history || history.length === 0) {\r\n    return (\r\n      <SearchHistoryNoResults>\r\n        <Typography variant='body2' color='textSecondary'>\r\n          No recent searches.\r\n        </Typography>\r\n      </SearchHistoryNoResults>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <SearchHistoryStyled className={searchHistoryClasses.root}>\r\n      <Stack direction='row' justifyContent='space-between' alignItems='center' sx={{ mb: 1 }}>\r\n        <Typography variant='subtitle2' fontWeight={600}>\r\n          Recent Searches\r\n        </Typography>\r\n        {onClear && (\r\n          <Tooltip title='Clear history' arrow>\r\n            <IconButton size='small' onClick={onClear}>\r\n              <ClearIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        )}\r\n      </Stack>\r\n      <Stack className={searchHistoryClasses.items}>\r\n        {history.map((keyword, idx) => (\r\n          <Box key={idx} className={searchHistoryClasses.item} onClick={() => onSelect(keyword)} sx={{ cursor: 'pointer' }}>\r\n            <Typography variant='body2' noWrap sx={{ flex: 1 }}>\r\n              {keyword}\r\n            </Typography>\r\n            <Tooltip title='Fill input' arrow>\r\n              <IconButton\r\n                size='small'\r\n                sx={{ color: 'text.secondary', '&:hover': { color: 'text.primary' } }}\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                  onFillInput?.(keyword)\r\n                }}\r\n              >\r\n                <NorthWestIcon fontSize='small' />\r\n              </IconButton>\r\n            </Tooltip>\r\n          </Box>\r\n        ))}\r\n      </Stack>\r\n    </SearchHistoryStyled>\r\n  )\r\n}\r\nconst searchHistoryClasses = {\r\n  root: 'DinoSearchHistory-root',\r\n  items: 'DinoSearchHistory-items',\r\n  item: 'DinoSearchHistory-item'\r\n}\r\nconst SearchHistoryStyled = styled(Box)(({ theme }) => ({\r\n  padding: '8px 16px',\r\n  marginTop: 1,\r\n  [`.${searchHistoryClasses.items}`]: {},\r\n  [`.${searchHistoryClasses.item}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1),\r\n    padding: theme.spacing(0.5, 1),\r\n    marginBottom: theme.spacing(0.5),\r\n    borderRadius: theme.shape.borderRadius,\r\n    backgroundColor: 'rgba(0,0,0,0.02)',\r\n    '&:hover': { backgroundColor: 'rgba(0,0,0,0.04)' },\r\n    '&:first-of-type': { marginTop: 0 }\r\n  }\r\n}))\r\n\r\nconst SearchHistoryNoResults = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2),\r\n  textAlign: 'center',\r\n  color: theme.palette.text.secondary,\r\n  border: `0.5px dashed ${theme.palette.divider}`,\r\n  borderRadius: theme.shape.borderRadius,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1),\r\n  margin: theme.spacing(1, 2)\r\n}))\r\n\r\n//#endregion\r\n//#region Main Component\r\nexport interface IMobileSearchButtonProps {\r\n  placeholder?: string\r\n  onSearching?: (keyword: string) => void\r\n}\r\n\r\nexport const MobileSearchButton: FC<IMobileSearchButtonProps> = (props) => {\r\n  const { onSearching, placeholder } = props\r\n\r\n  const [isOpenDrawer, setIsOpenDrawer] = useState(false)\r\n  const [history, setHistory] = useState<string[]>([])\r\n  const [inputValue, setInputValue] = useState('')\r\n\r\n  const refInput = useRef<HTMLInputElement | null>(null)\r\n\r\n  // Load history from localStorage on mount\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') return\r\n    try {\r\n      const raw = localStorage.getItem(HISTORY_KEY)\r\n      if (raw) {\r\n        const parsed = JSON.parse(raw)\r\n        if (Array.isArray(parsed)) setHistory(parsed)\r\n      }\r\n    } catch {\r\n      // ignore\r\n    }\r\n  }, [])\r\n\r\n  // Save keyword to history (dedupe, limit to MAX_HISTORY_STORED)\r\n  const pushHistory = (keyword: string) => {\r\n    const trimmed = keyword.trim()\r\n    if (!trimmed) return\r\n\r\n    setHistory((prev) => {\r\n      const next = [trimmed, ...prev.filter((x) => x !== trimmed)].slice(0, MAX_HISTORY_STORED)\r\n      try {\r\n        localStorage.setItem(HISTORY_KEY, JSON.stringify(next))\r\n      } catch {\r\n        // ignore\r\n      }\r\n      return next\r\n    })\r\n  }\r\n\r\n  // Filter history based on current input (limit to MAX_HISTORY_DISPLAYED)\r\n  const filteredHistory = useMemo(() => {\r\n    const finalValue = (inputValue || '').trim()\r\n    if (!finalValue) return history.slice(0, MAX_HISTORY_DISPLAYED)\r\n    return history.filter((kw) => kw.toLowerCase().includes(finalValue.toLowerCase())).slice(0, MAX_HISTORY_DISPLAYED)\r\n  }, [inputValue, history])\r\n\r\n  const handleBack = () => {\r\n    setInputValue('')\r\n    try {\r\n      refInput.current?.blur()\r\n    } catch {\r\n      // ignore\r\n    }\r\n    setIsOpenDrawer(false)\r\n  }\r\n\r\n  const handleSearch = () => {\r\n    const keyword = refInput.current?.value?.trim() || ''\r\n    if (keyword) {\r\n      pushHistory(keyword)\r\n      onSearching?.(keyword)\r\n      handleCloseDrawer()\r\n    }\r\n  }\r\n\r\n  const handleSelectHistory = (keyword: string) => {\r\n    if (refInput.current) refInput.current.value = keyword\r\n    setInputValue(keyword)\r\n    pushHistory(keyword)\r\n    onSearching?.(keyword)\r\n    handleCloseDrawer()\r\n  }\r\n\r\n  const handleFillInput = (keyword: string) => {\r\n    if (refInput.current) refInput.current.value = keyword\r\n    setInputValue(keyword)\r\n    refInput.current?.focus()\r\n  }\r\n\r\n  const handleClearHistory = () => {\r\n    setHistory([])\r\n    try {\r\n      localStorage.removeItem(HISTORY_KEY)\r\n    } catch {\r\n      // ignore\r\n    }\r\n  }\r\n\r\n  const handleClearInput = () => {\r\n    if (refInput.current) refInput.current.value = ''\r\n    setInputValue('')\r\n    refInput.current?.focus()\r\n  }\r\n\r\n  const handleCloseDrawer = () => {\r\n    try {\r\n      refInput.current?.blur()\r\n    } catch {}\r\n    setIsOpenDrawer(false)\r\n  }\r\n\r\n  const handleOpenDrawer = () => {\r\n    setIsOpenDrawer(true)\r\n    setInputValue('')\r\n    if (refInput.current) refInput.current.value = ''\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Tooltip title='Search' arrow>\r\n        <IconButton size='small' onClick={handleOpenDrawer} aria-label='Open search'>\r\n          <SearchIcon />\r\n        </IconButton>\r\n      </Tooltip>\r\n      <SwipeableDrawerStyled\r\n        anchor='bottom'\r\n        open={isOpenDrawer}\r\n        onClose={handleCloseDrawer}\r\n        onOpen={handleOpenDrawer}\r\n        disableBackdropTransition={false}\r\n        disableDiscovery={false}\r\n        swipeAreaWidth={20}\r\n      >\r\n        <Box sx={{ display: 'flex', justifyContent: 'center', py: 1 }}>\r\n          <Box sx={{ width: 40, height: 4, borderRadius: 2, backgroundColor: 'divider' }} />\r\n        </Box>\r\n        <Stack gap={1} style={{ flexDirection: 'row', alignItems: 'center', padding: '0 8px' }}>\r\n          <Tooltip title='Back' arrow>\r\n            <IconButton size='small' onClick={handleBack}>\r\n              <ChevronLeftIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n          <InputSearch\r\n            placeholder={placeholder}\r\n            inputRef={refInput}\r\n            hasKeyword={Boolean(inputValue)}\r\n            onEnter={handleSearch}\r\n            onChange={setInputValue}\r\n            onClear={handleClearInput}\r\n          />\r\n          <Tooltip title='Search' arrow>\r\n            <IconButton size='small' onClick={handleSearch} aria-label='Apply search'>\r\n              <SearchIcon fontSize='small' />\r\n            </IconButton>\r\n          </Tooltip>\r\n        </Stack>\r\n        <Typography variant='caption' color='textSecondary' sx={{ px: 2, mt: 1 }}>\r\n          Enter the value to search for and hit enter or click the enter icon to apply.\r\n        </Typography>\r\n        <SearchHistory history={filteredHistory} onSelect={handleSelectHistory} onFillInput={handleFillInput} onClear={handleClearHistory} />\r\n      </SwipeableDrawerStyled>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default MobileSearchButton\r\n\r\nconst SwipeableDrawerStyled = styled(SwipeableDrawer)(({ theme }) => ({\r\n  zIndex: theme.zIndex.modal - 10, // ensure it's below any modal that might be opened from the filter bar\r\n  '.MuiPaper-root': {\r\n    height: 'calc(100svh - 56px)',\r\n    maxHeight: 'calc(100svh - 56px)',\r\n    borderTopLeftRadius: 12,\r\n    borderTopRightRadius: 12,\r\n    overflow: 'auto'\r\n  }\r\n}))\r\n//#endregion\r\n"],"names":["HISTORY_KEY","InputSearch","props","_props$placeholder","placeholder","DEFAULT_PLACEHOLDER","inputRef","hasKeyword","onEnter","onChange","onClear","localRef","useRef","refToUse","useEffect","t","setTimeout","_refToUse$current","current","focus","_refToUse$current2","blur","_unused","clearTimeout","_jsx","SearchInput","fullWidth","inputProps","autoCapitalize","autoComplete","onKeyDown","e","key","preventDefault","target","value","endAdornment","InputAdornmentRight","onSubmit","styled","InputBase","_ref","theme","border","concat","palette","divider","borderRadius","shape","padding","spacing","SearchHistory","history","onSelect","onFillInput","length","_jsxs","SearchHistoryStyled","className","searchHistoryClasses","root","Stack","direction","justifyContent","alignItems","sx","mb","children","Typography","variant","fontWeight","Tooltip","title","arrow","IconButton","size","onClick","ClearIcon","fontSize","items","map","keyword","idx","Box","item","cursor","noWrap","flex","color","stopPropagation","NorthWestIcon","SearchHistoryNoResults","_ref2","_defineProperty","marginTop","display","gap","marginBottom","backgroundColor","_ref4","textAlign","text","secondary","flexDirection","margin","MobileSearchButton","onSearching","_useState","useState","_useState2","_slicedToArray","isOpenDrawer","setIsOpenDrawer","_useState3","_useState4","setHistory","_useState5","_useState6","inputValue","setInputValue","refInput","window","raw","localStorage","getItem","parsed","JSON","parse","Array","isArray","_unused2","pushHistory","trimmed","trim","prev","next","_toConsumableArray","filter","x","slice","setItem","stringify","_unused3","filteredHistory","useMemo","finalValue","kw","toLowerCase","includes","handleSearch","_refInput$current2","handleCloseDrawer","_refInput$current5","_unused6","handleOpenDrawer","_Fragment","SearchIcon","SwipeableDrawerStyled","anchor","open","onClose","onOpen","disableBackdropTransition","disableDiscovery","swipeAreaWidth","py","width","height","style","_refInput$current","_unused4","ChevronLeftIcon","Boolean","_refInput$current4","px","mt","_refInput$current3","removeItem","_unused5","SwipeableDrawer","_ref5","zIndex","modal","maxHeight","borderTopLeftRadius","borderTopRightRadius","overflow"],"mappings":"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"}

package/dist/src/filter-bar/components/filter-summary.js

@@ -1,2 +1,2 @@
-import{defineProperty as r,objectSpread2 as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as o,useMemo as a}from"react";import{styled as i,iconButtonClasses as n,buttonClasses as c,Collapse as s,Box as u,Button as m,IconButton as d}from"@mui/material";import p from"@mui/icons-material/ClearAll";import{KeySpecial as b}from"../types.js";import{useFilterActions as f}from"../hooks.js";import{mapSpecialLabel as h}from"../helpers.js";import{createChipViewers as g}from"./chip-viewer.js";import{FilterBarContext as v}from"../index.context.js";function x(r){var i=k,n=g();return function(c){var g=o(v),x=g.filterState,k=f(g),C=a(function(){return function(r,e){var t,o=r.fields,a=r.enableQuickSearch,i=void 0===a||a,n=l({},o),c=b.quickSearch;return i?n[c]?null!==(t=n[c])&&void 0!==t&&t.label||(n[c]=l(l({},n[c]),{},{label:h[c]})):n[c]={label:h[c]}:delete n[c],Object.keys(e||{}).reduce(function(r,l){var t,o=null==n?void 0:n[l],a=(null==o?void 0:o.label)||l.toString(),i=null==e||null===(t=e[l])||void 0===t?void 0:t.values,c=(Array.isArray(i)?i:[]).filter(Boolean).map(function(r){return{value:r.toString()}});return c.length>0&&r.push({field:l,label:a,items:c}),r},[]).sort(function(r,l){return r.field===c?-1:l.field===c?1:0})}(r,x.storeFilter)},[x,r]);return e(s,{in:C.length>0,timeout:"auto",unmountOnExit:!0,children:t(y,{className:i.root,sx:c.sx,children:[e("div",{className:i.scrollHorizontal,children:e(n,{label:"Filters",value:C,placement:"horizontal",onRemove:k.removeFilterByFieldValue})}),t(u,{children:[e(m,{size:"small",color:"error",variant:"text",onClick:k.clearAllFilters,className:i.buttonClearAll,startIcon:e(p,{}),"aria-label":"Clear all filters",children:"Clear All"}),e(d,{size:"small",color:"error",onClick:k.clearAllFilters,className:i.buttonClearAll,"aria-label":"Clear all filters",children:e(p,{})})]})]})})}}var k={root:"DinoFilterSummary-root",scrollHorizontal:"DinoFilterSummary-scrollHorizontal",buttonClearAll:"DinoFilterSummary-buttonClearAll"},y=i("div")(function(l){var e=l.theme;return r(r(r({},"&.".concat(k.root),{display:"flex",alignItems:"center",padding:e.spacing(0,1.5)}),".".concat(k.scrollHorizontal),{overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch",scrollbarHeight:"thin",display:"flex",flexWrap:"nowrap",minWidth:0,flex:1,"& > *":{minWidth:"max-content",flexShrink:0},"&::-webkit-scrollbar":{height:"8px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[300],borderRadius:"8px",minHeight:"8px",transition:"background 0.2s"},"&::-webkit-scrollbar-thumb:hover":{background:e.palette.primary.light},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"8px"},scrollbarColor:"".concat(e.palette.grey[300]," ").concat(e.palette.grey[100]),scrollbarWidth:"thin"}),".".concat(k.buttonClearAll),r(r(r({marginLeft:e.spacing(1)},"&:not(.".concat(n.root,")"),{textTransform:"none",fontWeight:500,lineHeight:2,padding:e.spacing(0,1)}),"&.".concat(n.root),{display:"none"}),e.breakpoints.down("md"),r(r({},"&.".concat(c.root),{display:"none"}),"&.".concat(n.root),{display:"flex"})))});export{x as createFilterSummary};
+import{defineProperty as r,objectSpread2 as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as o,useMemo as a}from"react";import{styled as i,iconButtonClasses as n,buttonClasses as c,Collapse as s,Box as u,Button as m,IconButton as d}from"@mui/material";import p from"@mui/icons-material/ClearAll";import{KeySpecial as b}from"../types.js";import{useFilterActions as f}from"../hooks.js";import{mapSpecialLabel as h}from"../helpers.js";import{createChipViewers as v}from"./chip-viewer.js";import{FilterBarContext as g}from"../index.context.js";function x(r){var i=k,n=v();return function(c){var v=o(g),x=v.filterState,k=f(v),C=a(function(){return function(r,e){var t,o=r.fields,a=r.enableQuickSearch,i=void 0===a||a,n=l({},o),c=b.quickSearch;return i?n[c]?null!==(t=n[c])&&void 0!==t&&t.label||(n[c]=l(l({},n[c]),{},{label:h[c]})):n[c]={label:h[c]}:delete n[c],Object.keys(e||{}).reduce(function(r,l){var t,o=null==n?void 0:n[l],a=(null==o?void 0:o.label)||l.toString(),i=null==e||null===(t=e[l])||void 0===t?void 0:t.values,c=(Array.isArray(i)?i:[]).filter(Boolean).map(function(r){var l;return{value:r.toString(),label:null==o||null===(l=o.labelFormatter)||void 0===l?void 0:l.call(o,r)}});return c.length>0&&r.push({field:l,label:a,items:c}),r},[]).sort(function(r,l){return r.field===c?-1:l.field===c?1:0})}(r,x.storeFilter)},[x,r]);return e(s,{in:C.length>0,timeout:"auto",unmountOnExit:!0,children:t(y,{className:i.root,sx:c.sx,children:[e("div",{className:i.scrollHorizontal,children:e(n,{label:"Filters",value:C,placement:"horizontal",onRemove:k.removeFilterByFieldValue})}),t(u,{children:[e(m,{size:"small",color:"error",variant:"text",onClick:k.clearAllFilters,className:i.buttonClearAll,startIcon:e(p,{}),"aria-label":"Clear all filters",children:"Clear All"}),e(d,{size:"small",color:"error",onClick:k.clearAllFilters,className:i.buttonClearAll,"aria-label":"Clear all filters",children:e(p,{})})]})]})})}}var k={root:"DinoFilterSummary-root",scrollHorizontal:"DinoFilterSummary-scrollHorizontal",buttonClearAll:"DinoFilterSummary-buttonClearAll"},y=i("div")(function(l){var e=l.theme;return r(r(r({},"&.".concat(k.root),{display:"flex",alignItems:"center",padding:e.spacing(0,1.5)}),".".concat(k.scrollHorizontal),{overflowX:"auto",overflowY:"hidden",WebkitOverflowScrolling:"touch",scrollbarHeight:"thin",display:"flex",flexWrap:"nowrap",minWidth:0,flex:1,"& > *":{minWidth:"max-content",flexShrink:0},"&::-webkit-scrollbar":{height:"8px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:e.palette.grey[300],borderRadius:"8px",minHeight:"8px",transition:"background 0.2s"},"&::-webkit-scrollbar-thumb:hover":{background:e.palette.primary.light},"&::-webkit-scrollbar-track":{background:e.palette.grey[100],borderRadius:"8px"},scrollbarColor:"".concat(e.palette.grey[300]," ").concat(e.palette.grey[100]),scrollbarWidth:"thin"}),".".concat(k.buttonClearAll),r(r(r({marginLeft:e.spacing(1)},"&:not(.".concat(n.root,")"),{textTransform:"none",fontWeight:500,lineHeight:2,padding:e.spacing(0,1)}),"&.".concat(n.root),{display:"none"}),e.breakpoints.down("md"),r(r({},"&.".concat(c.root),{display:"none"}),"&.".concat(n.root),{display:"flex"})))});export{x as createFilterSummary};
 //# sourceMappingURL=filter-summary.js.map

package/dist/src/filter-bar/components/filter-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-summary.js","sources":["../../../../src/filter-bar/components/filter-summary.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useContext, useMemo } from 'react'\r\nimport { Box, Button, buttonClasses, Collapse, IconButton, iconButtonClasses, styled } from '@mui/material'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { createChipViewers } from './chip-viewer'\r\nimport { FilterBarContext } from '../index.context'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { TFieldStore, TFieldValid } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IChipViewerItem, TChipViewerGroup } from './chip-viewer'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps, TFieldSummaryConfigs } from './filter-summary.types'\r\n\r\nfunction mapFilterStateToFilterData<T>(config: IFilterSummaryConfig<T>, store?: TFieldStore<T>): TChipViewerGroup<T>[] {\r\n  const { fields, enableQuickSearch = true } = config\r\n\r\n  // Ensure 'quickSearch' is always included in the summary, even if it's not in the config or store\r\n  // If enableQuickSearch is false, it will not be added to the summary or removed if it exists in the config\r\n  const mergedConfig: TFieldSummaryConfigs<T> = { ...fields }\r\n  const qsKey = KeySpecial.quickSearch\r\n  if (enableQuickSearch) {\r\n    if (!mergedConfig[qsKey]) {\r\n      mergedConfig[qsKey] = { label: mapSpecialLabel[qsKey] }\r\n    } else if (!mergedConfig[qsKey]?.label) {\r\n      mergedConfig[qsKey] = { ...mergedConfig[qsKey], label: mapSpecialLabel[qsKey] }\r\n    }\r\n  } else {\r\n    delete mergedConfig[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(store || {}) as (keyof TFieldStore<T>)[]\r\n  const groups = keys.reduce<TChipViewerGroup<T>[]>((acc, key) => {\r\n    const fieldConfig = mergedConfig?.[key]\r\n    const label = fieldConfig?.label || key.toString()\r\n    const values = store?.[key]?.values as TFieldValid[] | undefined\r\n    const items = Array.isArray(values) ? values : []\r\n    const summaryItems = items.filter(Boolean).map<IChipViewerItem<T>>((item) => ({ value: item.toString() }))\r\n    if (summaryItems.length > 0) {\r\n      acc.push({ field: key, label, items: summaryItems })\r\n    }\r\n    return acc\r\n  }, [])\r\n  const finalGroups = groups.sort((a, b) => {\r\n    if (a.field === qsKey) return -1\r\n    if (b.field === qsKey) return 1\r\n    return 0\r\n  })\r\n  return finalGroups\r\n}\r\n\r\nexport function createFilterSummary<T>(config: IFilterSummaryConfig<T>) {\r\n  const classes = filterSummaryClasses\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FilterSummary: FC<IFilterSummaryProps<T>> = (props) => {\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { filterState } = context\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const filterData = useMemo(() => {\r\n      return mapFilterStateToFilterData(config, filterState.storeFilter)\r\n    }, [filterState, config])\r\n\r\n    // Old logic to calculate filterData, now moved to useMemo above\r\n    // if (filterData.length === 0) return null\r\n\r\n    return (\r\n      <Collapse in={filterData.length > 0} timeout='auto' unmountOnExit>\r\n        <FilterSummaryStyled className={classes.root} sx={props.sx}>\r\n          <div className={classes.scrollHorizontal}>\r\n            <ChipViewers label='Filters' value={filterData} placement='horizontal' onRemove={filterActions.removeFilterByFieldValue} />\r\n          </div>\r\n          <Box>\r\n            <Button\r\n              size='small'\r\n              color='error'\r\n              variant='text'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              startIcon={<ClearAllIcon />}\r\n              aria-label='Clear all filters'\r\n            >\r\n              Clear All\r\n            </Button>\r\n            <IconButton\r\n              size='small'\r\n              color='error'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              aria-label='Clear all filters'\r\n            >\r\n              <ClearAllIcon />\r\n            </IconButton>\r\n          </Box>\r\n        </FilterSummaryStyled>\r\n      </Collapse>\r\n    )\r\n  }\r\n\r\n  return FilterSummary\r\n}\r\n\r\nconst filterSummaryClasses = {\r\n  root: 'DinoFilterSummary-root',\r\n  scrollHorizontal: 'DinoFilterSummary-scrollHorizontal',\r\n  fieldItem: 'DinoFilterSummary-fieldItem',\r\n  fieldLabel: 'DinoFilterSummary-fieldLabel',\r\n  fieldValue: 'DinoFilterSummary-fieldValue',\r\n  buttonClearAll: 'DinoFilterSummary-buttonClearAll'\r\n}\r\n\r\nconst FilterSummaryStyled = styled('div')(({ theme }) => ({\r\n  [`&.${filterSummaryClasses.root}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0, 1.5)\r\n  },\r\n  [`.${filterSummaryClasses.scrollHorizontal}`]: {\r\n    overflowX: 'auto',\r\n    overflowY: 'hidden',\r\n    WebkitOverflowScrolling: 'touch',\r\n    scrollbarHeight: 'thin',\r\n    // The content doesn't wrap to the next line and is wider than the container, displaying a horizontal scroll bar.\r\n    display: 'flex',\r\n    flexWrap: 'nowrap',\r\n    minWidth: 0,\r\n    flex: 1,\r\n    '& > *': { minWidth: 'max-content', flexShrink: 0 },\r\n    // Custom scrollbar\r\n    '&::-webkit-scrollbar': { height: '8px', background: 'transparent' },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: theme.palette.grey[300],\r\n      borderRadius: '8px',\r\n      minHeight: '8px',\r\n      transition: 'background 0.2s'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': { background: theme.palette.primary.light },\r\n    '&::-webkit-scrollbar-track': { background: theme.palette.grey[100], borderRadius: '8px' },\r\n    // Firefox\r\n    scrollbarColor: `${theme.palette.grey[300]} ${theme.palette.grey[100]}`,\r\n    scrollbarWidth: 'thin'\r\n  },\r\n  [`.${filterSummaryClasses.buttonClearAll}`]: {\r\n    marginLeft: theme.spacing(1),\r\n    [`&:not(.${iconButtonClasses.root})`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 2,\r\n      padding: theme.spacing(0, 1)\r\n    },\r\n    [`&.${iconButtonClasses.root}`]: { display: 'none' },\r\n    [theme.breakpoints.down('md')]: {\r\n      [`&.${buttonClasses.root}`]: { display: 'none' },\r\n      [`&.${iconButtonClasses.root}`]: { display: 'flex' }\r\n    }\r\n  }\r\n}))\r\n"],"names":["createFilterSummary","config","classes","filterSummaryClasses","ChipViewers","createChipViewers","props","context","useContext","FilterBarContext","filterState","filterActions","useFilterActions","filterData","useMemo","store","_mergedConfig$qsKey","fields","_config$enableQuickSe","enableQuickSearch","mergedConfig","_objectSpread","qsKey","KeySpecial","quickSearch","label","mapSpecialLabel","Object","keys","reduce","acc","key","_store$key","fieldConfig","toString","values","summaryItems","Array","isArray","filter","Boolean","map","item","value","length","push","field","items","sort","a","b","mapFilterStateToFilterData","storeFilter","_jsx","Collapse","in","timeout","unmountOnExit","children","_jsxs","FilterSummaryStyled","className","root","sx","scrollHorizontal","placement","onRemove","removeFilterByFieldValue","Box","Button","size","color","variant","onClick","clearAllFilters","buttonClearAll","startIcon","ClearAllIcon","IconButton","styled","_ref","theme","_defineProperty","concat","display","alignItems","padding","spacing","overflowX","overflowY","WebkitOverflowScrolling","scrollbarHeight","flexWrap","minWidth","flex","flexShrink","height","background","palette","grey","borderRadius","minHeight","transition","primary","light","scrollbarColor","scrollbarWidth","marginLeft","iconButtonClasses","textTransform","fontWeight","lineHeight","breakpoints","down","buttonClasses"],"mappings":"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"}
+{"version":3,"file":"filter-summary.js","sources":["../../../../src/filter-bar/components/filter-summary.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useContext, useMemo } from 'react'\r\nimport { Box, Button, buttonClasses, Collapse, IconButton, iconButtonClasses, styled } from '@mui/material'\r\nimport ClearAllIcon from '@mui/icons-material/ClearAll'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { createChipViewers } from './chip-viewer'\r\nimport { FilterBarContext } from '../index.context'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { TFieldStore, TFieldValid } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IChipViewerItem, TChipViewerGroup } from './chip-viewer'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps, TFieldSummaryConfigs } from './filter-summary.types'\r\n\r\nfunction mapFilterStateToFilterData<T>(config: IFilterSummaryConfig<T>, store?: TFieldStore<T>): TChipViewerGroup<T>[] {\r\n  const { fields, enableQuickSearch = true } = config\r\n\r\n  // Ensure 'quickSearch' is always included in the summary, even if it's not in the config or store\r\n  // If enableQuickSearch is false, it will not be added to the summary or removed if it exists in the config\r\n  const mergedConfig: TFieldSummaryConfigs<T> = { ...fields }\r\n  const qsKey = KeySpecial.quickSearch\r\n  if (enableQuickSearch) {\r\n    if (!mergedConfig[qsKey]) {\r\n      mergedConfig[qsKey] = { label: mapSpecialLabel[qsKey] }\r\n    } else if (!mergedConfig[qsKey]?.label) {\r\n      mergedConfig[qsKey] = { ...mergedConfig[qsKey], label: mapSpecialLabel[qsKey] }\r\n    }\r\n  } else {\r\n    delete mergedConfig[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(store || {}) as (keyof TFieldStore<T>)[]\r\n  const groups = keys.reduce<TChipViewerGroup<T>[]>((acc, key) => {\r\n    const fieldConfig = mergedConfig?.[key]\r\n    const label = fieldConfig?.label || key.toString()\r\n    const values = store?.[key]?.values as TFieldValid[] | undefined\r\n    const items = Array.isArray(values) ? values : []\r\n    const summaryItems = items.filter(Boolean).map<IChipViewerItem<T>>((item) => {\r\n      return { value: item.toString(), label: fieldConfig?.labelFormatter?.(item) }\r\n    })\r\n    if (summaryItems.length > 0) {\r\n      acc.push({ field: key, label, items: summaryItems })\r\n    }\r\n    return acc\r\n  }, [])\r\n  const finalGroups = groups.sort((a, b) => {\r\n    if (a.field === qsKey) return -1\r\n    if (b.field === qsKey) return 1\r\n    return 0\r\n  })\r\n  return finalGroups\r\n}\r\n\r\nexport function createFilterSummary<T>(config: IFilterSummaryConfig<T>) {\r\n  const classes = filterSummaryClasses\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FilterSummary: FC<IFilterSummaryProps<T>> = (props) => {\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const { filterState } = context\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const filterData = useMemo(() => {\r\n      return mapFilterStateToFilterData(config, filterState.storeFilter)\r\n    }, [filterState, config])\r\n\r\n    // Old logic to calculate filterData, now moved to useMemo above\r\n    // if (filterData.length === 0) return null\r\n\r\n    return (\r\n      <Collapse in={filterData.length > 0} timeout='auto' unmountOnExit>\r\n        <FilterSummaryStyled className={classes.root} sx={props.sx}>\r\n          <div className={classes.scrollHorizontal}>\r\n            <ChipViewers label='Filters' value={filterData} placement='horizontal' onRemove={filterActions.removeFilterByFieldValue} />\r\n          </div>\r\n          <Box>\r\n            <Button\r\n              size='small'\r\n              color='error'\r\n              variant='text'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              startIcon={<ClearAllIcon />}\r\n              aria-label='Clear all filters'\r\n            >\r\n              Clear All\r\n            </Button>\r\n            <IconButton\r\n              size='small'\r\n              color='error'\r\n              onClick={filterActions.clearAllFilters}\r\n              className={classes.buttonClearAll}\r\n              aria-label='Clear all filters'\r\n            >\r\n              <ClearAllIcon />\r\n            </IconButton>\r\n          </Box>\r\n        </FilterSummaryStyled>\r\n      </Collapse>\r\n    )\r\n  }\r\n\r\n  return FilterSummary\r\n}\r\n\r\nconst filterSummaryClasses = {\r\n  root: 'DinoFilterSummary-root',\r\n  scrollHorizontal: 'DinoFilterSummary-scrollHorizontal',\r\n  fieldItem: 'DinoFilterSummary-fieldItem',\r\n  fieldLabel: 'DinoFilterSummary-fieldLabel',\r\n  fieldValue: 'DinoFilterSummary-fieldValue',\r\n  buttonClearAll: 'DinoFilterSummary-buttonClearAll'\r\n}\r\n\r\nconst FilterSummaryStyled = styled('div')(({ theme }) => ({\r\n  [`&.${filterSummaryClasses.root}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    padding: theme.spacing(0, 1.5)\r\n  },\r\n  [`.${filterSummaryClasses.scrollHorizontal}`]: {\r\n    overflowX: 'auto',\r\n    overflowY: 'hidden',\r\n    WebkitOverflowScrolling: 'touch',\r\n    scrollbarHeight: 'thin',\r\n    // The content doesn't wrap to the next line and is wider than the container, displaying a horizontal scroll bar.\r\n    display: 'flex',\r\n    flexWrap: 'nowrap',\r\n    minWidth: 0,\r\n    flex: 1,\r\n    '& > *': { minWidth: 'max-content', flexShrink: 0 },\r\n    // Custom scrollbar\r\n    '&::-webkit-scrollbar': { height: '8px', background: 'transparent' },\r\n    '&::-webkit-scrollbar-thumb': {\r\n      background: theme.palette.grey[300],\r\n      borderRadius: '8px',\r\n      minHeight: '8px',\r\n      transition: 'background 0.2s'\r\n    },\r\n    '&::-webkit-scrollbar-thumb:hover': { background: theme.palette.primary.light },\r\n    '&::-webkit-scrollbar-track': { background: theme.palette.grey[100], borderRadius: '8px' },\r\n    // Firefox\r\n    scrollbarColor: `${theme.palette.grey[300]} ${theme.palette.grey[100]}`,\r\n    scrollbarWidth: 'thin'\r\n  },\r\n  [`.${filterSummaryClasses.buttonClearAll}`]: {\r\n    marginLeft: theme.spacing(1),\r\n    [`&:not(.${iconButtonClasses.root})`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 2,\r\n      padding: theme.spacing(0, 1)\r\n    },\r\n    [`&.${iconButtonClasses.root}`]: { display: 'none' },\r\n    [theme.breakpoints.down('md')]: {\r\n      [`&.${buttonClasses.root}`]: { display: 'none' },\r\n      [`&.${iconButtonClasses.root}`]: { display: 'flex' }\r\n    }\r\n  }\r\n}))\r\n"],"names":["createFilterSummary","config","classes","filterSummaryClasses","ChipViewers","createChipViewers","props","context","useContext","FilterBarContext","filterState","filterActions","useFilterActions","filterData","useMemo","store","_mergedConfig$qsKey","fields","_config$enableQuickSe","enableQuickSearch","mergedConfig","_objectSpread","qsKey","KeySpecial","quickSearch","label","mapSpecialLabel","Object","keys","reduce","acc","key","_store$key","fieldConfig","toString","values","summaryItems","Array","isArray","filter","Boolean","map","item","_fieldConfig$labelFor","value","labelFormatter","call","length","push","field","items","sort","a","b","mapFilterStateToFilterData","storeFilter","_jsx","Collapse","in","timeout","unmountOnExit","children","_jsxs","FilterSummaryStyled","className","root","sx","scrollHorizontal","placement","onRemove","removeFilterByFieldValue","Box","Button","size","color","variant","onClick","clearAllFilters","buttonClearAll","startIcon","ClearAllIcon","IconButton","styled","_ref","theme","_defineProperty","concat","display","alignItems","padding","spacing","overflowX","overflowY","WebkitOverflowScrolling","scrollbarHeight","flexWrap","minWidth","flex","flexShrink","height","background","palette","grey","borderRadius","minHeight","transition","primary","light","scrollbarColor","scrollbarWidth","marginLeft","iconButtonClasses","textTransform","fontWeight","lineHeight","breakpoints","down","buttonClasses"],"mappings":"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"}

package/dist/src/filter-bar/components/popper-custom.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";import{styled as a,Popper as l,Fade as d,Box as s,alpha as c,Typography as p,Tooltip as u,IconButton as m}from"@mui/material";import h from"@mui/icons-material/Close";var b=["children"],g=["title","children","onClose","disableGutter","disableMinMaxWidth","slots"],f=["children"],x=["children"],C=a(function(o){var r=o.children,a=e(o,b);return i(l,t(t({},a),{},{children:function(e){var o=e.TransitionProps;return i(d,t(t({},o),{},{timeout:350,children:n("div",{children:[" ",r]})}))}}))})(function(e){return{zIndex:e.theme.zIndex.modal+1,maxWidth:"100%"}}),v=function(o){var a=r(function(){return y},[]),l=o.title,d=o.children,s=o.onClose,c=o.disableGutter,b=o.disableMinMaxWidth,f=o.slots,x=e(o,g),C=[a.root];return c&&C.push(a.disableGutter),b&&C.push(a.disableMinMaxWidth),n(P,t(t({className:C.join(" ")},x),{},{children:[n("div",{className:a.header,children:[null==f?void 0:f.beforeTitle,i(p,{variant:"subtitle1",className:a.title,children:l||"Menu Title"}),null==f?void 0:f.afterTitle,i(u,{title:"Close",placement:"top",arrow:!0,children:i(m,{size:"small",className:a.buttonClose,onClick:s,children:i(h,{fontSize:"small"})})})]}),d]}))},M=function(o){var n=o.children,r=e(o,f);return i(s,t(t({className:y.footer},r),{},{children:n}))},W=function(o){var n=o.children,r=e(o,x);return i(s,t(t({className:y.body},r),{},{children:n}))},y={root:"DinoPopperCustom-root",body:"DinoPopperCustom-body",header:"DinoPopperCustom-header",footer:"DinoPopperCustom-footer",title:"DinoPopperCustom-title",buttonClose:"DinoPopperCustom-buttonClose",disableGutter:"DinoPopperCustom-disableGutter",disableMinMaxWidth:"DinoPopperCustom-disableMinMaxWidth"},P=a(s)(function(e){var t=e.theme;return o(o(o(o(o(o(o({},"&.".concat(y.root),o({borderRadius:t.shape.borderRadius,boxShadow:"rgba(0, 0, 0, 0.06) 0px 5px 22px, rgba(0, 0, 0, 0.04) 0px 0px 0px 0.5px",backgroundColor:t.palette.background.paper,overflow:"hidden"},"&:not(.".concat(y.disableMinMaxWidth,")"),o({minWidth:"350px",maxWidth:"550px"},t.breakpoints.down("sm"),{minWidth:"240px",maxWidth:"90vw"}))),".".concat(y.body),{padding:t.spacing(1),maxHeight:"70vh",overflow:"auto"}),".".concat(y.header),{display:"flex",alignItems:"center",justifyContent:"space-between",gap:t.spacing(.5),backgroundColor:t.palette.grey[900],padding:t.spacing(.5,1),color:t.palette.common.white}),".".concat(y.title),{fontSize:"0.875rem",fontWeight:600,lineHeight:1,flexGrow:1}),".".concat(y.buttonClose),{color:t.palette.common.white,transition:t.transitions.create("color"),".MuiSvgIcon-root":{transition:t.transitions.create("transform")},"&:hover":{color:t.palette.error.light,backgroundColor:c(t.palette.common.white,.1),".MuiSvgIcon-root":{transform:"rotate(90deg)"}}}),".".concat(y.footer),o({display:"flex",justifyContent:"flex-end",gap:t.spacing(1),borderTop:"1px solid ".concat(t.palette.grey[100]),padding:t.spacing(.5,1)},".MuiButtonBase-root",{textTransform:"none",fontWeight:500,lineHeight:1,padding:t.spacing(1,1.5)})),"&.".concat(y.disableGutter),o(o(o({},".".concat(y.body),{padding:0}),".".concat(y.header),{padding:t.spacing(.5,1)}),".".concat(y.footer),{padding:t.spacing(.5,1.5),margin:t.spacing(1,1,0)}))});export{W as PopperBody,v as PopperContent,C as PopperCustom,M as PopperFooter};
+import{objectWithoutProperties as e,objectSpread2 as t,defineProperty as o,slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useMemo as a,useRef as l,useState as d,useLayoutEffect as c}from"react";import{styled as s,Popper as p,Fade as u,Box as m,alpha as h,Typography as f,Tooltip as g,IconButton as b}from"@mui/material";import x from"@mui/icons-material/Close";var v=["children"],C=["title","children","onClose","disableGutter","disableMinMaxWidth","slots","anchorEl"],w=["children"],M=["children"],y=s(function(o){var i=o.children,a=e(o,v);return n(p,t(t({},a),{},{children:function(e){var o=e.TransitionProps;return n(u,t(t({},o),{},{timeout:350,children:r("div",{children:[" ",i]})}))}}))})(function(e){return{zIndex:e.theme.zIndex.modal+1,maxWidth:"100%"}}),W=function(o){var s=a(function(){return j},[]),p=o.title,u=o.children,m=o.onClose,h=o.disableGutter,v=o.disableMinMaxWidth,w=o.slots;o.anchorEl;var M=e(o,C),y=l(null),W=d(void 0),P=i(W,2),D=P[0],G=P[1];c(function(){var e=y.current;if(e){var t=function(){var t=e.getBoundingClientRect().top;G("".concat(Math.max(window.innerHeight-t-24,160),"px"))};return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}},[]);var T=[s.root];return h&&T.push(s.disableGutter),v&&T.push(s.disableMinMaxWidth),r(z,t(t({ref:y,className:T.join(" "),style:D?{maxHeight:D}:void 0},M),{},{children:[r("div",{className:s.header,children:[null==w?void 0:w.beforeTitle,n(f,{variant:"subtitle1",className:s.title,children:p||"Menu Title"}),null==w?void 0:w.afterTitle,n(g,{title:"Close",placement:"top",arrow:!0,children:n(b,{size:"small",className:s.buttonClose,onClick:m,children:n(x,{fontSize:"small"})})})]}),u]}))},P=function(o){var i=o.children,r=e(o,w);return n(m,t(t({className:j.footer},r),{},{children:i}))},D=function(o){var i=o.children,r=e(o,M);return n(m,t(t({className:j.body},r),{},{children:i}))},j={root:"DinoPopperCustom-root",body:"DinoPopperCustom-body",header:"DinoPopperCustom-header",footer:"DinoPopperCustom-footer",title:"DinoPopperCustom-title",buttonClose:"DinoPopperCustom-buttonClose",disableGutter:"DinoPopperCustom-disableGutter",disableMinMaxWidth:"DinoPopperCustom-disableMinMaxWidth"},z=s(m)(function(e){var t=e.theme;return o(o(o(o(o(o(o({},"&.".concat(j.root),o({borderRadius:t.shape.borderRadius,boxShadow:"rgba(0, 0, 0, 0.06) 0px 5px 22px, rgba(0, 0, 0, 0.04) 0px 0px 0px 0.5px",backgroundColor:t.palette.background.paper,overflow:"hidden",display:"flex",flexDirection:"column"},"&:not(.".concat(j.disableMinMaxWidth,")"),o({minWidth:"350px",maxWidth:"550px"},t.breakpoints.down("sm"),{minWidth:"240px",maxWidth:"90vw"}))),".".concat(j.body),{padding:t.spacing(1),flex:1,minHeight:0,overflow:"auto"}),".".concat(j.header),{display:"flex",alignItems:"center",justifyContent:"space-between",gap:t.spacing(.5),backgroundColor:t.palette.grey[900],padding:t.spacing(.5,1),color:t.palette.common.white}),".".concat(j.title),{fontSize:"0.875rem",fontWeight:600,lineHeight:1,flexGrow:1}),".".concat(j.buttonClose),{color:t.palette.common.white,transition:t.transitions.create("color"),".MuiSvgIcon-root":{transition:t.transitions.create("transform")},"&:hover":{color:t.palette.error.light,backgroundColor:h(t.palette.common.white,.1),".MuiSvgIcon-root":{transform:"rotate(90deg)"}}}),".".concat(j.footer),o({display:"flex",justifyContent:"flex-end",gap:t.spacing(1),borderTop:"1px solid ".concat(t.palette.grey[100]),padding:t.spacing(.5,1)},".MuiButtonBase-root",{textTransform:"none",fontWeight:500,lineHeight:1,padding:t.spacing(1,1.5)})),"&.".concat(j.disableGutter),o(o(o({},".".concat(j.body),{padding:0}),".".concat(j.header),{padding:t.spacing(.5,1)}),".".concat(j.footer),{padding:t.spacing(.5,1.5),margin:t.spacing(1,1,0)}))});export{D as PopperBody,W as PopperContent,y as PopperCustom,P as PopperFooter};
 //# sourceMappingURL=popper-custom.js.map

package/dist/src/filter-bar/components/popper-custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"popper-custom.js","sources":["../../../../src/filter-bar/components/popper-custom.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo, useState } from 'react'\r\nimport { alpha, Box, Fade, IconButton, Popper, styled, Tooltip, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n// types\r\nimport type { FC, PropsWithChildren } from 'react'\r\nimport type { BoxProps, ButtonProps, PopperProps } from '@mui/material'\r\n\r\nexport const usePopperState = () => {\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n  const isOpen = Boolean(anchorEl)\r\n\r\n  const handleToggle: React.MouseEventHandler<HTMLElement> = (event) => {\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget))\r\n  }\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null)\r\n  }\r\n\r\n  return { anchorEl, isOpen, handleToggle, handleClose }\r\n}\r\n\r\ninterface IPopperProps extends Omit<PopperProps, 'children'>, PropsWithChildren {}\r\n\r\nexport const PopperCustom = styled(({ children, ...props }: IPopperProps) => (\r\n  <Popper {...props}>\r\n    {({ TransitionProps }) => (\r\n      <Fade {...TransitionProps} timeout={350}>\r\n        <div> {children}</div>\r\n      </Fade>\r\n    )}\r\n  </Popper>\r\n))(({ theme }) => ({\r\n  zIndex: theme.zIndex.modal + 1,\r\n  maxWidth: '100%'\r\n}))\r\n\r\nexport interface PopperContentProps extends BoxProps {\r\n  sx?: BoxProps['sx']\r\n  title?: string\r\n  children: React.ReactNode\r\n  onClose?: ButtonProps['onClick']\r\n  disableGutter?: boolean\r\n  disableMinMaxWidth?: boolean\r\n  slots?: {\r\n    afterTitle?: React.ReactNode\r\n    beforeTitle?: React.ReactNode\r\n  }\r\n}\r\n\r\nexport const PopperContent: FC<PopperContentProps> = (props) => {\r\n  const classes = useMemo(() => popperCustomClasses, [])\r\n  const { title, children, onClose, disableGutter, disableMinMaxWidth, slots, ...rest } = props\r\n\r\n  const rootClasses = [classes.root]\r\n  if (disableGutter) rootClasses.push(classes.disableGutter)\r\n  if (disableMinMaxWidth) rootClasses.push(classes.disableMinMaxWidth)\r\n\r\n  return (\r\n    <PopperContentStyled className={rootClasses.join(' ')} {...rest}>\r\n      <div className={classes.header}>\r\n        {slots?.beforeTitle}\r\n        <Typography variant='subtitle1' className={classes.title}>\r\n          {title || 'Menu Title'}\r\n        </Typography>\r\n        {slots?.afterTitle}\r\n        <Tooltip title='Close' placement='top' arrow>\r\n          <IconButton size='small' className={classes.buttonClose} onClick={onClose}>\r\n            <CloseIcon fontSize='small' />\r\n          </IconButton>\r\n        </Tooltip>\r\n      </div>\r\n      {children}\r\n    </PopperContentStyled>\r\n  )\r\n}\r\n\r\nexport const PopperFooter: FC<BoxProps & Required<PropsWithChildren>> = ({ children, ...rest }) => (\r\n  <Box className={popperCustomClasses.footer} {...rest}>\r\n    {children}\r\n  </Box>\r\n)\r\n\r\nexport const PopperBody: FC<BoxProps & Required<PropsWithChildren>> = ({ children, ...rest }) => (\r\n  <Box className={popperCustomClasses.body} {...rest}>\r\n    {children}\r\n  </Box>\r\n)\r\n\r\nconst popperCustomClasses = {\r\n  root: 'DinoPopperCustom-root',\r\n  body: 'DinoPopperCustom-body',\r\n  header: 'DinoPopperCustom-header',\r\n  footer: 'DinoPopperCustom-footer',\r\n  title: 'DinoPopperCustom-title',\r\n  buttonClose: 'DinoPopperCustom-buttonClose',\r\n  disableGutter: 'DinoPopperCustom-disableGutter',\r\n  disableMinMaxWidth: 'DinoPopperCustom-disableMinMaxWidth'\r\n}\r\n\r\nconst PopperContentStyled = styled(Box)(({ theme }) => ({\r\n  [`&.${popperCustomClasses.root}`]: {\r\n    borderRadius: theme.shape.borderRadius,\r\n    boxShadow: 'rgba(0, 0, 0, 0.06) 0px 5px 22px, rgba(0, 0, 0, 0.04) 0px 0px 0px 0.5px',\r\n    backgroundColor: theme.palette.background.paper,\r\n    overflow: 'hidden',\r\n    [`&:not(.${popperCustomClasses.disableMinMaxWidth})`]: {\r\n      minWidth: '350px',\r\n      maxWidth: '550px',\r\n      [theme.breakpoints.down('sm')]: {\r\n        minWidth: '240px',\r\n        maxWidth: '90vw'\r\n      }\r\n    }\r\n  },\r\n  [`.${popperCustomClasses.body}`]: {\r\n    padding: theme.spacing(1),\r\n    maxHeight: '70vh',\r\n    overflow: 'auto'\r\n  },\r\n  [`.${popperCustomClasses.header}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    gap: theme.spacing(0.5),\r\n    backgroundColor: theme.palette.grey[900],\r\n    padding: theme.spacing(0.5, 1),\r\n    color: theme.palette.common.white\r\n  },\r\n  [`.${popperCustomClasses.title}`]: {\r\n    fontSize: '0.875rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    flexGrow: 1\r\n  },\r\n  [`.${popperCustomClasses.buttonClose}`]: {\r\n    color: theme.palette.common.white,\r\n    transition: theme.transitions.create('color'),\r\n    '.MuiSvgIcon-root': { transition: theme.transitions.create('transform') },\r\n    '&:hover': {\r\n      color: theme.palette.error.light,\r\n      backgroundColor: alpha(theme.palette.common.white, 0.1),\r\n      '.MuiSvgIcon-root': { transform: 'rotate(90deg)' }\r\n    }\r\n  },\r\n  [`.${popperCustomClasses.footer}`]: {\r\n    display: 'flex',\r\n    justifyContent: 'flex-end',\r\n    gap: theme.spacing(1),\r\n    borderTop: `1px solid ${theme.palette.grey[100]}`,\r\n    padding: theme.spacing(0.5, 1),\r\n    [`.MuiButtonBase-root`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 1,\r\n      padding: theme.spacing(1, 1.5)\r\n    }\r\n  },\r\n  [`&.${popperCustomClasses.disableGutter}`]: {\r\n    [`.${popperCustomClasses.body}`]: { padding: 0 },\r\n    [`.${popperCustomClasses.header}`]: { padding: theme.spacing(0.5, 1) },\r\n    [`.${popperCustomClasses.footer}`]: { padding: theme.spacing(0.5, 1.5), margin: theme.spacing(1, 1, 0) }\r\n  }\r\n}))\r\n"],"names":["PopperCustom","styled","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Popper","_objectSpread","_ref2","TransitionProps","Fade","timeout","_jsxs","_ref3","zIndex","theme","modal","maxWidth","PopperContent","classes","useMemo","popperCustomClasses","title","onClose","disableGutter","disableMinMaxWidth","slots","rest","_excluded2","rootClasses","root","push","PopperContentStyled","className","join","header","beforeTitle","Typography","variant","afterTitle","Tooltip","placement","arrow","IconButton","size","buttonClose","onClick","CloseIcon","fontSize","PopperFooter","_ref4","_excluded3","Box","footer","PopperBody","_ref5","_excluded4","body","_ref6","_defineProperty","concat","borderRadius","shape","boxShadow","backgroundColor","palette","background","paper","overflow","minWidth","breakpoints","down","padding","spacing","maxHeight","display","alignItems","justifyContent","gap","grey","color","common","white","fontWeight","lineHeight","flexGrow","transition","transitions","create","error","light","alpha","transform","borderTop","textTransform","margin"],"mappings":"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"}
+{"version":3,"file":"popper-custom.js","sources":["../../../../src/filter-bar/components/popper-custom.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react'\r\nimport { alpha, Box, Fade, IconButton, Popper, styled, Tooltip, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n// types\r\nimport type { FC, PropsWithChildren } from 'react'\r\nimport type { BoxProps, ButtonProps, PopperProps } from '@mui/material'\r\n\r\nexport const usePopperState = () => {\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n  const isOpen = Boolean(anchorEl)\r\n\r\n  const handleToggle: React.MouseEventHandler<HTMLElement> = (event) => {\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget))\r\n  }\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null)\r\n  }\r\n\r\n  return { anchorEl, isOpen, handleToggle, handleClose }\r\n}\r\n\r\ninterface IPopperProps extends Omit<PopperProps, 'children'>, PropsWithChildren {}\r\n\r\nexport const PopperCustom = styled(({ children, ...props }: IPopperProps) => (\r\n  <Popper {...props}>\r\n    {({ TransitionProps }) => (\r\n      <Fade {...TransitionProps} timeout={350}>\r\n        <div> {children}</div>\r\n      </Fade>\r\n    )}\r\n  </Popper>\r\n))(({ theme }) => ({\r\n  zIndex: theme.zIndex.modal + 1,\r\n  maxWidth: '100%'\r\n}))\r\n\r\nexport interface PopperContentProps extends BoxProps {\r\n  sx?: BoxProps['sx']\r\n  title?: string\r\n  children: React.ReactNode\r\n  onClose?: ButtonProps['onClick']\r\n  disableGutter?: boolean\r\n  disableMinMaxWidth?: boolean\r\n  anchorEl?: HTMLElement | null\r\n  slots?: {\r\n    afterTitle?: React.ReactNode\r\n    beforeTitle?: React.ReactNode\r\n  }\r\n}\r\n\r\nexport const PopperContent: FC<PopperContentProps> = (props) => {\r\n  const classes = useMemo(() => popperCustomClasses, [])\r\n  const { title, children, onClose, disableGutter, disableMinMaxWidth, slots, anchorEl, ...rest } = props\r\n  const containerRef = useRef<HTMLDivElement>(null)\r\n  const [maxHeight, setMaxHeight] = useState<string | undefined>(undefined)\r\n\r\n  useLayoutEffect(() => {\r\n    const el = containerRef.current\r\n    if (!el) return\r\n    const calculate = () => {\r\n      const { top } = el.getBoundingClientRect()\r\n      setMaxHeight(`${Math.max(window.innerHeight - top - 24, 160)}px`)\r\n    }\r\n    calculate()\r\n    window.addEventListener('resize', calculate)\r\n    return () => window.removeEventListener('resize', calculate)\r\n  }, [])\r\n\r\n  const rootClasses = [classes.root]\r\n  if (disableGutter) rootClasses.push(classes.disableGutter)\r\n  if (disableMinMaxWidth) rootClasses.push(classes.disableMinMaxWidth)\r\n\r\n  return (\r\n    <PopperContentStyled ref={containerRef} className={rootClasses.join(' ')} style={maxHeight ? { maxHeight } : undefined} {...rest}>\r\n      <div className={classes.header}>\r\n        {slots?.beforeTitle}\r\n        <Typography variant='subtitle1' className={classes.title}>\r\n          {title || 'Menu Title'}\r\n        </Typography>\r\n        {slots?.afterTitle}\r\n        <Tooltip title='Close' placement='top' arrow>\r\n          <IconButton size='small' className={classes.buttonClose} onClick={onClose}>\r\n            <CloseIcon fontSize='small' />\r\n          </IconButton>\r\n        </Tooltip>\r\n      </div>\r\n      {children}\r\n    </PopperContentStyled>\r\n  )\r\n}\r\n\r\nexport const PopperFooter: FC<BoxProps & Required<PropsWithChildren>> = ({ children, ...rest }) => (\r\n  <Box className={popperCustomClasses.footer} {...rest}>\r\n    {children}\r\n  </Box>\r\n)\r\n\r\nexport const PopperBody: FC<BoxProps & Required<PropsWithChildren>> = ({ children, ...rest }) => (\r\n  <Box className={popperCustomClasses.body} {...rest}>\r\n    {children}\r\n  </Box>\r\n)\r\n\r\nconst popperCustomClasses = {\r\n  root: 'DinoPopperCustom-root',\r\n  body: 'DinoPopperCustom-body',\r\n  header: 'DinoPopperCustom-header',\r\n  footer: 'DinoPopperCustom-footer',\r\n  title: 'DinoPopperCustom-title',\r\n  buttonClose: 'DinoPopperCustom-buttonClose',\r\n  disableGutter: 'DinoPopperCustom-disableGutter',\r\n  disableMinMaxWidth: 'DinoPopperCustom-disableMinMaxWidth'\r\n}\r\n\r\nconst PopperContentStyled = styled(Box)(({ theme }) => ({\r\n  [`&.${popperCustomClasses.root}`]: {\r\n    borderRadius: theme.shape.borderRadius,\r\n    boxShadow: 'rgba(0, 0, 0, 0.06) 0px 5px 22px, rgba(0, 0, 0, 0.04) 0px 0px 0px 0.5px',\r\n    backgroundColor: theme.palette.background.paper,\r\n    overflow: 'hidden',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    [`&:not(.${popperCustomClasses.disableMinMaxWidth})`]: {\r\n      minWidth: '350px',\r\n      maxWidth: '550px',\r\n      [theme.breakpoints.down('sm')]: {\r\n        minWidth: '240px',\r\n        maxWidth: '90vw'\r\n      }\r\n    }\r\n  },\r\n  [`.${popperCustomClasses.body}`]: {\r\n    padding: theme.spacing(1),\r\n    flex: 1,\r\n    minHeight: 0,\r\n    overflow: 'auto'\r\n  },\r\n  [`.${popperCustomClasses.header}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between',\r\n    gap: theme.spacing(0.5),\r\n    backgroundColor: theme.palette.grey[900],\r\n    padding: theme.spacing(0.5, 1),\r\n    color: theme.palette.common.white\r\n  },\r\n  [`.${popperCustomClasses.title}`]: {\r\n    fontSize: '0.875rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    flexGrow: 1\r\n  },\r\n  [`.${popperCustomClasses.buttonClose}`]: {\r\n    color: theme.palette.common.white,\r\n    transition: theme.transitions.create('color'),\r\n    '.MuiSvgIcon-root': { transition: theme.transitions.create('transform') },\r\n    '&:hover': {\r\n      color: theme.palette.error.light,\r\n      backgroundColor: alpha(theme.palette.common.white, 0.1),\r\n      '.MuiSvgIcon-root': { transform: 'rotate(90deg)' }\r\n    }\r\n  },\r\n  [`.${popperCustomClasses.footer}`]: {\r\n    display: 'flex',\r\n    justifyContent: 'flex-end',\r\n    gap: theme.spacing(1),\r\n    borderTop: `1px solid ${theme.palette.grey[100]}`,\r\n    padding: theme.spacing(0.5, 1),\r\n    [`.MuiButtonBase-root`]: {\r\n      textTransform: 'none',\r\n      fontWeight: 500,\r\n      lineHeight: 1,\r\n      padding: theme.spacing(1, 1.5)\r\n    }\r\n  },\r\n  [`&.${popperCustomClasses.disableGutter}`]: {\r\n    [`.${popperCustomClasses.body}`]: { padding: 0 },\r\n    [`.${popperCustomClasses.header}`]: { padding: theme.spacing(0.5, 1) },\r\n    [`.${popperCustomClasses.footer}`]: { padding: theme.spacing(0.5, 1.5), margin: theme.spacing(1, 1, 0) }\r\n  }\r\n}))\r\n"],"names":["PopperCustom","styled","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Popper","_objectSpread","_ref2","TransitionProps","Fade","timeout","_jsxs","_ref3","zIndex","theme","modal","maxWidth","PopperContent","classes","useMemo","popperCustomClasses","title","onClose","disableGutter","disableMinMaxWidth","slots","anchorEl","rest","_excluded2","containerRef","useRef","_useState3","useState","undefined","_useState4","_slicedToArray","maxHeight","setMaxHeight","useLayoutEffect","el","current","calculate","top","getBoundingClientRect","concat","Math","max","window","innerHeight","addEventListener","removeEventListener","rootClasses","root","push","PopperContentStyled","ref","className","join","style","header","beforeTitle","Typography","variant","afterTitle","Tooltip","placement","arrow","IconButton","size","buttonClose","onClick","CloseIcon","fontSize","PopperFooter","_ref4","_excluded3","Box","footer","PopperBody","_ref5","_excluded4","body","_ref6","_defineProperty","borderRadius","shape","boxShadow","backgroundColor","palette","background","paper","overflow","display","flexDirection","minWidth","breakpoints","down","padding","spacing","flex","minHeight","alignItems","justifyContent","gap","grey","color","common","white","fontWeight","lineHeight","flexGrow","transition","transitions","create","error","light","alpha","transform","borderTop","textTransform","margin"],"mappings":"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"}

package/dist/src/filter-bar/components/ui.units.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{styled as l,Tooltip as i,IconButton as n,alpha as a,Chip as c,ToggleButtonGroup as m,ToggleButton as u,Typography as p}from"@mui/material";import h from"@mui/icons-material/ChevronLeft";import{PopperContent as d}from"./popper-custom.js";var s=["children"],f=function(e){var o=e.onClose;return r(d,{title:"Filter by",onClose:o,children:r(p,{variant:"body2",sx:{p:2,textAlign:"center"},children:"No field to filter"})})},g=l(function(t){var l=t.children,a=e(t,s);return r(i,{title:"Back",placement:"top",arrow:!0,children:r(n,o(o({},a),{},{children:l||r(h,{fontSize:"small"})}))})})(function(e){var o=e.theme;return{color:o.palette.common.white,transition:o.transitions.create("color"),"&:hover":{color:o.palette.primary.light,backgroundColor:a(o.palette.common.white,.1)}}}),b=l(c)(function(e){var o=e.theme;return{backgroundColor:"dark"===o.palette.mode?o.palette.grey[900]:o.palette.grey[800],color:o.palette.common.white,border:"1px solid ".concat(a(o.palette.common.white,.1)),height:20,fontSize:"0.75rem","& .MuiChip-label":{color:o.palette.common.white}}}),v=function(e){return t(C,{size:"small",value:e.value||"and",exclusive:!0,onChange:function(o,r){r&&e.onChange&&e.onChange(o,r)},sx:e.sx,children:[r(u,{size:"small",value:"and","aria-label":"and logic",children:"AND"}),r(u,{size:"small",value:"or","aria-label":"or logic",children:"OR"})]})},C=l(m)({"& .MuiToggleButton-root":{color:"#fff",borderColor:"rgba(255, 255, 255, 0.3)",fontSize:"0.65rem",fontWeight:600,lineHeight:1,minWidth:"40px",padding:"6px 8px","&.Mui-selected":{backgroundColor:"#1976d2",color:"#fff","&:hover":{backgroundColor:"#1565c0"}},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}});export{g as ButtonBack,b as ChipDark,v as FilterLogicToggle,f as FilterMenuNoField};
+import{objectWithoutProperties as e,objectSpread2 as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{styled as n,Tooltip as l,IconButton as i,alpha as a,Chip as c,ToggleButtonGroup as u,ToggleButton as m,Typography as h}from"@mui/material";import s from"@mui/icons-material/ChevronLeft";import{PopperContent as p}from"./popper-custom.js";var d=["children"],f=function(e){var o=e.onClose;return r(p,{title:"Filter by",onClose:o,children:r(h,{variant:"body2",sx:{p:2,textAlign:"center"},children:"No field to filter"})})},g=n(function(t){var n=t.children,a=e(t,d);return r(l,{title:"Back",placement:"top",arrow:!0,children:r(i,o(o({},a),{},{children:n||r(s,{fontSize:"small"})}))})})(function(e){var o=e.theme;return{color:o.palette.common.white,transition:o.transitions.create("color"),"&:hover":{color:o.palette.primary.light,backgroundColor:a(o.palette.common.white,.1)}}}),v=n(c)(function(e){var o=e.theme;return{backgroundColor:"dark"===o.palette.mode?o.palette.grey[900]:o.palette.grey[800],color:o.palette.common.white,border:"1px solid ".concat(a(o.palette.common.white,.1)),height:20,fontSize:"0.75rem",".MuiChip-label":{color:o.palette.common.white}}}),b=function(e){return t(C,{size:"small",value:e.value||"and",exclusive:!0,onChange:function(o,r){r&&e.onChange&&e.onChange(o,r)},sx:e.sx,children:[r(m,{size:"small",value:"and","aria-label":"and logic",children:"AND"}),r(m,{size:"small",value:"or","aria-label":"or logic",children:"OR"})]})},C=n(u)({".MuiToggleButton-root":{color:"#fff",borderColor:"rgba(255, 255, 255, 0.3)",fontSize:"0.65rem",fontWeight:600,lineHeight:1,minWidth:"40px",padding:"6px 8px","&.Mui-selected":{backgroundColor:"#1976d2",color:"#fff","&:hover":{backgroundColor:"#1565c0"}},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}),x={before:"Before",on:"On",after:"After"},k=function(e){return r(C,{size:"small",value:e.value||"on",exclusive:!0,onChange:function(o,r){r&&e.onChange&&e.onChange(o,r)},sx:e.sx,children:Object.keys(x).map(function(e){return r(m,{size:"small",value:e,children:x[e]},e)})})};export{g as ButtonBack,v as ChipDark,k as DateLogicToggle,b as FilterLogicToggle,f as FilterMenuNoField};
 //# sourceMappingURL=ui.units.js.map

package/dist/src/filter-bar/components/ui.units.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.units.js","sources":["../../../../src/filter-bar/components/ui.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { alpha, Box, Chip, IconButton, styled, ToggleButton, ToggleButtonGroup, Tooltip, Typography } from '@mui/material'\r\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\r\nimport { PopperContent } from './popper-custom'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IconButtonProps, ToggleButtonGroupProps } from '@mui/material'\r\nimport type { TLogic } from '../types'\r\n\r\n//#region Other components\r\ninterface IFilterMenuNoFieldProps {\r\n  onClose: () => void\r\n}\r\n\r\nexport const FilterMenuNoField: FC<IFilterMenuNoFieldProps> = ({ onClose }) => (\r\n  <PopperContent title='Filter by' onClose={onClose}>\r\n    <Typography variant='body2' sx={{ p: 2, textAlign: 'center' }}>\r\n      No field to filter\r\n    </Typography>\r\n  </PopperContent>\r\n)\r\n\r\nexport const ButtonBack = styled(({ children, ...props }: IconButtonProps) => (\r\n  <Tooltip title='Back' placement='top' arrow>\r\n    <IconButton {...props}>{children || <ChevronLeftIcon fontSize='small' />}</IconButton>\r\n  </Tooltip>\r\n))(({ theme }) => ({\r\n  color: theme.palette.common.white,\r\n  transition: theme.transitions.create('color'),\r\n  '&:hover': {\r\n    color: theme.palette.primary.light,\r\n    backgroundColor: alpha(theme.palette.common.white, 0.1)\r\n  }\r\n}))\r\n\r\nexport const ChipDark = styled(Chip)(({ theme }) => ({\r\n  backgroundColor: theme.palette.mode === 'dark' ? theme.palette.grey[900] : theme.palette.grey[800],\r\n  color: theme.palette.common.white,\r\n  border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n  height: 20,\r\n  fontSize: '0.75rem',\r\n  '& .MuiChip-label': {\r\n    color: theme.palette.common.white\r\n  }\r\n}))\r\n//#endregion\r\n//#region Toggle logic\r\nexport interface FilterLogicToggleProps {\r\n  value?: TLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: TLogic) => void\r\n  sx?: ToggleButtonGroupProps['sx']\r\n}\r\n\r\nexport const FilterLogicToggle: FC<FilterLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as TLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'and'} exclusive onChange={handleChange} sx={props.sx}>\r\n      <ToggleButton size='small' value='and' aria-label='and logic'>\r\n        AND\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='or' aria-label='or logic'>\r\n        OR\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nconst ToggleButtonGroupCustom = styled(ToggleButtonGroup)({\r\n  '& .MuiToggleButton-root': {\r\n    color: '#fff',\r\n    borderColor: 'rgba(255, 255, 255, 0.3)',\r\n    fontSize: '0.65rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    minWidth: '40px',\r\n    padding: '6px 8px',\r\n    '&.Mui-selected': {\r\n      backgroundColor: '#1976d2',\r\n      color: '#fff',\r\n      '&:hover': { backgroundColor: '#1565c0' }\r\n    },\r\n    '&:hover': { backgroundColor: 'rgba(255, 255, 255, 0.08)' }\r\n  }\r\n})\r\n//#endregion\r\n"],"names":["FilterMenuNoField","_ref","onClose","_jsx","PopperContent","title","Typography","variant","sx","p","textAlign","children","ButtonBack","styled","_ref2","props","_objectWithoutProperties","_excluded","Tooltip","placement","arrow","IconButton","_objectSpread","ChevronLeftIcon","fontSize","_ref3","theme","color","palette","common","white","transition","transitions","create","primary","light","backgroundColor","alpha","ChipDark","Chip","_ref4","mode","grey","border","concat","height","FilterLogicToggle","_jsxs","ToggleButtonGroupCustom","size","value","exclusive","onChange","event","newValue","ToggleButton","ToggleButtonGroup","borderColor","fontWeight","lineHeight","minWidth","padding"],"mappings":"qaAgBaA,EAAiD,SAAhCC,GAAA,IAAmCC,EAAOD,EAAPC,QAAO,OACtEC,EAACC,EAAc,CAAAC,MAAM,YAAYH,QAASA,WACxCC,EAACG,GAAWC,QAAQ,QAAQC,GAAI,CAAEC,EAAG,EAAGC,UAAW,UAEtCC,SAAA,wBACC,EAGLC,EAAaC,EAAO,SAAAC,GAAA,IAAGH,EAAQG,EAARH,SAAaI,EAAKC,EAAAF,EAAAG,GAAA,OACpDd,EAACe,EAAO,CAACb,MAAM,OAAOc,UAAU,MAAMC,OACpC,EAAAT,SAAAR,EAACkB,EAAUC,EAAAA,EAAA,GAAKP,GAAK,GAAA,CAAAJ,SAAGA,GAAYR,EAACoB,EAAgB,CAAAC,SAAS,cACtD,EAHcX,CAIvB,SAAAY,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CACjBC,MAAOD,EAAME,QAAQC,OAAOC,MAC5BC,WAAYL,EAAMM,YAAYC,OAAO,SACrC,UAAW,CACTN,MAAOD,EAAME,QAAQM,QAAQC,MAC7BC,gBAAiBC,EAAMX,EAAME,QAAQC,OAAOC,MAAO,KAEtD,GAEYQ,EAAWzB,EAAO0B,EAAP1B,CAAa,SAAA2B,GAAA,IAAGd,EAAKc,EAALd,MAAK,MAAQ,CACnDU,gBAAwC,SAAvBV,EAAME,QAAQa,KAAkBf,EAAME,QAAQc,KAAK,KAAOhB,EAAME,QAAQc,KAAK,KAC9Ff,MAAOD,EAAME,QAAQC,OAAOC,MAC5Ba,OAAMC,aAAAA,OAAeP,EAAMX,EAAME,QAAQC,OAAOC,MAAO,KACvDe,OAAQ,GACRrB,SAAU,UACV,mBAAoB,CAClBG,MAAOD,EAAME,QAAQC,OAAOC,OAE/B,GASYgB,EAAgD,SAAC/B,GAO5D,OACEgC,EAACC,EAAwB,CAAAC,KAAK,QAAQC,MAAOnC,EAAMmC,OAAS,MAAOC,WAAS,EAACC,SAP1D,SAACC,EAAsCC,GACtDA,GAAYvC,EAAMqC,UACpBrC,EAAMqC,SAASC,EAAOC,EAEzB,EAGsG9C,GAAIO,EAAMP,GAAEG,SAAA,CAC/GR,EAACoD,EAAY,CAACN,KAAK,QAAQC,MAAM,MAAK,aAAY,YAAWvC,SAAA,QAG7DR,EAACoD,EAAY,CAACN,KAAK,QAAQC,MAAM,KAAI,aAAY,WAAUvC,SAAA,SAKjE,EAEMqC,EAA0BnC,EAAO2C,EAAP3C,CAA0B,CACxD,0BAA2B,CACzBc,MAAO,OACP8B,YAAa,2BACbjC,SAAU,UACVkC,WAAY,IACZC,WAAY,EACZC,SAAU,OACVC,QAAS,UACT,iBAAkB,CAChBzB,gBAAiB,UACjBT,MAAO,OACP,UAAW,CAAES,gBAAiB,YAEhC,UAAW,CAAEA,gBAAiB"}
+{"version":3,"file":"ui.units.js","sources":["../../../../src/filter-bar/components/ui.units.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { alpha, Chip, IconButton, styled, ToggleButton, ToggleButtonGroup, Tooltip, Typography } from '@mui/material'\r\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft'\r\nimport { PopperContent } from './popper-custom'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IconButtonProps, ToggleButtonGroupProps } from '@mui/material'\r\nimport type { TDateLogic, TLogic } from '../types'\r\n\r\n//#region Other components\r\ninterface IFilterMenuNoFieldProps {\r\n  onClose: () => void\r\n}\r\n\r\nexport const FilterMenuNoField: FC<IFilterMenuNoFieldProps> = ({ onClose }) => (\r\n  <PopperContent title='Filter by' onClose={onClose}>\r\n    <Typography variant='body2' sx={{ p: 2, textAlign: 'center' }}>\r\n      No field to filter\r\n    </Typography>\r\n  </PopperContent>\r\n)\r\n\r\nexport const ButtonBack = styled(({ children, ...props }: IconButtonProps) => (\r\n  <Tooltip title='Back' placement='top' arrow>\r\n    <IconButton {...props}>{children || <ChevronLeftIcon fontSize='small' />}</IconButton>\r\n  </Tooltip>\r\n))(({ theme }) => ({\r\n  color: theme.palette.common.white,\r\n  transition: theme.transitions.create('color'),\r\n  '&:hover': {\r\n    color: theme.palette.primary.light,\r\n    backgroundColor: alpha(theme.palette.common.white, 0.1)\r\n  }\r\n}))\r\n\r\nexport const ChipDark = styled(Chip)(({ theme }) => ({\r\n  backgroundColor: theme.palette.mode === 'dark' ? theme.palette.grey[900] : theme.palette.grey[800],\r\n  color: theme.palette.common.white,\r\n  border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\r\n  height: 20,\r\n  fontSize: '0.75rem',\r\n  '.MuiChip-label': { color: theme.palette.common.white }\r\n}))\r\n//#endregion\r\n//#region Toggle logic\r\nexport interface FilterLogicToggleProps {\r\n  value?: TLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: TLogic) => void\r\n  sx?: ToggleButtonGroupProps['sx']\r\n}\r\n\r\nexport const FilterLogicToggle: FC<FilterLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) {\r\n      props.onChange(event, newValue as TLogic)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'and'} exclusive onChange={handleChange} sx={props.sx}>\r\n      <ToggleButton size='small' value='and' aria-label='and logic'>\r\n        AND\r\n      </ToggleButton>\r\n      <ToggleButton size='small' value='or' aria-label='or logic'>\r\n        OR\r\n      </ToggleButton>\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n\r\nconst ToggleButtonGroupCustom = styled(ToggleButtonGroup)({\r\n  '.MuiToggleButton-root': {\r\n    color: '#fff',\r\n    borderColor: 'rgba(255, 255, 255, 0.3)',\r\n    fontSize: '0.65rem',\r\n    fontWeight: 600,\r\n    lineHeight: 1,\r\n    minWidth: '40px',\r\n    padding: '6px 8px',\r\n    '&.Mui-selected': {\r\n      backgroundColor: '#1976d2',\r\n      color: '#fff',\r\n      '&:hover': { backgroundColor: '#1565c0' }\r\n    },\r\n    '&:hover': { backgroundColor: 'rgba(255, 255, 255, 0.08)' }\r\n  }\r\n})\r\n//#endregion\r\n\r\n//#region Date logic toggle\r\ntype TDateSingleLogic = Exclude<TDateLogic, 'range'>\r\n\r\nconst DATE_SINGLE_LOGIC_LABELS: Record<TDateSingleLogic, string> = {\r\n  before: 'Before',\r\n  on: 'On',\r\n  after: 'After'\r\n}\r\n\r\nexport interface DateLogicToggleProps {\r\n  value?: TDateSingleLogic\r\n  onChange?: (event: React.MouseEvent<HTMLElement>, value: TDateSingleLogic) => void\r\n  sx?: ToggleButtonGroupProps['sx']\r\n}\r\n\r\nexport const DateLogicToggle: FC<DateLogicToggleProps> = (props) => {\r\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: string | null) => {\r\n    if (newValue && props.onChange) props.onChange(event, newValue as TDateSingleLogic)\r\n  }\r\n  return (\r\n    <ToggleButtonGroupCustom size='small' value={props.value || 'on'} exclusive onChange={handleChange} sx={props.sx}>\r\n      {(Object.keys(DATE_SINGLE_LOGIC_LABELS) as TDateSingleLogic[]).map((key) => (\r\n        <ToggleButton size='small' value={key} key={key}>\r\n          {DATE_SINGLE_LOGIC_LABELS[key]}\r\n        </ToggleButton>\r\n      ))}\r\n    </ToggleButtonGroupCustom>\r\n  )\r\n}\r\n//#endregion\r\n"],"names":["FilterMenuNoField","_ref","onClose","_jsx","PopperContent","title","Typography","variant","sx","p","textAlign","children","ButtonBack","styled","_ref2","props","_objectWithoutProperties","_excluded","Tooltip","placement","arrow","IconButton","_objectSpread","ChevronLeftIcon","fontSize","_ref3","theme","color","palette","common","white","transition","transitions","create","primary","light","backgroundColor","alpha","ChipDark","Chip","_ref4","mode","grey","border","concat","height","FilterLogicToggle","_jsxs","ToggleButtonGroupCustom","size","value","exclusive","onChange","event","newValue","ToggleButton","ToggleButtonGroup","borderColor","fontWeight","lineHeight","minWidth","padding","DATE_SINGLE_LOGIC_LABELS","before","on","after","DateLogicToggle","Object","keys","map","key"],"mappings":"qaAgBaA,EAAiD,SAAhCC,GAAA,IAAmCC,EAAOD,EAAPC,QAAO,OACtEC,EAACC,EAAc,CAAAC,MAAM,YAAYH,QAASA,WACxCC,EAACG,GAAWC,QAAQ,QAAQC,GAAI,CAAEC,EAAG,EAAGC,UAAW,UAEtCC,SAAA,wBACC,EAGLC,EAAaC,EAAO,SAAAC,GAAA,IAAGH,EAAQG,EAARH,SAAaI,EAAKC,EAAAF,EAAAG,GAAA,OACpDd,EAACe,EAAO,CAACb,MAAM,OAAOc,UAAU,MAAMC,OACpC,EAAAT,SAAAR,EAACkB,EAAUC,EAAAA,EAAA,GAAKP,GAAK,GAAA,CAAAJ,SAAGA,GAAYR,EAACoB,EAAgB,CAAAC,SAAS,cACtD,EAHcX,CAIvB,SAAAY,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CACjBC,MAAOD,EAAME,QAAQC,OAAOC,MAC5BC,WAAYL,EAAMM,YAAYC,OAAO,SACrC,UAAW,CACTN,MAAOD,EAAME,QAAQM,QAAQC,MAC7BC,gBAAiBC,EAAMX,EAAME,QAAQC,OAAOC,MAAO,KAEtD,GAEYQ,EAAWzB,EAAO0B,EAAP1B,CAAa,SAAA2B,GAAA,IAAGd,EAAKc,EAALd,MAAK,MAAQ,CACnDU,gBAAwC,SAAvBV,EAAME,QAAQa,KAAkBf,EAAME,QAAQc,KAAK,KAAOhB,EAAME,QAAQc,KAAK,KAC9Ff,MAAOD,EAAME,QAAQC,OAAOC,MAC5Ba,OAAMC,aAAAA,OAAeP,EAAMX,EAAME,QAAQC,OAAOC,MAAO,KACvDe,OAAQ,GACRrB,SAAU,UACV,iBAAkB,CAAEG,MAAOD,EAAME,QAAQC,OAAOC,OACjD,GASYgB,EAAgD,SAAC/B,GAO5D,OACEgC,EAACC,EAAwB,CAAAC,KAAK,QAAQC,MAAOnC,EAAMmC,OAAS,MAAOC,WAAS,EAACC,SAP1D,SAACC,EAAsCC,GACtDA,GAAYvC,EAAMqC,UACpBrC,EAAMqC,SAASC,EAAOC,EAEzB,EAGsG9C,GAAIO,EAAMP,GAAEG,SAAA,CAC/GR,EAACoD,EAAY,CAACN,KAAK,QAAQC,MAAM,MAAK,aAAY,YAAWvC,SAAA,QAG7DR,EAACoD,EAAY,CAACN,KAAK,QAAQC,MAAM,KAAI,aAAY,WAAUvC,SAAA,SAKjE,EAEMqC,EAA0BnC,EAAO2C,EAAP3C,CAA0B,CACxD,wBAAyB,CACvBc,MAAO,OACP8B,YAAa,2BACbjC,SAAU,UACVkC,WAAY,IACZC,WAAY,EACZC,SAAU,OACVC,QAAS,UACT,iBAAkB,CAChBzB,gBAAiB,UACjBT,MAAO,OACP,UAAW,CAAES,gBAAiB,YAEhC,UAAW,CAAEA,gBAAiB,gCAQ5B0B,EAA6D,CACjEC,OAAQ,SACRC,GAAI,KACJC,MAAO,SASIC,EAA4C,SAACnD,GAIxD,OACEZ,EAAC6C,EAAuB,CAACC,KAAK,QAAQC,MAAOnC,EAAMmC,OAAS,KAAMC,WAAU,EAAAC,SAJzD,SAACC,EAAsCC,GACtDA,GAAYvC,EAAMqC,UAAUrC,EAAMqC,SAASC,EAAOC,EACvD,EAEqG9C,GAAIO,EAAMP,GAC1GG,SAAAwD,OAAOC,KAAKN,GAAiDO,IAAI,SAACC,GAAG,OACrEnE,EAACoD,EAAY,CAACN,KAAK,QAAQC,MAAOoB,EAC/B3D,SAAAmD,EAAyBQ,IADgBA,EAG7C,IAGP"}

package/dist/src/filter-bar/convert-to-graphql.js

@@ -1,2 +1,2 @@
-import{createClass as t,classCallCheck as e,defineProperty as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as i}from"./types.js";import{createRequestBuilder as l}from"../http-service/graphql/request-param.js";import{getSeedFromURL as o,setSeedToURL as n,removeSeedFromURL as a}from"./helpers.js";var u=function(t){return"or"===t?"Or":"And"},s=function(t){return"asc"===t?"ASC":"DESC"},f=function(){return t(function t(i){var o=this;e(this,t),r(this,"graphqlBuilder",l({ignoreEmpty:!0})),r(this,"autoMap",function(t){(o.currentObjectMap=t,o.state.storeFilter)&&Object.keys(o.state.storeFilter).forEach(function(e){var r,i=t[e],l=null===(r=o.state.storeFilter)||void 0===r?void 0:r[e];if(i){var n=i.targetfield,a=i.operation;return i.custom?void i.custom(o.graphqlBuilder,l,o.state.storeFilter):"equal"===a?void o.fillterEqual(e,n):void o.fillterContains(e,n)}});return o}),r(this,"prebuild",function(t){return o.prebuildFunc=t,o}),this.state=i},[{key:"filterScope",value:function(t,e){var r=this;if(this.state.storeFilter){var i=(null==e?void 0:e.logic)||this.state.filterLogic||"and",l=u(i);this.graphqlBuilder.scope(function(e){return t(e,r.state.storeFilter),e},{logic:l})}return this}},{key:"fillterEqual",value:function(t,e,r){var i,l,o=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!e)return this;var a=u(o.logic);return this.filterScope(function(t,r){for(var i=0;i<n.length;i++){var l=n[i];"string"==typeof l?t.filter(e,l,{logic:a}):("number"==typeof l||"boolean"==typeof l)&&t.filter(e,l.toString(),{logic:a})}},r),this}},{key:"fillterContains",value:function(t,e,r){var i,l,o=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!e)return this;var a=u(o.logic);return this.filterScope(function(t){for(var r=0;r<n.length;r++){var i=n[r];"string"==typeof i?t.filterContains(e,i,{logic:a}):("number"==typeof i||"boolean"==typeof i)&&t.filter(e,i.toString(),{logic:a})}},r),this}},{key:"sort",value:function(t){var e,r,l=this.state.storeSort,u=null!==(e=null==t?void 0:t.seed)&&void 0!==e?e:{},f=u.targetField,v=u.autoSave,c=void 0!==v&&v,d=f?null===(r=this.currentObjectMap)||void 0===r?void 0:r[f]:void 0,h=o();if((null==l?void 0:l.field)===i.sortShuffle){if(null==d||!d.targetfield)return this;var p=null!=h?h:(new Date).getTime().toString();this.graphqlBuilder.seed(d.targetfield,p),c&&n(p)}else{var g;h&&a();var y=null!=l&&l.field?null===(g=this.currentObjectMap)||void 0===g?void 0:g[null==l?void 0:l.field]:void 0;if(null==y||!y.targetfield)return this;this.graphqlBuilder.sort(y.targetfield,{direction:s(null==l?void 0:l.direction)})}return this}},{key:"quickSearch",value:function(t){var e,r,i=this;this.currentObjectMap||console.warn("No autoMap config found, quick search will not work properly without target field mapping.");var l=null!==(e=null===(r=this.state.storeFilter)||void 0===r?void 0:r.quickSearch)&&void 0!==e?e:{values:[],logic:"or"},o=Array.isArray(l.values)?l.values:[l.values];if(!o||o.length<1)return this;var n=u(l.logic),a=Array.isArray(t)?t:[t];return this.filterScope(function(t){a.forEach(function(e){var r,a=null===(r=i.currentObjectMap)||void 0===r?void 0:r[e];if(a&&o&&o.length>0)if(a.custom)a.custom(t,l,i.state.storeFilter);else if(a.targetfield)for(var u=0;u<o.length;u++){var s=o[u];"string"==typeof s?t.filterContains(a.targetfield,s,{logic:n}):("number"==typeof s||"boolean"==typeof s)&&t.filter(a.targetfield,s.toString(),{logic:n})}})}),this}},{key:"build",value:function(){return this.prebuildFunc&&this.prebuildFunc(this.graphqlBuilder),this.graphqlBuilder.build()}}])}(),v=function(t){return new f(t)};export{f as TableFileterConverter,v as createConvertToGraphQL,u as mapLogic,s as mapSortDirection};
+import{createClass as t,classCallCheck as e,defineProperty as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as i}from"./types.js";import{getSeedFromURL as l,setSeedToURL as o,removeSeedFromURL as n}from"./helpers.js";import{createRequestBuilder as a}from"../http-service/graphql/request-param.js";var u=function(t){return"or"===t?"Or":"And"},s=function(t){return"asc"===t?"ASC":"DESC"},f=function(){return t(function t(i){var l=this;e(this,t),r(this,"graphqlBuilder",a({ignoreEmpty:!0})),r(this,"autoMap",function(t){(l.currentObjectMap=t,l.state.storeFilter)&&Object.keys(l.state.storeFilter).forEach(function(e){var r,i=t[e],o=null===(r=l.state.storeFilter)||void 0===r?void 0:r[e];if(i){var n=i.targetfield,a=i.operation;return i.custom?void i.custom(l.graphqlBuilder,o,l.state.storeFilter):"equal"===a?void l.fillterEqual(e,n):void l.fillterContains(e,n)}});return l}),r(this,"prebuild",function(t){return l.prebuildFunc=t,l}),this.state=i},[{key:"filterScope",value:function(t,e){var r=this;if(this.state.storeFilter){var i=(null==e?void 0:e.logic)||this.state.filterLogic||"and",l=u(i);this.graphqlBuilder.scope(function(e){return t(e,r.state.storeFilter),e},{logic:l})}return this}},{key:"fillterEqual",value:function(t,e,r){var i,l,o=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!e)return this;var a=u(o.logic);return this.filterScope(function(t,r){for(var i=0;i<n.length;i++){var l=n[i];"string"==typeof l?t.filter(e,l,{logic:a}):("number"==typeof l||"boolean"==typeof l)&&t.filter(e,l.toString(),{logic:a})}},r),this}},{key:"fillterContains",value:function(t,e,r){var i,l,o=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!e)return this;var a=u(o.logic);return this.filterScope(function(t){for(var r=0;r<n.length;r++){var i=n[r];"string"==typeof i?t.filterContains(e,i,{logic:a}):("number"==typeof i||"boolean"==typeof i)&&t.filter(e,i.toString(),{logic:a})}},r),this}},{key:"sort",value:function(t){var e,r,a=this.state.storeSort,u=null!==(e=null==t?void 0:t.seed)&&void 0!==e?e:{},f=u.targetField,v=u.autoSave,c=void 0!==v&&v,d=f?null===(r=this.currentObjectMap)||void 0===r?void 0:r[f]:void 0,h=l();if((null==a?void 0:a.field)===i.sortShuffle){if(null==d||!d.targetfield)return this;var p=null!=h?h:(new Date).getTime().toString();this.graphqlBuilder.seed(d.targetfield,p),c&&o(p)}else{var g;h&&n();var y=null!=a&&a.field?null===(g=this.currentObjectMap)||void 0===g?void 0:g[null==a?void 0:a.field]:void 0;if(null==y||!y.targetfield)return this;this.graphqlBuilder.sort(y.targetfield,{direction:s(null==a?void 0:a.direction)})}return this}},{key:"quickSearch",value:function(t){var e,r,i=this;this.currentObjectMap||console.warn("No autoMap config found, quick search will not work properly without target field mapping.");var l=null!==(e=null===(r=this.state.storeFilter)||void 0===r?void 0:r.quickSearch)&&void 0!==e?e:{values:[],logic:"or"},o=Array.isArray(l.values)?l.values:[l.values];if(!o||o.length<1)return this;var n=u(l.logic),a=Array.isArray(t)?t:[t];return this.filterScope(function(t){a.forEach(function(e){var r,a=null===(r=i.currentObjectMap)||void 0===r?void 0:r[e];if(a&&o&&o.length>0)if(a.custom)a.custom(t,l,i.state.storeFilter);else if(a.targetfield)for(var u=0;u<o.length;u++){var s=o[u];"string"==typeof s?t.filterContains(a.targetfield,s,{logic:n}):("number"==typeof s||"boolean"==typeof s)&&t.filter(a.targetfield,s.toString(),{logic:n})}})}),this}},{key:"build",value:function(){return this.prebuildFunc&&this.prebuildFunc(this.graphqlBuilder),this.graphqlBuilder.build()}}])}(),v=function(t){return new f(t)};export{f as TableFileterConverter,v as createConvertToGraphQL,u as mapLogic,s as mapSortDirection};
 //# sourceMappingURL=convert-to-graphql.js.map

package/dist/src/filter-bar/convert-to-graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"convert-to-graphql.js","sources":["../../../src/filter-bar/convert-to-graphql.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { KeySpecial } from './types'\r\nimport { createRequestBuilder, RequestParam } from '../http-service/graphql/request-param'\r\n// types\r\nimport type { TFilterState, TFieldStore, TFieldValue, TLogic, TDirection, TFieldType } from './types'\r\nimport { getSeedFromURL, removeSeedFromURL, setSeedToURL } from './helpers'\r\n\r\ntype TFilterScopeFn<TSource, TTarget extends object> = (currentBuilder: RequestParam<TTarget>, store?: TFieldStore<TSource>) => void\r\n\r\n/**\r\n * @en\r\n * - Utility class to convert filter state from a filter bar into a GraphQL query builder.\r\n * - Supports mapping filter fields to different GraphQL fields, custom filter logic, and sorting.\r\n * @vi\r\n * - Lớp tiện ích để chuyển đổi trạng thái filter từ filter bar thành builder truy vấn GraphQL.\r\n * - Hỗ trợ ánh xạ các trường filter sang các trường GraphQL khác, logic filter tùy chỉnh và sắp xếp.\r\n */\r\ntype TAutoMapFieldCustomFn<TSource, TTarget extends object> = (\r\n  currentBuilder: RequestParam<TTarget>,\r\n  value?: NonNullable<TFieldStore<TSource>>[keyof TFieldStore<TSource>],\r\n  store?: TFieldStore<TSource>\r\n) => void\r\n\r\ntype TAutoMapConfig<TSource, TTarget extends object> = {\r\n  /**\r\n   * @en The target field in the GraphQL schema that this filter field maps to. If not provided, the source field name will be used as the target field.\r\n   * @vi Trường đích trong schema GraphQL mà trường filter này ánh xạ tới. Nếu không cung cấp, tên trường nguồn sẽ được sử dụng làm trường đích.\r\n   */\r\n  targetfield?: keyof TTarget\r\n  /**\r\n   * @en The operation to apply for the filter field. Can be 'equal' or 'contains'. @default 'contains'\r\n   * @vi Thao tác áp dụng cho trường filter. Có thể là 'equal' hoặc 'contains'. @default 'contains'\r\n   */\r\n  operation?: 'equal' | 'contains'\r\n  /**\r\n   * @en\r\n   * - Custom function to apply complex filter logic that doesn't fit standard 'equal' or 'contains' operations.\r\n   * - Receives the current GraphQL builder, the value of the filter field, and the entire filter store for context.\r\n   * @vi\r\n   * - Hàm tùy chỉnh để áp dụng logic filter phức tạp không phù hợp với các thao tác 'equal' hoặc 'contains' tiêu chuẩn.\r\n   * - Nhận builder GraphQL hiện tại, giá trị của trường filter và toàn bộ store filter để có ngữ cảnh.\r\n   */\r\n  custom?: TAutoMapFieldCustomFn<TSource, TTarget>\r\n}\r\n\r\ntype TAutoMapConfigs<TSource, TTarget extends object> = Partial<Record<keyof TSource, TAutoMapConfig<TSource, TTarget>>>\r\n\r\ntype TFilterOption = {\r\n  logic?: TLogic\r\n}\r\n\r\nexport const mapLogic = (logic?: TLogic): 'And' | 'Or' => {\r\n  return logic === 'or' ? 'Or' : 'And'\r\n}\r\n\r\nexport const mapSortDirection = (direction?: TDirection): 'ASC' | 'DESC' => {\r\n  return direction === 'asc' ? 'ASC' : 'DESC'\r\n}\r\n\r\nexport class TableFileterConverter<TSource extends Record<string, any>, TTarget extends object> {\r\n  private state: TFilterState<TSource>\r\n  constructor(state: TFilterState<TSource>) {\r\n    this.state = state\r\n  }\r\n  private graphqlBuilder = createRequestBuilder<TTarget>({ ignoreEmpty: true })\r\n  filterScope(fn: TFilterScopeFn<TSource, TTarget>, options?: TFilterOption) {\r\n    if (this.state.storeFilter) {\r\n      const mergedLogic = options?.logic || this.state.filterLogic || 'and'\r\n      const logic = mapLogic(mergedLogic)\r\n      this.graphqlBuilder.scope(\r\n        (b) => {\r\n          fn(b, this.state.storeFilter)\r\n          return b\r\n        },\r\n        { logic }\r\n      )\r\n    }\r\n    return this\r\n  }\r\n  fillterEqual(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption) {\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.[field] ?? { values: [] }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty || !targetField) return this\r\n\r\n    const logic = mapLogic(fieldValue.logic)\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder, value) => {\r\n      for (let index = 0; index < values.length; index++) {\r\n        const element = values[index]\r\n        if (typeof element === 'string') {\r\n          builder.filter(targetField, element, { logic })\r\n        } else if (typeof element === 'number') {\r\n          //TODO: for number type, we can only do equal filter, so we treat it as equal filter\r\n          builder.filter(targetField, element.toString(), { logic })\r\n        } else if (typeof element === 'boolean') {\r\n          //TODO: for boolean type, we also treat it as equal filter\r\n          builder.filter(targetField, element.toString(), { logic })\r\n        }\r\n      }\r\n    }\r\n    this.filterScope(fn, options)\r\n    return this\r\n  }\r\n  fillterContains(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption) {\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.[field] ?? { values: [] }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty || !targetField) return this\r\n\r\n    const finalLogic = mapLogic(fieldValue.logic)\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder) => {\r\n      for (let index = 0; index < values.length; index++) {\r\n        const val = values[index]\r\n        if (typeof val === 'string') {\r\n          builder.filterContains(targetField, val, { logic: finalLogic })\r\n        } else if (typeof val === 'number') {\r\n          //TODO: for number type, we can only do equal filter, so we treat it as equal filter\r\n          builder.filter(targetField, val.toString(), { logic: finalLogic })\r\n        } else if (typeof val === 'boolean') {\r\n          //TODO: for boolean type, we also treat it as equal filter\r\n          builder.filter(targetField, val.toString(), { logic: finalLogic })\r\n        }\r\n      }\r\n    }\r\n    this.filterScope(fn, options)\r\n    return this\r\n  }\r\n  sort(param?: { seed: { targetField?: TFieldType<TSource>; autoSave?: boolean } }) {\r\n    const store = this.state.storeSort\r\n    const { targetField: seedTargetField, autoSave = false } = param?.seed ?? {}\r\n    const seedField = seedTargetField ? this.currentObjectMap?.[seedTargetField] : undefined\r\n    const seedFromURL = getSeedFromURL()\r\n    if (store?.field === KeySpecial.sortShuffle) {\r\n      if (!seedField?.targetfield) return this\r\n      const seedValue = seedFromURL ?? new Date().getTime().toString()\r\n      this.graphqlBuilder.seed(seedField.targetfield, seedValue)\r\n      if (autoSave) setSeedToURL(seedValue)\r\n    } else {\r\n      if (seedFromURL) removeSeedFromURL()\r\n      const field = store?.field ? this.currentObjectMap?.[store?.field] : undefined\r\n      if (!field?.targetfield) return this\r\n      this.graphqlBuilder.sort(field.targetfield, { direction: mapSortDirection(store?.direction) })\r\n    }\r\n    return this\r\n  }\r\n  quickSearch(fields: TFieldType<TSource> | TFieldType<TSource>[]) {\r\n    if (!this.currentObjectMap) {\r\n      console.warn('No autoMap config found, quick search will not work properly without target field mapping.')\r\n    }\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.quickSearch ?? { values: [], logic: 'or' }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty) return this\r\n\r\n    const logic = mapLogic(fieldValue.logic)\r\n    const targetFields = Array.isArray(fields) ? fields : [fields]\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder) => {\r\n      targetFields.forEach((field) => {\r\n        const fieldMap = this.currentObjectMap?.[field]\r\n        if (fieldMap && values && values.length > 0) {\r\n          if (fieldMap.custom) {\r\n            fieldMap.custom(builder, fieldValue, this.state.storeFilter)\r\n          } else if (fieldMap.targetfield) {\r\n            for (let index = 0; index < values.length; index++) {\r\n              const element = values[index]\r\n              if (typeof element === 'string') {\r\n                builder.filterContains(fieldMap.targetfield, element, { logic })\r\n              } else if (typeof element === 'number') {\r\n                builder.filter(fieldMap.targetfield, element.toString(), { logic })\r\n              } else if (typeof element === 'boolean') {\r\n                builder.filter(fieldMap.targetfield, element.toString(), { logic })\r\n              }\r\n            }\r\n          }\r\n        }\r\n      })\r\n    }\r\n    this.filterScope(fn)\r\n    return this\r\n  }\r\n  private currentObjectMap?: TAutoMapConfigs<TSource, TTarget>\r\n  autoMap = (objMap: TAutoMapConfigs<TSource, TTarget>) => {\r\n    this.currentObjectMap = objMap\r\n\r\n    if (this.state.storeFilter) {\r\n      const keys = Object.keys(this.state.storeFilter) as (keyof TFieldStore<TSource>)[]\r\n      // filter the keys that exist in objMap\r\n      keys.forEach((key) => {\r\n        const mapConfig = objMap[key]\r\n        const fieldValue: TFieldValue | undefined = this.state.storeFilter?.[key]\r\n        if (mapConfig) {\r\n          const { targetfield, operation } = mapConfig\r\n          if (mapConfig.custom) {\r\n            mapConfig.custom(this.graphqlBuilder, fieldValue, this.state.storeFilter)\r\n            return // skip the rest logic if custom function is provided\r\n          }\r\n          switch (operation) {\r\n            case 'equal':\r\n              this.fillterEqual(key, targetfield)\r\n              return // break is not needed here because of the return statement\r\n            case 'contains':\r\n            default:\r\n              this.fillterContains(key, targetfield)\r\n              return // break is not needed here because of the return statement\r\n          }\r\n        }\r\n      })\r\n    }\r\n    return this\r\n  }\r\n  private prebuildFunc?: (rp: RequestParam<TTarget>) => RequestParam<TTarget>\r\n  prebuild = (func: (requestParam: RequestParam<TTarget>) => RequestParam<TTarget>) => {\r\n    this.prebuildFunc = func\r\n    return this\r\n  }\r\n\r\n  build() {\r\n    if (this.prebuildFunc) this.prebuildFunc(this.graphqlBuilder)\r\n    return this.graphqlBuilder.build()\r\n  }\r\n}\r\n\r\nexport const createConvertToGraphQL = <TSource extends Record<string, any>, TTarget extends object>(state: TFilterState<TSource>) => {\r\n  return new TableFileterConverter<TSource, TTarget>(state)\r\n}\r\n"],"names":["mapLogic","logic","mapSortDirection","direction","TableFileterConverter","_createClass","state","_this","this","_classCallCheck","_defineProperty","createRequestBuilder","ignoreEmpty","objMap","currentObjectMap","storeFilter","Object","keys","forEach","key","_this$state$storeFilt","mapConfig","fieldValue","targetfield","operation","custom","graphqlBuilder","fillterEqual","fillterContains","func","prebuildFunc","value","fn","options","_this2","mergedLogic","filterLogic","scope","b","field","targetField","_this$state$storeFilt2","_this$state$storeFilt3","values","Array","isArray","length","filterScope","builder","index","element","filter","toString","_this$state$storeFilt4","_this$state$storeFilt5","finalLogic","val","filterContains","param","_param$seed","_this$currentObjectMa","store","storeSort","_ref","seed","seedTargetField","_ref$autoSave","autoSave","seedField","undefined","seedFromURL","getSeedFromURL","KeySpecial","sortShuffle","seedValue","Date","getTime","setSeedToURL","_this$currentObjectMa2","removeSeedFromURL","sort","fields","_this$state$storeFilt6","_this$state$storeFilt7","_this3","console","warn","quickSearch","targetFields","_this3$currentObjectM","fieldMap","build","createConvertToGraphQL"],"mappings":"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"}
+{"version":3,"file":"convert-to-graphql.js","sources":["../../../src/filter-bar/convert-to-graphql.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { KeySpecial } from './types'\r\nimport { getSeedFromURL, removeSeedFromURL, setSeedToURL } from './helpers'\r\nimport { createRequestBuilder, RequestParam } from '../http-service/graphql/request-param'\r\n// types\r\nimport type { TFilterState, TFieldStore, TFieldValue, TLogic, TDirection, TFieldType } from './types'\r\n\r\ntype TFilterScopeFn<TSource, TTarget extends object> = (currentBuilder: RequestParam<TTarget>, store?: TFieldStore<TSource>) => void\r\n\r\n/**\r\n * @en\r\n * - Utility class to convert filter state from a filter bar into a GraphQL query builder.\r\n * - Supports mapping filter fields to different GraphQL fields, custom filter logic, and sorting.\r\n * @vi\r\n * - Lớp tiện ích để chuyển đổi trạng thái filter từ filter bar thành builder truy vấn GraphQL.\r\n * - Hỗ trợ ánh xạ các trường filter sang các trường GraphQL khác, logic filter tùy chỉnh và sắp xếp.\r\n */\r\ntype TAutoMapFieldCustomFn<TSource, TTarget extends object> = (\r\n  currentBuilder: RequestParam<TTarget>,\r\n  value?: NonNullable<TFieldStore<TSource>>[keyof TFieldStore<TSource>],\r\n  store?: TFieldStore<TSource>\r\n) => void\r\n\r\ntype TAutoMapConfig<TSource, TTarget extends object> = {\r\n  /**\r\n   * @en The target field in the GraphQL schema that this filter field maps to. If not provided, the source field name will be used as the target field.\r\n   * @vi Trường đích trong schema GraphQL mà trường filter này ánh xạ tới. Nếu không cung cấp, tên trường nguồn sẽ được sử dụng làm trường đích.\r\n   */\r\n  targetfield?: keyof TTarget\r\n  /**\r\n   * @en The operation to apply for the filter field. Can be 'equal' or 'contains'. @default 'contains'\r\n   * @vi Thao tác áp dụng cho trường filter. Có thể là 'equal' hoặc 'contains'. @default 'contains'\r\n   */\r\n  operation?: 'equal' | 'contains'\r\n  /**\r\n   * @en\r\n   * - Custom function to apply complex filter logic that doesn't fit standard 'equal' or 'contains' operations.\r\n   * - Receives the current GraphQL builder, the value of the filter field, and the entire filter store for context.\r\n   * @vi\r\n   * - Hàm tùy chỉnh để áp dụng logic filter phức tạp không phù hợp với các thao tác 'equal' hoặc 'contains' tiêu chuẩn.\r\n   * - Nhận builder GraphQL hiện tại, giá trị của trường filter và toàn bộ store filter để có ngữ cảnh.\r\n   */\r\n  custom?: TAutoMapFieldCustomFn<TSource, TTarget>\r\n}\r\n\r\ntype TAutoMapConfigs<TSource, TTarget extends object> = Partial<Record<keyof TSource, TAutoMapConfig<TSource, TTarget>>>\r\n\r\ntype TFilterOption = {\r\n  logic?: TLogic\r\n}\r\n\r\nexport const mapLogic = (logic?: TLogic): 'And' | 'Or' => {\r\n  return logic === 'or' ? 'Or' : 'And'\r\n}\r\n\r\nexport const mapSortDirection = (direction?: TDirection): 'ASC' | 'DESC' => {\r\n  return direction === 'asc' ? 'ASC' : 'DESC'\r\n}\r\n\r\nexport class TableFileterConverter<TSource extends Record<string, any>, TTarget extends object> {\r\n  private state: TFilterState<TSource>\r\n  constructor(state: TFilterState<TSource>) {\r\n    this.state = state\r\n  }\r\n  private graphqlBuilder = createRequestBuilder<TTarget>({ ignoreEmpty: true })\r\n  filterScope(fn: TFilterScopeFn<TSource, TTarget>, options?: TFilterOption) {\r\n    if (this.state.storeFilter) {\r\n      const mergedLogic = options?.logic || this.state.filterLogic || 'and'\r\n      const logic = mapLogic(mergedLogic)\r\n      this.graphqlBuilder.scope(\r\n        (b) => {\r\n          fn(b, this.state.storeFilter)\r\n          return b\r\n        },\r\n        { logic }\r\n      )\r\n    }\r\n    return this\r\n  }\r\n  fillterEqual(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption) {\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.[field] ?? { values: [] }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty || !targetField) return this\r\n\r\n    const logic = mapLogic(fieldValue.logic)\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder, value) => {\r\n      for (let index = 0; index < values.length; index++) {\r\n        const element = values[index]\r\n        if (typeof element === 'string') {\r\n          builder.filter(targetField, element, { logic })\r\n        } else if (typeof element === 'number') {\r\n          //TODO: for number type, we can only do equal filter, so we treat it as equal filter\r\n          builder.filter(targetField, element.toString(), { logic })\r\n        } else if (typeof element === 'boolean') {\r\n          //TODO: for boolean type, we also treat it as equal filter\r\n          builder.filter(targetField, element.toString(), { logic })\r\n        }\r\n      }\r\n    }\r\n    this.filterScope(fn, options)\r\n    return this\r\n  }\r\n  fillterContains(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption) {\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.[field] ?? { values: [] }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty || !targetField) return this\r\n\r\n    const finalLogic = mapLogic(fieldValue.logic)\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder) => {\r\n      for (let index = 0; index < values.length; index++) {\r\n        const val = values[index]\r\n        if (typeof val === 'string') {\r\n          builder.filterContains(targetField, val, { logic: finalLogic })\r\n        } else if (typeof val === 'number') {\r\n          //TODO: for number type, we can only do equal filter, so we treat it as equal filter\r\n          builder.filter(targetField, val.toString(), { logic: finalLogic })\r\n        } else if (typeof val === 'boolean') {\r\n          //TODO: for boolean type, we also treat it as equal filter\r\n          builder.filter(targetField, val.toString(), { logic: finalLogic })\r\n        }\r\n      }\r\n    }\r\n    this.filterScope(fn, options)\r\n    return this\r\n  }\r\n  sort(param?: { seed: { targetField?: TFieldType<TSource>; autoSave?: boolean } }) {\r\n    const store = this.state.storeSort\r\n    const { targetField: seedTargetField, autoSave = false } = param?.seed ?? {}\r\n    const seedField = seedTargetField ? this.currentObjectMap?.[seedTargetField] : undefined\r\n    const seedFromURL = getSeedFromURL()\r\n    if (store?.field === KeySpecial.sortShuffle) {\r\n      if (!seedField?.targetfield) return this\r\n      const seedValue = seedFromURL ?? new Date().getTime().toString()\r\n      this.graphqlBuilder.seed(seedField.targetfield, seedValue)\r\n      if (autoSave) setSeedToURL(seedValue)\r\n    } else {\r\n      if (seedFromURL) removeSeedFromURL()\r\n      const field = store?.field ? this.currentObjectMap?.[store?.field] : undefined\r\n      if (!field?.targetfield) return this\r\n      this.graphqlBuilder.sort(field.targetfield, { direction: mapSortDirection(store?.direction) })\r\n    }\r\n    return this\r\n  }\r\n  quickSearch(fields: TFieldType<TSource> | TFieldType<TSource>[]) {\r\n    if (!this.currentObjectMap) {\r\n      console.warn('No autoMap config found, quick search will not work properly without target field mapping.')\r\n    }\r\n    const fieldValue: TFieldValue = this.state.storeFilter?.quickSearch ?? { values: [], logic: 'or' }\r\n    const values = Array.isArray(fieldValue.values) ? fieldValue.values : [fieldValue.values]\r\n    const isValueEmpty = !values || values.length < 1\r\n    if (isValueEmpty) return this\r\n\r\n    const logic = mapLogic(fieldValue.logic)\r\n    const targetFields = Array.isArray(fields) ? fields : [fields]\r\n    const fn: TFilterScopeFn<TSource, TTarget> = (builder) => {\r\n      targetFields.forEach((field) => {\r\n        const fieldMap = this.currentObjectMap?.[field]\r\n        if (fieldMap && values && values.length > 0) {\r\n          if (fieldMap.custom) {\r\n            fieldMap.custom(builder, fieldValue, this.state.storeFilter)\r\n          } else if (fieldMap.targetfield) {\r\n            for (let index = 0; index < values.length; index++) {\r\n              const element = values[index]\r\n              if (typeof element === 'string') {\r\n                builder.filterContains(fieldMap.targetfield, element, { logic })\r\n              } else if (typeof element === 'number') {\r\n                builder.filter(fieldMap.targetfield, element.toString(), { logic })\r\n              } else if (typeof element === 'boolean') {\r\n                builder.filter(fieldMap.targetfield, element.toString(), { logic })\r\n              }\r\n            }\r\n          }\r\n        }\r\n      })\r\n    }\r\n    this.filterScope(fn)\r\n    return this\r\n  }\r\n  private currentObjectMap?: TAutoMapConfigs<TSource, TTarget>\r\n  autoMap = (objMap: TAutoMapConfigs<TSource, TTarget>) => {\r\n    this.currentObjectMap = objMap\r\n\r\n    if (this.state.storeFilter) {\r\n      const keys = Object.keys(this.state.storeFilter) as (keyof TFieldStore<TSource>)[]\r\n      // filter the keys that exist in objMap\r\n      keys.forEach((key) => {\r\n        const mapConfig = objMap[key]\r\n        const fieldValue: TFieldValue | undefined = this.state.storeFilter?.[key]\r\n        if (mapConfig) {\r\n          const { targetfield, operation } = mapConfig\r\n          if (mapConfig.custom) {\r\n            mapConfig.custom(this.graphqlBuilder, fieldValue, this.state.storeFilter)\r\n            return // skip the rest logic if custom function is provided\r\n          }\r\n          switch (operation) {\r\n            case 'equal':\r\n              this.fillterEqual(key, targetfield)\r\n              return // break is not needed here because of the return statement\r\n            case 'contains':\r\n            default:\r\n              this.fillterContains(key, targetfield)\r\n              return // break is not needed here because of the return statement\r\n          }\r\n        }\r\n      })\r\n    }\r\n    return this\r\n  }\r\n  private prebuildFunc?: (rp: RequestParam<TTarget>) => RequestParam<TTarget>\r\n  prebuild = (func: (requestParam: RequestParam<TTarget>) => RequestParam<TTarget>) => {\r\n    this.prebuildFunc = func\r\n    return this\r\n  }\r\n\r\n  build() {\r\n    if (this.prebuildFunc) this.prebuildFunc(this.graphqlBuilder)\r\n    return this.graphqlBuilder.build()\r\n  }\r\n}\r\n\r\nexport const createConvertToGraphQL = <TSource extends Record<string, any>, TTarget extends object>(state: TFilterState<TSource>) => {\r\n  return new TableFileterConverter<TSource, TTarget>(state)\r\n}\r\n"],"names":["mapLogic","logic","mapSortDirection","direction","TableFileterConverter","_createClass","state","_this","this","_classCallCheck","_defineProperty","createRequestBuilder","ignoreEmpty","objMap","currentObjectMap","storeFilter","Object","keys","forEach","key","_this$state$storeFilt","mapConfig","fieldValue","targetfield","operation","custom","graphqlBuilder","fillterEqual","fillterContains","func","prebuildFunc","value","fn","options","_this2","mergedLogic","filterLogic","scope","b","field","targetField","_this$state$storeFilt2","_this$state$storeFilt3","values","Array","isArray","length","filterScope","builder","index","element","filter","toString","_this$state$storeFilt4","_this$state$storeFilt5","finalLogic","val","filterContains","param","_param$seed","_this$currentObjectMa","store","storeSort","_ref","seed","seedTargetField","_ref$autoSave","autoSave","seedField","undefined","seedFromURL","getSeedFromURL","KeySpecial","sortShuffle","seedValue","Date","getTime","setSeedToURL","_this$currentObjectMa2","removeSeedFromURL","sort","fields","_this$state$storeFilt6","_this$state$storeFilt7","_this3","console","warn","quickSearch","targetFields","_this3$currentObjectM","fieldMap","build","createConvertToGraphQL"],"mappings":"qUAqDaA,EAAW,SAACC,GACvB,MAAiB,OAAVA,EAAiB,KAAO,KACjC,EAEaC,EAAmB,SAACC,GAC/B,MAAqB,QAAdA,EAAsB,MAAQ,MACvC,EAEaC,EAAqB,WAI/B,OAAAC,EAFD,SAAAD,EAAYE,GAA4B,IAAAC,EAAAC,KAAAC,OAAAL,GAAAM,EAAAF,KAAA,iBAGfG,EAA8B,CAAEC,aAAa,KAAOF,EAAAF,KAAA,UAqHnE,SAACK,IACTN,EAAKO,iBAAmBD,EAEpBN,EAAKD,MAAMS,cACAC,OAAOC,KAAKV,EAAKD,MAAMS,aAE/BG,QAAQ,SAACC,GAAO,IAAAC,EACbC,EAAYR,EAAOM,GACnBG,UAAUF,EAA4Bb,EAAKD,MAAMS,mBAAW,IAAAK,OAAA,EAAtBA,EAAyBD,GACrE,GAAIE,EAAW,CACb,IAAQE,EAA2BF,EAA3BE,YAAaC,EAAcH,EAAdG,UACrB,OAAIH,EAAUI,YACZJ,EAAUI,OAAOlB,EAAKmB,eAAgBJ,EAAYf,EAAKD,MAAMS,aAIxD,UADCS,OAEJjB,EAAKoB,aAAaR,EAAKI,QAIvBhB,EAAKqB,gBAAgBT,EAAKI,EAG/B,CACH,GAEF,OAAOhB,IACRG,EAAAF,KAAA,WAEU,SAACqB,GAEV,OADAtB,EAAKuB,aAAeD,EACbtB,IAvJPC,KAAKF,MAAQA,CACf,EAAC,CAAA,CAAAa,IAAA,cAAAY,MAED,SAAYC,EAAsCC,GAAuB,IAAAC,EAAA1B,KACvE,GAAIA,KAAKF,MAAMS,YAAa,CAC1B,IAAMoB,GAAcF,aAAAA,EAAAA,EAAShC,QAASO,KAAKF,MAAM8B,aAAe,MAC1DnC,EAAQD,EAASmC,GACvB3B,KAAKkB,eAAeW,MAClB,SAACC,GAEC,OADAN,EAAGM,EAAGJ,EAAK5B,MAAMS,aACVuB,CACT,EACA,CAAErC,MAAAA,GAEL,CACD,OAAOO,IACT,GAAC,CAAAW,IAAA,eAAAY,MACD,SAAaQ,EAA4BC,EAA6BP,GAAuB,IAAAQ,EAAAC,EACrFpB,EAAyDmB,QAA/CA,UAAAC,EAAgBlC,KAAKF,MAAMS,mBAAW,IAAA2B,OAAA,EAAtBA,EAAyBH,UAAME,IAAAA,EAAAA,EAAI,CAAEE,OAAQ,IACvEA,EAASC,MAAMC,QAAQvB,EAAWqB,QAAUrB,EAAWqB,OAAS,CAACrB,EAAWqB,QAElF,IADsBA,GAAUA,EAAOG,OAAS,IAC3BN,EAAa,OAAOhC,KAEzC,IAAMP,EAAQD,EAASsB,EAAWrB,OAgBlC,OADAO,KAAKuC,YAdwC,SAACC,EAASjB,GACrD,IAAK,IAAIkB,EAAQ,EAAGA,EAAQN,EAAOG,OAAQG,IAAS,CAClD,IAAMC,EAAUP,EAAOM,GACA,iBAAZC,EACTF,EAAQG,OAAOX,EAAaU,EAAS,CAAEjD,MAAAA,KACX,iBAAZiD,GAGY,kBAAZA,IADhBF,EAAQG,OAAOX,EAAaU,EAAQE,WAAY,CAAEnD,MAAAA,GAKrD,CACF,EACoBgC,GACdzB,IACT,GAAC,CAAAW,IAAA,kBAAAY,MACD,SAAgBQ,EAA4BC,EAA6BP,GAAuB,IAAAoB,EAAAC,EACxFhC,EAAyD+B,QAA/CA,UAAAC,EAAgB9C,KAAKF,MAAMS,mBAAW,IAAAuC,OAAA,EAAtBA,EAAyBf,UAAMc,IAAAA,EAAAA,EAAI,CAAEV,OAAQ,IACvEA,EAASC,MAAMC,QAAQvB,EAAWqB,QAAUrB,EAAWqB,OAAS,CAACrB,EAAWqB,QAElF,IADsBA,GAAUA,EAAOG,OAAS,IAC3BN,EAAa,OAAOhC,KAEzC,IAAM+C,EAAavD,EAASsB,EAAWrB,OAgBvC,OADAO,KAAKuC,YAdwC,SAACC,GAC5C,IAAK,IAAIC,EAAQ,EAAGA,EAAQN,EAAOG,OAAQG,IAAS,CAClD,IAAMO,EAAMb,EAAOM,GACA,iBAARO,EACTR,EAAQS,eAAejB,EAAagB,EAAK,CAAEvD,MAAOsD,KAC1B,iBAARC,GAGQ,kBAARA,IADhBR,EAAQG,OAAOX,EAAagB,EAAIJ,WAAY,CAAEnD,MAAOsD,GAKxD,CACF,EACoBtB,GACdzB,IACT,GAAC,CAAAW,IAAA,OAAAY,MACD,SAAK2B,GAA2E,IAAAC,EAAAC,EACxEC,EAAQrD,KAAKF,MAAMwD,UACzBC,EAAsEJ,QAAtEA,EAA2DD,aAAK,EAALA,EAAOM,gBAAIL,EAAAA,EAAI,CAAE,EAAvDM,EAAeF,EAA5BvB,YAAW0B,EAAAH,EAAmBI,SAAAA,OAAW,IAAHD,GAAQA,EAChDE,EAAYH,EAAuC,QAAxBL,EAAGpD,KAAKM,wBAAL8C,IAAqBA,OAArBA,EAAAA,EAAwBK,QAAmBI,EACzEC,EAAcC,IACpB,IAAIV,aAAAA,EAAAA,EAAOtB,SAAUiC,EAAWC,YAAa,CAC3C,GAAKL,UAAAA,EAAW7C,YAAa,OAAOf,KACpC,IAAMkE,EAAYJ,QAAAA,GAAe,IAAIK,MAAOC,UAAUxB,WACtD5C,KAAKkB,eAAesC,KAAKI,EAAU7C,YAAamD,GAC5CP,GAAUU,EAAaH,EAC5B,KAAM,CAAA,IAAAI,EACDR,GAAaS,IACjB,IAAMxC,EAAQsB,SAAAA,EAAOtB,MAA6B,QAAxBuC,EAAGtE,KAAKM,wBAAgB,IAAAgE,OAAA,EAArBA,EAAwBjB,aAAK,EAALA,EAAOtB,YAAS8B,EACrE,GAAK9B,UAAAA,EAAOhB,YAAa,OAAOf,KAChCA,KAAKkB,eAAesD,KAAKzC,EAAMhB,YAAa,CAAEpB,UAAWD,EAAiB2D,aAAK,EAALA,EAAO1D,YAClF,CACD,OAAOK,IACT,GAAC,CAAAW,IAAA,cAAAY,MACD,SAAYkD,GAAmD,IAAAC,EAAAC,EAAAC,EAAA5E,KACxDA,KAAKM,kBACRuE,QAAQC,KAAK,8FAEf,IAAMhE,EAA6D4D,QAAnDA,EAAsCC,QAAtCA,EAAgB3E,KAAKF,MAAMS,uBAAWoE,SAAtBA,EAAwBI,mBAAWL,IAAAA,EAAAA,EAAI,CAAEvC,OAAQ,GAAI1C,MAAO,MACtF0C,EAASC,MAAMC,QAAQvB,EAAWqB,QAAUrB,EAAWqB,OAAS,CAACrB,EAAWqB,QAElF,IADsBA,GAAUA,EAAOG,OAAS,EAC9B,OAAOtC,KAEzB,IAAMP,EAAQD,EAASsB,EAAWrB,OAC5BuF,EAAe5C,MAAMC,QAAQoC,GAAUA,EAAS,CAACA,GAuBvD,OADAzE,KAAKuC,YArBwC,SAACC,GAC5CwC,EAAatE,QAAQ,SAACqB,GAAS,IAAAkD,EACvBC,EAAgC,QAAxBD,EAAGL,EAAKtE,wBAAgB,IAAA2E,OAAA,EAArBA,EAAwBlD,GACzC,GAAImD,GAAY/C,GAAUA,EAAOG,OAAS,EACxC,GAAI4C,EAASjE,OACXiE,EAASjE,OAAOuB,EAAS1B,EAAY8D,EAAK9E,MAAMS,kBAC3C,GAAI2E,EAASnE,YAClB,IAAK,IAAI0B,EAAQ,EAAGA,EAAQN,EAAOG,OAAQG,IAAS,CAClD,IAAMC,EAAUP,EAAOM,GACA,iBAAZC,EACTF,EAAQS,eAAeiC,EAASnE,YAAa2B,EAAS,CAAEjD,MAAAA,KAC5B,iBAAZiD,GAEY,kBAAZA,IADhBF,EAAQG,OAAOuC,EAASnE,YAAa2B,EAAQE,WAAY,CAAEnD,MAAAA,GAI9D,CAGP,EACD,GAEMO,IACT,GAAC,CAAAW,IAAA,QAAAY,MAqCD,WAEE,OADIvB,KAAKsB,cAActB,KAAKsB,aAAatB,KAAKkB,gBACvClB,KAAKkB,eAAeiE,OAC7B,IAAC,CAhK+B,GAmKrBC,EAAyB,SAA8DtF,GAClG,OAAO,IAAIF,EAAwCE,EACrD"}

package/dist/src/filter-bar/index.create.js

@@ -1,2 +1,2 @@
-import{defineProperty as t,slicedToArray as r,objectSpread2 as e,asyncToGenerator as n,regenerator as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useState as l,useRef as u,useEffect as m}from"react";import{styled as s,Box as c,useMediaQuery as f}from"@mui/material";import{useTheme as p}from"@mui/material/styles";import{fetchDelay as d}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{createFilterBarContext as v}from"./index.context.js";import{createFilterSort as g}from"./components/filter-sort.js";import{createFilterMenu as y}from"./menu/create.js";import{createFilterInput as S}from"./components/filter-input.js";import{createFilterSummary as C}from"./components/filter-summary.js";function b(t){var s,b=null!==(s=t.debounceDelay)&&void 0!==s?s:300;if(!t.InputComponent){var j=t.inputConfig||{fields:{}};t.inputConfig=j,t.InputComponent=S(j)}if(!t.MenuComponent){var P=t.menuConfig||{fields:{}};t.menuConfig=P,t.MenuComponent=y(P)}if(!t.SummaryComponent&&!1!==t.enableSummary){var w=t.summaryConfig||{fields:{}};t.summaryConfig=w,t.SummaryComponent=C(w)}if(!t.SortComponent){var F=t.sortConfig||{fields:{}};t.sortConfig=F,t.SortComponent=g(F)}var I=t.defaultFilterLogic||"and",B=v();return function(s){var v,g=s.slots,y=t.InputComponent,S=t.MenuComponent,C=t.SummaryComponent,j=t.SortComponent,P=function(){return Object.assign({filterLogic:I},t.defaultFilterState,s.defaultValue)},w=l(function(){return s.value?{filterState:s.value}:{filterState:P()}}),F=r(w,2),T=F[0],k=F[1],D=l(!1),L=r(D,2),M=L[0],N=L[1],W=u(null),A=u(null);m(function(){return function(){W.current&&(clearTimeout(W.current),W.current=null)}},[]),m(function(){s.value&&k({filterState:s.value})},[s.value]);var _=function(){var t=n(o().m(function t(r,e){var i;return o().w(function(t){for(;;)switch(t.p=t.n){case 0:return t.p=0,k(function(t){var r;return{filterState:null!==(r=null==e?void 0:e.filterState)&&void 0!==r?r:t.filterState}}),N(!0),t.n=1,d(n(o().m(function t(){var e;return o().w(function(t){for(;;)if(0===t.n)return t.a(2,null===(e=s.onChange)||void 0===e?void 0:e.call(s,r))},t)})),b);case 1:N(!1),t.n=3;break;case 2:throw t.p=2,i=t.v,N(!1),i;case 3:return t.a(2)}},t,null,[[0,2]])}));return function(r,e){return t.apply(this,arguments)}}(),q={filterState:s.value||T.filterState,defaultFilterState:P(),isLoading:M,setFilterState:function(t){A.current=t,s.value||k({filterState:t}),W.current&&clearTimeout(W.current),W.current=window.setTimeout(function(){var t=A.current;s.value?_(t):_(t,{filterState:t}),W.current=null,A.current=null},b)}},z=p(),G=f(z.breakpoints.down("md"));return i(B.Provider,{value:q,children:a(h,{className:x.root,sx:s.sx,children:[a(c,{className:x.inner,children:[(null==g?void 0:g.before)||null,a("div",{className:x.action,children:[i(S,{slots:{popperProps:{placement:"bottom-start"}}}),i(j,{slots:{popperProps:{placement:"bottom-start"}}})]}),i(y,{slots:{minimalInput:G,popperProps:{placement:"bottom-start"}}}),(null==g?void 0:g.after)||null]}),a(c,e(e({},null==g?void 0:g.summaryWrapProps),{},{sx:e({display:"flex",alignItems:"center"},null==g||null===(v=g.summaryWrapProps)||void 0===v?void 0:v.sx),children:[(null==g?void 0:g.summaryBefore)||null,i(c,{sx:{flex:1,minWidth:0},children:!1!==t.enableSummary&&i(C,{})}),(null==g?void 0:g.summaryAfter)||null]}))]})})}}var x={root:"DinoFilterBar-root",inner:"DinoFilterBar-inner",action:"DinoFilterBar-action"},h=s(c)(function(r){var e=r.theme;return t(t(t({},"&.".concat(x.root),{backgroundColor:e.palette.background.paper,boxSizing:"border-box"}),".".concat(x.inner),{display:"flex",alignItems:"center",gap:e.spacing(1)}),".".concat(x.action),{display:"flex",alignItems:"center"})});export{b as createFilterBar};
+import{defineProperty as t,slicedToArray as r,objectSpread2 as e,asyncToGenerator as n,regenerator as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useState as l,useRef as u,useEffect as m}from"react";import{styled as s,Box as c,useTheme as f,useMediaQuery as p}from"@mui/material";import{fetchDelay as d}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{createFilterMenu as v}from"./menu/create.js";import{createFilterBarContext as g}from"./index.context.js";import{createFilterSort as S}from"./components/filter-sort.js";import{createFilterInput as y}from"./components/filter-input.js";import{createFilterSummary as C}from"./components/filter-summary.js";function b(t){var s,b=null!==(s=t.debounceDelay)&&void 0!==s?s:300;if(!t.InputComponent){var j=t.inputConfig||{fields:{}};t.inputConfig=j,t.InputComponent=y(j)}if(!t.MenuComponent){var P=t.menuConfig||{fields:{}};t.menuConfig=P,t.MenuComponent=v(P)}if(!t.SummaryComponent&&!1!==t.enableSummary){var w=t.summaryConfig||{fields:{}};t.summaryConfig=w,t.SummaryComponent=C(w)}if(!t.SortComponent){var F=t.sortConfig||{fields:{}};t.sortConfig=F,t.SortComponent=S(F)}var I=t.defaultFilterLogic||"and",B=g();return function(s){var v,g=s.slots,S=t.InputComponent,y=t.MenuComponent,C=t.SummaryComponent,j=t.SortComponent,P=function(){return Object.assign({filterLogic:I},t.defaultFilterState,s.defaultValue)},w=l(function(){return s.value?{filterState:s.value}:{filterState:P()}}),F=r(w,2),T=F[0],k=F[1],D=l(!1),L=r(D,2),M=L[0],N=L[1],W=u(null),A=u(null);m(function(){return function(){W.current&&(clearTimeout(W.current),W.current=null)}},[]),m(function(){s.value&&k({filterState:s.value})},[s.value]);var _=function(){var t=n(o().m(function t(r,e){var i;return o().w(function(t){for(;;)switch(t.p=t.n){case 0:return t.p=0,k(function(t){var r;return{filterState:null!==(r=null==e?void 0:e.filterState)&&void 0!==r?r:t.filterState}}),N(!0),t.n=1,d(n(o().m(function t(){var e;return o().w(function(t){for(;;)if(0===t.n)return t.a(2,null===(e=s.onChange)||void 0===e?void 0:e.call(s,r))},t)})),b);case 1:N(!1),t.n=3;break;case 2:throw t.p=2,i=t.v,N(!1),i;case 3:return t.a(2)}},t,null,[[0,2]])}));return function(r,e){return t.apply(this,arguments)}}(),q={filterState:s.value||T.filterState,defaultFilterState:P(),isLoading:M,setFilterState:function(t){A.current=t,s.value||k({filterState:t}),W.current&&clearTimeout(W.current),W.current=window.setTimeout(function(){var t=A.current;s.value?_(t):_(t,{filterState:t}),W.current=null,A.current=null},b)}},z=f(),G=p(z.breakpoints.down("md"));return i(B.Provider,{value:q,children:a(h,{className:x.root,sx:s.sx,children:[a(c,{className:x.inner,children:[(null==g?void 0:g.before)||null,a("div",{className:x.action,children:[i(y,{slots:{popperProps:{placement:"bottom-start"}}}),i(j,{slots:{popperProps:{placement:"bottom-start"}}})]}),i(S,{slots:{minimalInput:G,popperProps:{placement:"bottom-start"}}}),(null==g?void 0:g.after)||null]}),a(c,e(e({},null==g?void 0:g.summaryWrapProps),{},{sx:e({display:"flex",alignItems:"center"},null==g||null===(v=g.summaryWrapProps)||void 0===v?void 0:v.sx),children:[(null==g?void 0:g.summaryBefore)||null,i(c,{sx:{flex:1,minWidth:0},children:!1!==t.enableSummary&&i(C,{})}),(null==g?void 0:g.summaryAfter)||null]}))]})})}}var x={root:"DinoFilterBar-root",inner:"DinoFilterBar-inner",action:"DinoFilterBar-action"},h=s(c)(function(r){var e=r.theme;return t(t(t({},"&.".concat(x.root),{backgroundColor:e.palette.background.paper,boxSizing:"border-box"}),".".concat(x.inner),{display:"flex",alignItems:"center",gap:e.spacing(1)}),".".concat(x.action),{display:"flex",alignItems:"center"})});export{b as createFilterBar};
 //# sourceMappingURL=index.create.js.map

package/dist/src/filter-bar/index.create.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.create.js","sources":["../../../src/filter-bar/index.create.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useState, useEffect, useRef } from 'react'\r\nimport { Box, BoxProps, styled, useMediaQuery } from '@mui/material'\r\nimport { useTheme } from '@mui/material/styles'\r\nimport { fetchDelay } from '../utils'\r\nimport { createFilterBarContext } from './index.context'\r\nimport { createFilterSort } from './components/filter-sort'\r\nimport { createFilterMenu } from './menu/create'\r\nimport { createFilterInput } from './components/filter-input'\r\nimport { createFilterSummary } from './components/filter-summary'\r\n// types\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { TFilterState } from './types'\r\nimport type { IFilterBarContext, IFilterBarContextState } from './index.context'\r\nimport type { IFilterMenuConfig, IFilterMenuProps } from './menu/types'\r\nimport type { IFilterSortConfig, IFilterSortProps } from './components/filter-sort.types'\r\nimport type { IFilterInputConfig, IFilterInputProps } from './components/filter-input.types'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps } from './components/filter-summary.types'\r\n\r\nexport interface IFilterBarConfigs<T> {\r\n  /** Debounce delay for filter input changes in milliseconds @default 300 */\r\n  debounceDelay?: number\r\n  defaultFilterState?: TFilterState<T>\r\n  /** Default filter logic, can be overridden by individual filters @default \"and\" */\r\n  defaultFilterLogic?: 'and' | 'or'\r\n  InputComponent?: ComponentType<IFilterInputProps<T>>\r\n  inputConfig?: IFilterInputConfig<T>\r\n  MenuComponent?: ComponentType<IFilterMenuProps<T>>\r\n  menuConfig?: IFilterMenuConfig<T>\r\n  sortConfig?: IFilterSortConfig<T>\r\n  SortComponent?: ComponentType<IFilterSortProps<T>>\r\n  /** Enable or disable the summary component. Default is true. */\r\n  enableSummary?: boolean\r\n  SummaryComponent?: ComponentType<IFilterSummaryProps<T>>\r\n  summaryConfig?: IFilterSummaryConfig<T>\r\n}\r\n\r\nexport interface IFilterBarSlots {\r\n  summaryWrapProps?: BoxProps\r\n  summaryBefore?: React.ReactNode\r\n  summaryAfter?: React.ReactNode\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IFilterBarProps<T> {\r\n  sx?: BoxProps['sx']\r\n  value?: TFilterState<T>\r\n  defaultValue?: TFilterState<T>\r\n  onChange?: (state: TFilterState<T>) => Promise<void> | void\r\n  slots?: IFilterBarSlots\r\n}\r\n\r\ninterface IFilterBarState<T> extends IFilterBarContextState<T> {}\r\n\r\nexport function createFilterBar<T>(configs: IFilterBarConfigs<T>) {\r\n  const debounceDelay = configs.debounceDelay ?? 300\r\n\r\n  if (!configs.InputComponent) {\r\n    const configInput = configs.inputConfig || { fields: {} }\r\n    configs.inputConfig = configInput\r\n    configs.InputComponent = createFilterInput<T>(configInput)\r\n  }\r\n  if (!configs.MenuComponent) {\r\n    const configMenu = configs.menuConfig || { fields: {} }\r\n    configs.menuConfig = configMenu\r\n    configs.MenuComponent = createFilterMenu<T>(configMenu)\r\n  }\r\n  if (!configs.SummaryComponent && configs.enableSummary !== false) {\r\n    const configSummary: IFilterSummaryConfig<T> = configs.summaryConfig || { fields: {} }\r\n    configs.summaryConfig = configSummary\r\n    configs.SummaryComponent = createFilterSummary<T>(configSummary)\r\n  }\r\n  if (!configs.SortComponent) {\r\n    const configSort: IFilterSortConfig<T> = configs.sortConfig || { fields: {} }\r\n    configs.sortConfig = configSort\r\n    configs.SortComponent = createFilterSort<T>(configSort)\r\n  }\r\n\r\n  const defaultFilterLogic = configs.defaultFilterLogic || 'and'\r\n  const Context = createFilterBarContext<T>()\r\n\r\n  const FilterBar: FC<IFilterBarProps<T>> = (props) => {\r\n    const { slots } = props\r\n    const InputComponent = configs.InputComponent as ComponentType<IFilterInputProps<T>>\r\n    const MenuComponent = configs.MenuComponent as ComponentType<IFilterMenuProps<T>>\r\n    const SummaryComponent = configs.SummaryComponent as ComponentType<IFilterSummaryProps<T>>\r\n    const SortComponent = configs.SortComponent as ComponentType<IFilterSortProps<T>>\r\n\r\n    const getDefaultFilterState = (): TFilterState<T> => {\r\n      return Object.assign({ filterLogic: defaultFilterLogic }, configs.defaultFilterState, props.defaultValue)\r\n    }\r\n\r\n    const computeInitial = (): IFilterBarState<T> => {\r\n      if (props.value) return { filterState: props.value }\r\n      return { filterState: getDefaultFilterState() }\r\n    }\r\n\r\n    const [localState, setLocalState] = useState<IFilterBarState<T>>(computeInitial)\r\n    const [isLoading, setIsLoading] = useState<boolean>(false)\r\n    const debounceTimer = useRef<number | null>(null)\r\n    const pendingStateRef = useRef<TFilterState<T> | null>(null)\r\n\r\n    useEffect(() => {\r\n      return () => {\r\n        if (debounceTimer.current) {\r\n          clearTimeout(debounceTimer.current)\r\n          debounceTimer.current = null\r\n        }\r\n      }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n      // keep local state in sync if controlled\r\n      if (props.value) setLocalState({ filterState: props.value })\r\n    }, [props.value])\r\n\r\n    const handleChange = async (filterState: TFilterState<T>, state?: Partial<IFilterBarState<T>>) => {\r\n      try {\r\n        setLocalState((prev) => ({ filterState: state?.filterState ?? prev.filterState }))\r\n        setIsLoading(true)\r\n        await fetchDelay(async () => props.onChange?.(filterState), debounceDelay)\r\n        setIsLoading(false)\r\n      } catch (error) {\r\n        setIsLoading(false)\r\n        throw error\r\n      }\r\n    }\r\n\r\n    // Action handlers to manipulate filter state\r\n    // Debounce or throttle can be added to these handlers if needed to optimize performance for rapid changes\r\n    const setFilterState = (state: TFilterState<T>) => {\r\n      // store latest requested state\r\n      pendingStateRef.current = state\r\n\r\n      // If uncontrolled, update UI immediately for responsiveness\r\n      if (!props.value) {\r\n        setLocalState({ filterState: state })\r\n      }\r\n\r\n      // debounce actual handler calls so only the last one within delay fires\r\n      if (debounceTimer.current) clearTimeout(debounceTimer.current)\r\n      debounceTimer.current = window.setTimeout(() => {\r\n        const s = pendingStateRef.current as TFilterState<T>\r\n        if (props.value) {\r\n          handleChange(s)\r\n        } else {\r\n          handleChange(s, { filterState: s })\r\n        }\r\n        debounceTimer.current = null\r\n        pendingStateRef.current = null\r\n      }, debounceDelay)\r\n    }\r\n\r\n    const contextValue: IFilterBarContext<T> = {\r\n      filterState: props.value || localState.filterState,\r\n      defaultFilterState: getDefaultFilterState(),\r\n      isLoading: isLoading,\r\n      setFilterState\r\n    }\r\n\r\n    const theme = useTheme()\r\n    const isSmall = useMediaQuery(theme.breakpoints.down('md'))\r\n\r\n    //TODO - add panel: định vị trí, ẩn hiện, trạng thái,...\r\n    return (\r\n      <Context.Provider value={contextValue}>\r\n        <FilterBarStyled className={filterbarClasses.root} sx={props.sx}>\r\n          <Box className={filterbarClasses.inner}>\r\n            {slots?.before || null}\r\n            <div className={filterbarClasses.action}>\r\n              <MenuComponent slots={{ popperProps: { placement: 'bottom-start' } }} />\r\n              <SortComponent slots={{ popperProps: { placement: 'bottom-start' } }} />\r\n            </div>\r\n            <InputComponent slots={{ minimalInput: isSmall, popperProps: { placement: 'bottom-start' } }} />\r\n            {slots?.after || null}\r\n          </Box>\r\n          <Box {...slots?.summaryWrapProps} sx={{ display: 'flex', alignItems: 'center', ...slots?.summaryWrapProps?.sx }}>\r\n            {slots?.summaryBefore || null}\r\n            <Box sx={{ flex: 1, minWidth: 0 }}>{configs.enableSummary !== false && <SummaryComponent />}</Box>\r\n            {slots?.summaryAfter || null}\r\n          </Box>\r\n        </FilterBarStyled>\r\n      </Context.Provider>\r\n    )\r\n  }\r\n\r\n  return FilterBar\r\n}\r\n\r\nconst filterbarClasses = {\r\n  root: 'DinoFilterBar-root',\r\n  inner: 'DinoFilterBar-inner',\r\n  action: 'DinoFilterBar-action'\r\n}\r\n\r\nconst FilterBarStyled = styled(Box)(({ theme }) => ({\r\n  [`&.${filterbarClasses.root}`]: {\r\n    backgroundColor: theme.palette.background.paper,\r\n    boxSizing: 'border-box'\r\n  },\r\n  [`.${filterbarClasses.inner}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1)\r\n  },\r\n  [`.${filterbarClasses.action}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center'\r\n  }\r\n}))\r\n"],"names":["createFilterBar","configs","_configs$debounceDela","debounceDelay","InputComponent","configInput","inputConfig","fields","createFilterInput","MenuComponent","configMenu","menuConfig","createFilterMenu","SummaryComponent","enableSummary","configSummary","summaryConfig","createFilterSummary","SortComponent","configSort","sortConfig","createFilterSort","defaultFilterLogic","Context","createFilterBarContext","props","_slots$summaryWrapPro","slots","getDefaultFilterState","Object","assign","filterLogic","defaultFilterState","defaultValue","_useState","useState","value","filterState","_useState2","_slicedToArray","localState","setLocalState","_useState3","_useState4","isLoading","setIsLoading","debounceTimer","useRef","pendingStateRef","useEffect","current","clearTimeout","handleChange","_ref","_asyncToGenerator","_regenerator","m","_callee2","state","_t","w","_context2","p","n","prev","_state$filterState","fetchDelay","_callee","_props$onChange","_context","a","onChange","call","v","_x","_x2","apply","this","arguments","contextValue","setFilterState","window","setTimeout","s","theme","useTheme","isSmall","useMediaQuery","breakpoints","down","_jsx","Provider","children","_jsxs","FilterBarStyled","className","filterbarClasses","root","sx","Box","inner","before","action","popperProps","placement","minimalInput","after","_objectSpread","summaryWrapProps","display","alignItems","summaryBefore","flex","minWidth","summaryAfter","styled","_ref3","_defineProperty","concat","backgroundColor","palette","background","paper","boxSizing","gap","spacing"],"mappings":"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"}
+{"version":3,"file":"index.create.js","sources":["../../../src/filter-bar/index.create.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useState, useEffect, useRef } from 'react'\r\nimport { Box, BoxProps, styled, useMediaQuery, useTheme } from '@mui/material'\r\nimport { fetchDelay } from '../utils'\r\nimport { createFilterMenu } from './menu/create'\r\nimport { createFilterBarContext } from './index.context'\r\nimport { createFilterSort } from './components/filter-sort'\r\nimport { createFilterInput } from './components/filter-input'\r\nimport { createFilterSummary } from './components/filter-summary'\r\n// types\r\nimport type { ComponentType, FC } from 'react'\r\nimport type { TFilterState } from './types'\r\nimport type { IFilterMenuConfig, IFilterMenuProps } from './menu/types'\r\nimport type { IFilterBarContext, IFilterBarContextState } from './index.context'\r\nimport type { IFilterSortConfig, IFilterSortProps } from './components/filter-sort.types'\r\nimport type { IFilterInputConfig, IFilterInputProps } from './components/filter-input.types'\r\nimport type { IFilterSummaryConfig, IFilterSummaryProps } from './components/filter-summary.types'\r\n\r\nexport interface IFilterBarConfigs<T> {\r\n  /** Debounce delay for filter input changes in milliseconds @default 300 */\r\n  debounceDelay?: number\r\n  defaultFilterState?: TFilterState<T>\r\n  /** Default filter logic, can be overridden by individual filters @default \"and\" */\r\n  defaultFilterLogic?: 'and' | 'or'\r\n  InputComponent?: ComponentType<IFilterInputProps<T>>\r\n  inputConfig?: IFilterInputConfig<T>\r\n  MenuComponent?: ComponentType<IFilterMenuProps<T>>\r\n  menuConfig?: IFilterMenuConfig<T>\r\n  sortConfig?: IFilterSortConfig<T>\r\n  SortComponent?: ComponentType<IFilterSortProps<T>>\r\n  /** Enable or disable the summary component. Default is true. */\r\n  enableSummary?: boolean\r\n  SummaryComponent?: ComponentType<IFilterSummaryProps<T>>\r\n  summaryConfig?: IFilterSummaryConfig<T>\r\n}\r\n\r\nexport interface IFilterBarSlots {\r\n  summaryWrapProps?: BoxProps\r\n  summaryBefore?: React.ReactNode\r\n  summaryAfter?: React.ReactNode\r\n  before?: React.ReactNode\r\n  after?: React.ReactNode\r\n}\r\n\r\nexport interface IFilterBarProps<T> {\r\n  sx?: BoxProps['sx']\r\n  value?: TFilterState<T>\r\n  defaultValue?: TFilterState<T>\r\n  onChange?: (state: TFilterState<T>) => Promise<void> | void\r\n  slots?: IFilterBarSlots\r\n}\r\n\r\ninterface IFilterBarState<T> extends IFilterBarContextState<T> {}\r\n\r\nexport function createFilterBar<T>(configs: IFilterBarConfigs<T>) {\r\n  const debounceDelay = configs.debounceDelay ?? 300\r\n\r\n  if (!configs.InputComponent) {\r\n    const configInput = configs.inputConfig || { fields: {} }\r\n    configs.inputConfig = configInput\r\n    configs.InputComponent = createFilterInput<T>(configInput)\r\n  }\r\n  if (!configs.MenuComponent) {\r\n    const configMenu = configs.menuConfig || { fields: {} }\r\n    configs.menuConfig = configMenu\r\n    configs.MenuComponent = createFilterMenu<T>(configMenu)\r\n  }\r\n  if (!configs.SummaryComponent && configs.enableSummary !== false) {\r\n    const configSummary: IFilterSummaryConfig<T> = configs.summaryConfig || { fields: {} }\r\n    configs.summaryConfig = configSummary\r\n    configs.SummaryComponent = createFilterSummary<T>(configSummary)\r\n  }\r\n  if (!configs.SortComponent) {\r\n    const configSort: IFilterSortConfig<T> = configs.sortConfig || { fields: {} }\r\n    configs.sortConfig = configSort\r\n    configs.SortComponent = createFilterSort<T>(configSort)\r\n  }\r\n\r\n  const defaultFilterLogic = configs.defaultFilterLogic || 'and'\r\n  const Context = createFilterBarContext<T>()\r\n\r\n  const FilterBar: FC<IFilterBarProps<T>> = (props) => {\r\n    const { slots } = props\r\n    const InputComponent = configs.InputComponent as ComponentType<IFilterInputProps<T>>\r\n    const MenuComponent = configs.MenuComponent as ComponentType<IFilterMenuProps<T>>\r\n    const SummaryComponent = configs.SummaryComponent as ComponentType<IFilterSummaryProps<T>>\r\n    const SortComponent = configs.SortComponent as ComponentType<IFilterSortProps<T>>\r\n\r\n    const getDefaultFilterState = (): TFilterState<T> => {\r\n      return Object.assign({ filterLogic: defaultFilterLogic }, configs.defaultFilterState, props.defaultValue)\r\n    }\r\n\r\n    const computeInitial = (): IFilterBarState<T> => {\r\n      if (props.value) return { filterState: props.value }\r\n      return { filterState: getDefaultFilterState() }\r\n    }\r\n\r\n    const [localState, setLocalState] = useState<IFilterBarState<T>>(computeInitial)\r\n    const [isLoading, setIsLoading] = useState<boolean>(false)\r\n    const debounceTimer = useRef<number | null>(null)\r\n    const pendingStateRef = useRef<TFilterState<T> | null>(null)\r\n\r\n    useEffect(() => {\r\n      return () => {\r\n        if (debounceTimer.current) {\r\n          clearTimeout(debounceTimer.current)\r\n          debounceTimer.current = null\r\n        }\r\n      }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n      // keep local state in sync if controlled\r\n      if (props.value) setLocalState({ filterState: props.value })\r\n    }, [props.value])\r\n\r\n    const handleChange = async (filterState: TFilterState<T>, state?: Partial<IFilterBarState<T>>) => {\r\n      try {\r\n        setLocalState((prev) => ({ filterState: state?.filterState ?? prev.filterState }))\r\n        setIsLoading(true)\r\n        await fetchDelay(async () => props.onChange?.(filterState), debounceDelay)\r\n        setIsLoading(false)\r\n      } catch (error) {\r\n        setIsLoading(false)\r\n        throw error\r\n      }\r\n    }\r\n\r\n    // Action handlers to manipulate filter state\r\n    // Debounce or throttle can be added to these handlers if needed to optimize performance for rapid changes\r\n    const setFilterState = (state: TFilterState<T>) => {\r\n      // store latest requested state\r\n      pendingStateRef.current = state\r\n\r\n      // If uncontrolled, update UI immediately for responsiveness\r\n      if (!props.value) {\r\n        setLocalState({ filterState: state })\r\n      }\r\n\r\n      // debounce actual handler calls so only the last one within delay fires\r\n      if (debounceTimer.current) clearTimeout(debounceTimer.current)\r\n      debounceTimer.current = window.setTimeout(() => {\r\n        const s = pendingStateRef.current as TFilterState<T>\r\n        if (props.value) {\r\n          handleChange(s)\r\n        } else {\r\n          handleChange(s, { filterState: s })\r\n        }\r\n        debounceTimer.current = null\r\n        pendingStateRef.current = null\r\n      }, debounceDelay)\r\n    }\r\n\r\n    const contextValue: IFilterBarContext<T> = {\r\n      filterState: props.value || localState.filterState,\r\n      defaultFilterState: getDefaultFilterState(),\r\n      isLoading: isLoading,\r\n      setFilterState\r\n    }\r\n\r\n    const theme = useTheme()\r\n    const isSmall = useMediaQuery(theme.breakpoints.down('md'))\r\n\r\n    //TODO - add panel: định vị trí, ẩn hiện, trạng thái,...\r\n    return (\r\n      <Context.Provider value={contextValue}>\r\n        <FilterBarStyled className={filterbarClasses.root} sx={props.sx}>\r\n          <Box className={filterbarClasses.inner}>\r\n            {slots?.before || null}\r\n            <div className={filterbarClasses.action}>\r\n              <MenuComponent slots={{ popperProps: { placement: 'bottom-start' } }} />\r\n              <SortComponent slots={{ popperProps: { placement: 'bottom-start' } }} />\r\n            </div>\r\n            <InputComponent slots={{ minimalInput: isSmall, popperProps: { placement: 'bottom-start' } }} />\r\n            {slots?.after || null}\r\n          </Box>\r\n          <Box {...slots?.summaryWrapProps} sx={{ display: 'flex', alignItems: 'center', ...slots?.summaryWrapProps?.sx }}>\r\n            {slots?.summaryBefore || null}\r\n            <Box sx={{ flex: 1, minWidth: 0 }}>{configs.enableSummary !== false && <SummaryComponent />}</Box>\r\n            {slots?.summaryAfter || null}\r\n          </Box>\r\n        </FilterBarStyled>\r\n      </Context.Provider>\r\n    )\r\n  }\r\n\r\n  return FilterBar\r\n}\r\n\r\nconst filterbarClasses = {\r\n  root: 'DinoFilterBar-root',\r\n  inner: 'DinoFilterBar-inner',\r\n  action: 'DinoFilterBar-action'\r\n}\r\n\r\nconst FilterBarStyled = styled(Box)(({ theme }) => ({\r\n  [`&.${filterbarClasses.root}`]: {\r\n    backgroundColor: theme.palette.background.paper,\r\n    boxSizing: 'border-box'\r\n  },\r\n  [`.${filterbarClasses.inner}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: theme.spacing(1)\r\n  },\r\n  [`.${filterbarClasses.action}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center'\r\n  }\r\n}))\r\n"],"names":["createFilterBar","configs","_configs$debounceDela","debounceDelay","InputComponent","configInput","inputConfig","fields","createFilterInput","MenuComponent","configMenu","menuConfig","createFilterMenu","SummaryComponent","enableSummary","configSummary","summaryConfig","createFilterSummary","SortComponent","configSort","sortConfig","createFilterSort","defaultFilterLogic","Context","createFilterBarContext","props","_slots$summaryWrapPro","slots","getDefaultFilterState","Object","assign","filterLogic","defaultFilterState","defaultValue","_useState","useState","value","filterState","_useState2","_slicedToArray","localState","setLocalState","_useState3","_useState4","isLoading","setIsLoading","debounceTimer","useRef","pendingStateRef","useEffect","current","clearTimeout","handleChange","_ref","_asyncToGenerator","_regenerator","m","_callee2","state","_t","w","_context2","p","n","prev","_state$filterState","fetchDelay","_callee","_props$onChange","_context","a","onChange","call","v","_x","_x2","apply","this","arguments","contextValue","setFilterState","window","setTimeout","s","theme","useTheme","isSmall","useMediaQuery","breakpoints","down","_jsx","Provider","children","_jsxs","FilterBarStyled","className","filterbarClasses","root","sx","Box","inner","before","action","popperProps","placement","minimalInput","after","_objectSpread","summaryWrapProps","display","alignItems","summaryBefore","flex","minWidth","summaryAfter","styled","_ref3","_defineProperty","concat","backgroundColor","palette","background","paper","boxSizing","gap","spacing"],"mappings":"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"}

package/dist/src/filter-bar/index.dino.js

@@ -1,2 +1,2 @@
-import{createClass as e,classCallCheck as t,defineProperty as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{createFilterBar as i}from"./index.create.js";import{createLocalFilterBuilder as l}from"./local-filter-builder.js";import{createConvertToGraphQL as s,mapLogic as o,mapSortDirection as a}from"./convert-to-graphql.js";import{isEmptyFilterState as m,removeNullValues as c,isFilterStateEqual as p,setFilterToURL as h,getFilterFromURL as f}from"./helpers.js";import n from"./menu/create-form-field-string.js";import u from"./menu/create-form-field-select.js";import F from"./menu/create-form-field-select-multiple.js";var d=e(function e(){t(this,e),r(this,"createFilterBar",i),r(this,"createConvertToGraphQL",s),r(this,"createLocalFilterBuilder",l),r(this,"createFormFieldString",n),r(this,"createFormFieldSelect",u),r(this,"createFormFieldSelectMultiple",F),r(this,"mapLogic",o),r(this,"mapDirection",a),r(this,"isEmptyFilterState",m),r(this,"removeNullValues",c),r(this,"isFilterStateEqual",p),r(this,"setFilterToURL",h),r(this,"getFilterFromURL",f)}),j=new d;export{d as DinoFilterBar,j as dinoFilterBar};
+import{createClass as e,classCallCheck as t,defineProperty as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{createFilterBar as i}from"./index.create.js";import{createLocalFilterBuilder as l}from"./local-filter-builder.js";import{createConvertToGraphQL as o,mapLogic as s,mapSortDirection as m}from"./convert-to-graphql.js";import{isEmptyFilterState as a,removeNullValues as c,isFilterStateEqual as p,setFilterToURL as f,getFilterFromURL as h}from"./helpers.js";import n from"./menu/create-form-field-string.js";import u from"./menu/create-form-field-select.js";import F from"./menu/create-form-field-select-multiple.js";import d from"./menu/create-form-field-datetime.js";var j=e(function e(){t(this,e),r(this,"createFilterBar",i),r(this,"createConvertToGraphQL",o),r(this,"createLocalFilterBuilder",l),r(this,"createFormFieldString",n),r(this,"createFormFieldSelect",u),r(this,"createFormFieldSelectMultiple",F),r(this,"createFormFieldDateTime",d),r(this,"mapLogic",s),r(this,"mapDirection",m),r(this,"isEmptyFilterState",a),r(this,"removeNullValues",c),r(this,"isFilterStateEqual",p),r(this,"setFilterToURL",f),r(this,"getFilterFromURL",h)}),g=new j;export{j as DinoFilterBar,g as dinoFilterBar};
 //# sourceMappingURL=index.dino.js.map