dinocollab-core 2.2.41 → 2.2.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/filter-bar/components/filter-input.js +1 -1
- package/dist/src/filter-bar/components/filter-input.js.map +1 -1
- package/dist/src/filter-bar/convert-to-graphql.js +1 -1
- package/dist/src/filter-bar/convert-to-graphql.js.map +1 -1
- package/dist/src/filter-bar/helpers.js +1 -1
- package/dist/src/filter-bar/helpers.js.map +1 -1
- package/dist/src/filter-bar/hooks.js +1 -1
- package/dist/src/filter-bar/hooks.js.map +1 -1
- package/dist/src/filter-bar/index.create.js +1 -1
- package/dist/src/filter-bar/index.create.js.map +1 -1
- package/dist/src/filter-bar/menu/create-form-field-boolean.js +1 -1
- package/dist/src/filter-bar/menu/create-form-field-boolean.js.map +1 -1
- package/dist/src/filter-bar/menu/create-form-field-number.js +1 -1
- package/dist/src/filter-bar/menu/create-form-field-number.js.map +1 -1
- package/dist/src/filter-bar/menu/create-form-field-select-multiple.js +1 -1
- package/dist/src/filter-bar/menu/create-form-field-select-multiple.js.map +1 -1
- package/dist/src/filter-bar/menu/create-form-field-select.js +1 -1
- package/dist/src/filter-bar/menu/create-form-field-select.js.map +1 -1
- package/dist/src/filter-bar/menu/create-form-field-string.js +1 -1
- package/dist/src/filter-bar/menu/create-form-field-string.js.map +1 -1
- package/dist/types/filter-bar/helpers.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as o,objectSpread2 as e,slicedToArray as
|
|
1
|
+
import{defineProperty as o,objectSpread2 as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{useContext as i,useState as l,useMemo as a,createRef as u}from"react";import{styled as c,Box as s,alpha as p,InputBase as d,MenuList as f,MenuItem as m,Typography as v}from"@mui/material";import h from"@mui/material/ClickAwayListener";import{KeySpecial as b}from"../types.js";import{useFilterActions as g}from"../hooks.js";import{mapSpecialLabel as x,DEFAULT_LOGIC as I}from"../helpers.js";import{FilterBarContext as S}from"../index.context.js";import{PopperCustom as y,PopperContent as F,PopperBody as j}from"./popper-custom.js";import{InputAdornmentRight as k,InputAdornmentLeft as C,getFieldsByMatches as D}from"./filter-input.units.js";import{MobileSearchButton as w}from"./filter-input.mobile.js";function P(o){var c=B,p=function(o){var t=o.fields,r=o.enableQuickSearch,n=void 0===r||r,i=b.quickSearch,l=e({},t);if(n){var a=l[i],u=null!=a&&a.label?a.label:x[i],c=Object.assign({},l[i],{field:i,label:u});l[i]=c}else delete l[i];return e(e({},o),{},{fields:l})}(o);return function(b){var x,P,B,q,A,O=u(),R=u(),W=i(S),z=g(W),G=z.addFilter,K=z.replaceFilter,T=l(null),_=t(T,2),E=_[0],H=_[1],L=Boolean(E),M=l(""),Q=t(M,2),V=Q[0],J=Q[1],U=l("normal"),X=t(U,2),Y=X[0],Z=X[1],$=a(function(){var e,t=o.beforeInput,r=o.afterInput,n=Object.assign({},b.sx,null===(e=b.slots)||void 0===e||null===(e=e.rootProps)||void 0===e?void 0:e.sx);return{slots:Object.assign({},{beforeInput:t,afterInput:r},b.slots),rootSx:n}},[]),oo=o.minimalInput||(null===(x=b.slots)||void 0===x?void 0:x.minimalInput)||!1,eo=function(o){H(null),Z("normal"),o&&J("")},to=function(){var o;if(V){var e=null===(o=W.filterState.storeFilter)||void 0===o?void 0:o.quickSearch,t=(null==e?void 0:e.logic)||I;K("quickSearch",{values:[V],logic:t}),eo(!0)}};if(oo)return r(w,{placeholder:"Search...",onSearching:function(o){var e;if(o){var t=null===(e=W.filterState.storeFilter)||void 0===e?void 0:e.quickSearch,r=(null==t?void 0:t.logic)||I;K("quickSearch",{values:[o],logic:r})}}});var ro,no=[c.root];return("focus"===Y||Boolean(V))&&no.push(c.focus),r(h,{onClickAway:function(o){eo()},children:n(N,e(e({className:no.join(" ")},null===(P=b.slots)||void 0===P?void 0:P.rootProps),{},{sx:$.rootSx,children:[n("div",{className:c.rootInner,children:[(null===(B=$.slots)||void 0===B?void 0:B.beforeInput)||null,r(s,{className:c.beforeInput,ref:R}),r(d,{fullWidth:!0,className:c.input,autoComplete:"off",size:"small",inputRef:O,value:V,placeholder:"Search...",onKeyDown:function(o){var e=o.keyCode;if(13===e)o.stopPropagation(),o.preventDefault(),to();else if(27===e){var t;o.stopPropagation(),o.preventDefault(),null==O||null===(t=O.current)||void 0===t||t.blur(),eo(!0)}},onChange:function(o){var e=o.target.value||"";J(e);var t=Boolean(null==R?void 0:R.current)&&Boolean(e);e!==V&&H(t&&(null==R?void 0:R.current)||null)},onFocus:function(o){Z("focus"),Boolean(V)&&H((null==R?void 0:R.current)||o.currentTarget)},startAdornment:r(C,{onSearch:function(){var o;null===(o=O.current)||void 0===o||o.focus()}}),endAdornment:r(k,{hasKeyword:Boolean(V),onSubmit:to,onClear:function(){return eo(!0)}})}),(null===(q=$.slots)||void 0===q?void 0:q.afterInput)||null]}),r(y,e(e({anchorEl:E,open:L,placement:"bottom",transition:!0,disablePortal:!0},null===(A=$.slots)||void 0===A?void 0:A.popperProps),{},{children:(ro=D(p,V),r(F,{title:"Filter Options",disableGutter:!0,onClose:function(){return H(null)},children:r(j,{disableGutter:!0,children:r(f,{className:c.menu,children:ro.map(function(e,t){var r,i=e.field;if(!e)return null;var l=null!==(r=e.label)&&void 0!==r?r:i.toString(),a="".concat(l,': "').concat(V,'"');return n(m,{title:a,onClick:function(){return function(e){var t;if(V){var r=o.fields[e],n=null===(t=W.filterState.storeFilter)||void 0===t?void 0:t[e],i=(null==n?void 0:n.logic)||"or";null!=r&&r.singleValue?K(e,{values:[V],logic:i}):G(e,{values:[V],logic:i}),eo(!0)}}(i)},className:c.menuItem,children:[n(v,{variant:"body2",sx:{fontWeight:500,flex:"0 0 auto"},children:[l,":"]}),n(v,{variant:"body2",color:"text.secondary",sx:{ml:1,flex:"1 1 auto"},noWrap:!0,children:['"',V,'"']})]},i.toString()+t)})})})}))}))]}))})}}var B={root:"DinoFilterInput-root",rootInner:"DinoFilterInput-rootInner",button:"DinoFilterInput-button",input:"DinoFilterInput-input",focus:"DinoFilterInput-focus",beforeInput:"DinoFilterInput-beforeInput",menu:"DinoFilterInput-menu",menuItem:"DinoFilterInput-menuItem"},N=c(s)(function(e){var t=e.theme;return o(o(o(o(o(o(o(o({},"&.".concat(B.root),{height:"var(--dino-h-filter-input, 38px)",flex:1,border:"1px solid",borderColor:p(t.palette.divider,.12),borderRadius:t.shape.borderRadius,backgroundColor:t.palette.background.paper,transition:t.transitions.create(["border-color","box-shadow"])}),"&:hover",{borderColor:t.palette.text.primary}),"&.Mui-focused",{borderColor:t.palette.primary.main,boxShadow:"0 0 0 2px ".concat(t.palette.primary.main,"33")}),"&.".concat(B.focus),{borderColor:t.palette.primary.main,boxShadow:"0 0 0 2px ".concat(t.palette.primary.main,"33")}),".".concat(B.rootInner),{height:"100%",display:"flex",alignItems:"stretch"}),".".concat(B.beforeInput),{width:"1px",height:"100%",alignSelf:"stretch"}),".".concat(B.input),{padding:t.spacing(.5,1),input:{fontSize:"14px",padding:"4px 0 5px"}}),".".concat(B.button),{flex:"0 0 auto"})});export{P as createFilterInput,B as filterInputClasses};
|
|
2
2
|
//# sourceMappingURL=filter-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-input.js","sources":["../../../../src/filter-bar/components/filter-input.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Box, InputBase, MenuItem, MenuList, styled, Typography, alpha } from '@mui/material'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel } from '../helpers'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { PopperBody, PopperContent, PopperCustom } from './popper-custom'\r\nimport { getFieldsByMatches, InputAdornmentLeft, InputAdornmentRight } from './filter-input.units'\r\nimport MobileSearchButton from './filter-input.mobile'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { InputBaseProps } from '@mui/material'\r\nimport type { TFieldType } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IFilterInputConfig, IFilterInputProps, IFilterInputSlots, TFieldInputConfigs } from './filter-input.types'\r\n\r\nconst initializeConfig = <T,>(config: IFilterInputConfig<T>): IFilterInputConfig<T> => {\r\n const { fields, enableQuickSearch = true } = config\r\n const qsKey = KeySpecial.quickSearch\r\n const mergedFields: TFieldInputConfigs<T> = { ...fields }\r\n\r\n if (enableQuickSearch) {\r\n const item = mergedFields[qsKey]\r\n const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label })\r\n mergedFields[qsKey] = temp\r\n } else {\r\n delete mergedFields[qsKey]\r\n }\r\n\r\n return { ...config, fields: mergedFields }\r\n}\r\n\r\nexport function createFilterInput<T>(config: IFilterInputConfig<T>) {\r\n const classes = filterInputClasses\r\n const initialConfig = initializeConfig(config)\r\n\r\n const FilterInput: FC<IFilterInputProps<T>> = (props) => {\r\n const refInput = createRef<HTMLInputElement>()\r\n const refBeforeInput = createRef<HTMLElement>()\r\n\r\n const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n const { addFilter, replaceFilter } = useFilterActions<T>(context)\r\n\r\n const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n const isOpen = Boolean(anchorEl)\r\n\r\n const [keywords, setKeywords] = useState<string>('')\r\n const [status, setStatus] = useState<'focus' | 'normal'>('normal')\r\n\r\n const mergedConfig = useMemo(() => {\r\n const { beforeInput, afterInput } = config\r\n const mergedRootSx = Object.assign({}, props.sx, props.slots?.rootProps?.sx)\r\n const mergedSlots: IFilterInputSlots = Object.assign({}, { beforeInput, afterInput }, props.slots)\r\n return { slots: mergedSlots, rootSx: mergedRootSx }\r\n }, [])\r\n\r\n const isMinimal = config.minimalInput || props.slots?.minimalInput || false\r\n\r\n const handleClose = (isClear?: boolean) => {\r\n setAnchorEl(null)\r\n setStatus('normal')\r\n if (isClear) setKeywords('')\r\n }\r\n\r\n const handleSubmitSearch = () => {\r\n if (!keywords) return\r\n const qsField = context.filterState.storeFilter?.quickSearch\r\n const logic = qsField?.logic || 'or'\r\n replaceFilter('quickSearch', { values: [keywords], logic })\r\n handleClose(true)\r\n }\r\n\r\n const handleSubmitMobileSearch = (keyword: string) => {\r\n if (!keyword) return\r\n const qsField = context.filterState.storeFilter?.quickSearch\r\n const logic = qsField?.logic || 'or'\r\n replaceFilter('quickSearch', { values: [keyword], logic })\r\n }\r\n\r\n const handleKeyDown: InputBaseProps['onKeyDown'] = (event) => {\r\n const keyCode: number = event.keyCode\r\n if (keyCode === 13) {\r\n event.stopPropagation()\r\n event.preventDefault()\r\n handleSubmitSearch()\r\n } else if (keyCode === 27) {\r\n event.stopPropagation()\r\n event.preventDefault()\r\n refInput?.current?.blur()\r\n handleClose(true)\r\n }\r\n }\r\n\r\n const handleKeywordChange: InputBaseProps['onChange'] = (event) => {\r\n const finalValue = event.target.value || ''\r\n setKeywords(finalValue)\r\n\r\n const isOpenPopper = Boolean(refBeforeInput?.current) && Boolean(finalValue)\r\n if (finalValue !== keywords) setAnchorEl(isOpenPopper ? refBeforeInput?.current || null : null)\r\n }\r\n\r\n const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\r\n setStatus('focus')\r\n if (!Boolean(keywords)) return\r\n setAnchorEl(refBeforeInput?.current || event.currentTarget)\r\n }\r\n\r\n const handleClickMenuItem = (field: TFieldType<T>) => {\r\n if (!keywords) return\r\n const fieldConfig = config.fields[field]\r\n const fieldValue = context.filterState.storeFilter?.[field]\r\n const logic = fieldValue?.logic || 'or'\r\n if (fieldConfig?.singleValue) {\r\n replaceFilter(field, { values: [keywords], logic })\r\n } else {\r\n addFilter(field, { values: [keywords], logic })\r\n }\r\n handleClose(true)\r\n }\r\n\r\n const handleClickSearch = () => {\r\n refInput.current?.focus()\r\n }\r\n\r\n const handleClickAway = (event: MouseEvent | TouchEvent) => {\r\n handleClose()\r\n }\r\n\r\n const renderContent = () => {\r\n const fieldsList = getFieldsByMatches(initialConfig, keywords)\r\n return (\r\n <PopperContent title='Filter Options' disableGutter onClose={() => setAnchorEl(null)}>\r\n <PopperBody disableGutter>\r\n <MenuList className={classes.menu}>\r\n {fieldsList.map((x, i) => {\r\n const field = x.field\r\n if (!x) return null\r\n const label = x.label ?? field.toString()\r\n const title = `${label}: \"${keywords}\"`\r\n return (\r\n <MenuItem title={title} key={field.toString() + i} onClick={() => handleClickMenuItem(field)} className={classes.menuItem}>\r\n <Typography variant='body2' sx={{ fontWeight: 500, flex: '0 0 auto' }}>\r\n {label}:\r\n </Typography>\r\n <Typography variant='body2' color='text.secondary' sx={{ ml: 1, flex: '1 1 auto' }} noWrap>\r\n \"{keywords}\"\r\n </Typography>\r\n </MenuItem>\r\n )\r\n })}\r\n </MenuList>\r\n </PopperBody>\r\n </PopperContent>\r\n )\r\n }\r\n\r\n if (isMinimal) return <MobileSearchButton placeholder='Search...' onSearching={handleSubmitMobileSearch} />\r\n\r\n const rootClass = [classes.root]\r\n if (status === 'focus' || Boolean(keywords)) rootClass.push(classes.focus)\r\n\r\n return (\r\n <ClickAwayListener onClickAway={handleClickAway}>\r\n <FilterInputStyled className={rootClass.join(' ')} {...props.slots?.rootProps} sx={mergedConfig.rootSx}>\r\n <div className={classes.rootInner}>\r\n {mergedConfig.slots?.beforeInput || null}\r\n <Box className={classes.beforeInput} ref={refBeforeInput} />\r\n <InputBase\r\n fullWidth\r\n className={classes.input}\r\n autoComplete='off'\r\n size='small'\r\n inputRef={refInput}\r\n value={keywords}\r\n placeholder='Search...'\r\n onKeyDown={handleKeyDown}\r\n onChange={handleKeywordChange}\r\n onFocus={handleFocus}\r\n startAdornment={<InputAdornmentLeft onSearch={handleClickSearch} />}\r\n endAdornment={<InputAdornmentRight hasKeyword={Boolean(keywords)} onSubmit={handleSubmitSearch} onClear={() => handleClose(true)} />}\r\n />\r\n {mergedConfig.slots?.afterInput || null}\r\n </div>\r\n <PopperCustom anchorEl={anchorEl} open={isOpen} placement='bottom' transition disablePortal {...mergedConfig.slots?.popperProps}>\r\n {renderContent()}\r\n </PopperCustom>\r\n </FilterInputStyled>\r\n </ClickAwayListener>\r\n )\r\n }\r\n return FilterInput\r\n}\r\n\r\nexport const filterInputClasses = {\r\n root: 'DinoFilterInput-root',\r\n rootInner: 'DinoFilterInput-rootInner',\r\n button: 'DinoFilterInput-button',\r\n input: 'DinoFilterInput-input',\r\n focus: 'DinoFilterInput-focus',\r\n beforeInput: 'DinoFilterInput-beforeInput',\r\n menu: 'DinoFilterInput-menu',\r\n menuItem: 'DinoFilterInput-menuItem',\r\n menuItemKey: 'DinoFilterInput-menuItemKey'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)(({ theme }) => ({\r\n // Note: we use CSS variable\r\n // '--dino-h-filter-input': '38px',\r\n [`&.${filterInputClasses.root}`]: {\r\n height: 'var(--dino-h-filter-input, 38px)',\r\n flex: 1,\r\n border: '1px solid',\r\n borderColor: alpha(theme.palette.divider, 0.12),\r\n borderRadius: theme.shape.borderRadius,\r\n backgroundColor: theme.palette.background.paper,\r\n transition: theme.transitions.create(['border-color', 'box-shadow'])\r\n },\r\n '&:hover': { borderColor: theme.palette.text.primary },\r\n '&.Mui-focused': {\r\n borderColor: theme.palette.primary.main,\r\n boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n },\r\n [`&.${filterInputClasses.focus}`]: {\r\n borderColor: theme.palette.primary.main,\r\n boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n },\r\n [`.${filterInputClasses.rootInner}`]: { height: '100%', display: 'flex', alignItems: 'stretch' },\r\n [`.${filterInputClasses.beforeInput}`]: { width: '1px', height: '100%', alignSelf: 'stretch' },\r\n [`.${filterInputClasses.input}`]: {\r\n padding: theme.spacing(0.5, 1),\r\n input: { fontSize: '14px', padding: '4px 0 5px' }\r\n },\r\n [`.${filterInputClasses.button}`]: { flex: '0 0 auto' }\r\n}))\r\n"],"names":["createFilterInput","config","classes","filterInputClasses","initialConfig","fields","_config$enableQuickSe","enableQuickSearch","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","initializeConfig","props","_props$slots2","_props$slots3","_mergedConfig$slots","_mergedConfig$slots2","_mergedConfig$slots3","refInput","createRef","refBeforeInput","context","useContext","FilterBarContext","_useFilterActions","useFilterActions","addFilter","replaceFilter","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","_useState3","_useState4","keywords","setKeywords","_useState5","_useState6","status","setStatus","mergedConfig","useMemo","_props$slots","beforeInput","afterInput","mergedRootSx","sx","slots","rootProps","rootSx","isMinimal","minimalInput","handleClose","isClear","handleSubmitSearch","_context$filterState$","qsField","filterState","storeFilter","logic","values","_jsx","MobileSearchButton","placeholder","onSearching","keyword","_context$filterState$2","fieldsList","rootClass","root","push","focus","ClickAwayListener","onClickAway","event","children","_jsxs","FilterInputStyled","className","join","rootInner","Box","ref","InputBase","fullWidth","input","autoComplete","size","inputRef","value","onKeyDown","keyCode","stopPropagation","preventDefault","_refInput$current","current","blur","onChange","finalValue","target","isOpenPopper","onFocus","currentTarget","startAdornment","InputAdornmentLeft","onSearch","_refInput$current2","endAdornment","InputAdornmentRight","hasKeyword","onSubmit","onClear","PopperCustom","open","placement","transition","disablePortal","popperProps","getFieldsByMatches","PopperContent","title","disableGutter","onClose","PopperBody","MenuList","menu","map","x","i","_x$label","toString","concat","MenuItem","onClick","_context$filterState$3","fieldConfig","fieldValue","singleValue","handleClickMenuItem","menuItem","Typography","variant","fontWeight","flex","color","ml","noWrap","button","styled","_ref","theme","_defineProperty","height","border","borderColor","alpha","palette","divider","borderRadius","shape","backgroundColor","background","paper","transitions","create","text","primary","main","boxShadow","display","alignItems","width","alignSelf","padding","spacing","fontSize"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"filter-input.js","sources":["../../../../src/filter-bar/components/filter-input.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Box, InputBase, MenuItem, MenuList, styled, Typography, alpha } from '@mui/material'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { mapSpecialLabel, DEFAULT_LOGIC } from '../helpers'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { PopperBody, PopperContent, PopperCustom } from './popper-custom'\r\nimport { getFieldsByMatches, InputAdornmentLeft, InputAdornmentRight } from './filter-input.units'\r\nimport MobileSearchButton from './filter-input.mobile'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { InputBaseProps } from '@mui/material'\r\nimport type { TFieldType } from '../types'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { IFilterInputConfig, IFilterInputProps, IFilterInputSlots, TFieldInputConfigs } from './filter-input.types'\r\n\r\nconst initializeConfig = <T,>(config: IFilterInputConfig<T>): IFilterInputConfig<T> => {\r\n const { fields, enableQuickSearch = true } = config\r\n const qsKey = KeySpecial.quickSearch\r\n const mergedFields: TFieldInputConfigs<T> = { ...fields }\r\n\r\n if (enableQuickSearch) {\r\n const item = mergedFields[qsKey]\r\n const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label })\r\n mergedFields[qsKey] = temp\r\n } else {\r\n delete mergedFields[qsKey]\r\n }\r\n\r\n return { ...config, fields: mergedFields }\r\n}\r\n\r\nexport function createFilterInput<T>(config: IFilterInputConfig<T>) {\r\n const classes = filterInputClasses\r\n const initialConfig = initializeConfig(config)\r\n\r\n const FilterInput: FC<IFilterInputProps<T>> = (props) => {\r\n const refInput = createRef<HTMLInputElement>()\r\n const refBeforeInput = createRef<HTMLElement>()\r\n\r\n const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n const { addFilter, replaceFilter } = useFilterActions<T>(context)\r\n\r\n const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n const isOpen = Boolean(anchorEl)\r\n\r\n const [keywords, setKeywords] = useState<string>('')\r\n const [status, setStatus] = useState<'focus' | 'normal'>('normal')\r\n\r\n const mergedConfig = useMemo(() => {\r\n const { beforeInput, afterInput } = config\r\n const mergedRootSx = Object.assign({}, props.sx, props.slots?.rootProps?.sx)\r\n const mergedSlots: IFilterInputSlots = Object.assign({}, { beforeInput, afterInput }, props.slots)\r\n return { slots: mergedSlots, rootSx: mergedRootSx }\r\n }, [])\r\n\r\n const isMinimal = config.minimalInput || props.slots?.minimalInput || false\r\n\r\n const handleClose = (isClear?: boolean) => {\r\n setAnchorEl(null)\r\n setStatus('normal')\r\n if (isClear) setKeywords('')\r\n }\r\n\r\n const handleSubmitSearch = () => {\r\n if (!keywords) return\r\n const qsField = context.filterState.storeFilter?.quickSearch\r\n const logic = qsField?.logic || DEFAULT_LOGIC\r\n replaceFilter('quickSearch', { values: [keywords], logic })\r\n handleClose(true)\r\n }\r\n\r\n const handleSubmitMobileSearch = (keyword: string) => {\r\n if (!keyword) return\r\n const qsField = context.filterState.storeFilter?.quickSearch\r\n const logic = qsField?.logic || DEFAULT_LOGIC\r\n replaceFilter('quickSearch', { values: [keyword], logic })\r\n }\r\n\r\n const handleKeyDown: InputBaseProps['onKeyDown'] = (event) => {\r\n const keyCode: number = event.keyCode\r\n if (keyCode === 13) {\r\n event.stopPropagation()\r\n event.preventDefault()\r\n handleSubmitSearch()\r\n } else if (keyCode === 27) {\r\n event.stopPropagation()\r\n event.preventDefault()\r\n refInput?.current?.blur()\r\n handleClose(true)\r\n }\r\n }\r\n\r\n const handleKeywordChange: InputBaseProps['onChange'] = (event) => {\r\n const finalValue = event.target.value || ''\r\n setKeywords(finalValue)\r\n\r\n const isOpenPopper = Boolean(refBeforeInput?.current) && Boolean(finalValue)\r\n if (finalValue !== keywords) setAnchorEl(isOpenPopper ? refBeforeInput?.current || null : null)\r\n }\r\n\r\n const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\r\n setStatus('focus')\r\n if (!Boolean(keywords)) return\r\n setAnchorEl(refBeforeInput?.current || event.currentTarget)\r\n }\r\n\r\n const handleClickMenuItem = (field: TFieldType<T>) => {\r\n if (!keywords) return\r\n const fieldConfig = config.fields[field]\r\n const fieldValue = context.filterState.storeFilter?.[field]\r\n const logic = fieldValue?.logic || 'or'\r\n if (fieldConfig?.singleValue) {\r\n replaceFilter(field, { values: [keywords], logic })\r\n } else {\r\n addFilter(field, { values: [keywords], logic })\r\n }\r\n handleClose(true)\r\n }\r\n\r\n const handleClickSearch = () => {\r\n refInput.current?.focus()\r\n }\r\n\r\n const handleClickAway = (event: MouseEvent | TouchEvent) => {\r\n handleClose()\r\n }\r\n\r\n const renderContent = () => {\r\n const fieldsList = getFieldsByMatches(initialConfig, keywords)\r\n return (\r\n <PopperContent title='Filter Options' disableGutter onClose={() => setAnchorEl(null)}>\r\n <PopperBody disableGutter>\r\n <MenuList className={classes.menu}>\r\n {fieldsList.map((x, i) => {\r\n const field = x.field\r\n if (!x) return null\r\n const label = x.label ?? field.toString()\r\n const title = `${label}: \"${keywords}\"`\r\n return (\r\n <MenuItem title={title} key={field.toString() + i} onClick={() => handleClickMenuItem(field)} className={classes.menuItem}>\r\n <Typography variant='body2' sx={{ fontWeight: 500, flex: '0 0 auto' }}>\r\n {label}:\r\n </Typography>\r\n <Typography variant='body2' color='text.secondary' sx={{ ml: 1, flex: '1 1 auto' }} noWrap>\r\n \"{keywords}\"\r\n </Typography>\r\n </MenuItem>\r\n )\r\n })}\r\n </MenuList>\r\n </PopperBody>\r\n </PopperContent>\r\n )\r\n }\r\n\r\n if (isMinimal) return <MobileSearchButton placeholder='Search...' onSearching={handleSubmitMobileSearch} />\r\n\r\n const rootClass = [classes.root]\r\n if (status === 'focus' || Boolean(keywords)) rootClass.push(classes.focus)\r\n\r\n return (\r\n <ClickAwayListener onClickAway={handleClickAway}>\r\n <FilterInputStyled className={rootClass.join(' ')} {...props.slots?.rootProps} sx={mergedConfig.rootSx}>\r\n <div className={classes.rootInner}>\r\n {mergedConfig.slots?.beforeInput || null}\r\n <Box className={classes.beforeInput} ref={refBeforeInput} />\r\n <InputBase\r\n fullWidth\r\n className={classes.input}\r\n autoComplete='off'\r\n size='small'\r\n inputRef={refInput}\r\n value={keywords}\r\n placeholder='Search...'\r\n onKeyDown={handleKeyDown}\r\n onChange={handleKeywordChange}\r\n onFocus={handleFocus}\r\n startAdornment={<InputAdornmentLeft onSearch={handleClickSearch} />}\r\n endAdornment={<InputAdornmentRight hasKeyword={Boolean(keywords)} onSubmit={handleSubmitSearch} onClear={() => handleClose(true)} />}\r\n />\r\n {mergedConfig.slots?.afterInput || null}\r\n </div>\r\n <PopperCustom anchorEl={anchorEl} open={isOpen} placement='bottom' transition disablePortal {...mergedConfig.slots?.popperProps}>\r\n {renderContent()}\r\n </PopperCustom>\r\n </FilterInputStyled>\r\n </ClickAwayListener>\r\n )\r\n }\r\n return FilterInput\r\n}\r\n\r\nexport const filterInputClasses = {\r\n root: 'DinoFilterInput-root',\r\n rootInner: 'DinoFilterInput-rootInner',\r\n button: 'DinoFilterInput-button',\r\n input: 'DinoFilterInput-input',\r\n focus: 'DinoFilterInput-focus',\r\n beforeInput: 'DinoFilterInput-beforeInput',\r\n menu: 'DinoFilterInput-menu',\r\n menuItem: 'DinoFilterInput-menuItem',\r\n menuItemKey: 'DinoFilterInput-menuItemKey'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)(({ theme }) => ({\r\n // Note: we use CSS variable\r\n // '--dino-h-filter-input': '38px',\r\n [`&.${filterInputClasses.root}`]: {\r\n height: 'var(--dino-h-filter-input, 38px)',\r\n flex: 1,\r\n border: '1px solid',\r\n borderColor: alpha(theme.palette.divider, 0.12),\r\n borderRadius: theme.shape.borderRadius,\r\n backgroundColor: theme.palette.background.paper,\r\n transition: theme.transitions.create(['border-color', 'box-shadow'])\r\n },\r\n '&:hover': { borderColor: theme.palette.text.primary },\r\n '&.Mui-focused': {\r\n borderColor: theme.palette.primary.main,\r\n boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n },\r\n [`&.${filterInputClasses.focus}`]: {\r\n borderColor: theme.palette.primary.main,\r\n boxShadow: `0 0 0 2px ${theme.palette.primary.main}33`\r\n },\r\n [`.${filterInputClasses.rootInner}`]: { height: '100%', display: 'flex', alignItems: 'stretch' },\r\n [`.${filterInputClasses.beforeInput}`]: { width: '1px', height: '100%', alignSelf: 'stretch' },\r\n [`.${filterInputClasses.input}`]: {\r\n padding: theme.spacing(0.5, 1),\r\n input: { fontSize: '14px', padding: '4px 0 5px' }\r\n },\r\n [`.${filterInputClasses.button}`]: { flex: '0 0 auto' }\r\n}))\r\n"],"names":["createFilterInput","config","classes","filterInputClasses","initialConfig","fields","_config$enableQuickSe","enableQuickSearch","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","initializeConfig","props","_props$slots2","_props$slots3","_mergedConfig$slots","_mergedConfig$slots2","_mergedConfig$slots3","refInput","createRef","refBeforeInput","context","useContext","FilterBarContext","_useFilterActions","useFilterActions","addFilter","replaceFilter","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","_useState3","_useState4","keywords","setKeywords","_useState5","_useState6","status","setStatus","mergedConfig","useMemo","_props$slots","beforeInput","afterInput","mergedRootSx","sx","slots","rootProps","rootSx","isMinimal","minimalInput","handleClose","isClear","handleSubmitSearch","_context$filterState$","qsField","filterState","storeFilter","logic","DEFAULT_LOGIC","values","_jsx","MobileSearchButton","placeholder","onSearching","keyword","_context$filterState$2","fieldsList","rootClass","root","push","focus","ClickAwayListener","onClickAway","event","children","_jsxs","FilterInputStyled","className","join","rootInner","Box","ref","InputBase","fullWidth","input","autoComplete","size","inputRef","value","onKeyDown","keyCode","stopPropagation","preventDefault","_refInput$current","current","blur","onChange","finalValue","target","isOpenPopper","onFocus","currentTarget","startAdornment","InputAdornmentLeft","onSearch","_refInput$current2","endAdornment","InputAdornmentRight","hasKeyword","onSubmit","onClear","PopperCustom","open","placement","transition","disablePortal","popperProps","getFieldsByMatches","PopperContent","title","disableGutter","onClose","PopperBody","MenuList","menu","map","x","i","_x$label","toString","concat","MenuItem","onClick","_context$filterState$3","fieldConfig","fieldValue","singleValue","handleClickMenuItem","menuItem","Typography","variant","fontWeight","flex","color","ml","noWrap","button","styled","_ref","theme","_defineProperty","height","border","borderColor","alpha","palette","divider","borderRadius","shape","backgroundColor","background","paper","transitions","create","text","primary","main","boxShadow","display","alignItems","width","alignSelf","padding","spacing","fontSize"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createClass as t,createForOfIteratorHelper as e,objectWithoutProperties as r,typeof as i,classCallCheck as l,defineProperty as a,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as n}from"./types.js";import{
|
|
1
|
+
import{createClass as t,createForOfIteratorHelper as e,objectWithoutProperties as r,typeof as i,classCallCheck as l,defineProperty as a,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as n}from"./types.js";import{DEFAULT_LOGIC_ROOT as u,getSeedFromURL as s,setSeedToURL as c,removeSeedFromURL as f,DEFAULT_LOGIC as v}from"./helpers.js";import{createRequestBuilder as d}from"../http-service/graphql/request-param.js";import{decodeNumberValue as h}from"./menu/create-form-field-number.js";var g=["mode"],p=function(t){return"and"===t?"And":"Or"},y=function(t){return"asc"===t?"ASC":"DESC"};function m(t,e,l,a){var o=a||{},n=o.mode,u=r(o,g),s=i(l);switch(s){case"string":"equal"===n?e.filter(t,l.toString(),u):e.filterContains(t,l.toString(),u);break;case"number":e.filterNumber(t,"==",l.toString(),u);break;case"boolean":e.filter(t,l.toString(),u);break;default:console.warn("Unsupported value type for filtering: ".concat(s,". Value:"),l)}}var b=function(){return t(function t(e){var r=this;l(this,t),a(this,"autoMap",function(t,e){(r.currentObjectMap=t,r.state.storeFilter)&&Object.keys(r.state.storeFilter).forEach(function(i){var l,a=t[i],n=null===(l=r.state.storeFilter)||void 0===l?void 0:l[i];if(a){var u=a.targetfield,s=a.operation;if(a.custom)return void a.custom(r.graphqlBuilder,n,r.state.storeFilter);switch(s){case"equal":return void r.filterEqual(i,u,e);case"equalAndAny":return void r.filterEqual(i,u,o(o({},e),{},{isAny:!0}));case"datetime":return void r.filterDatetime(i,u,e);case"number":return void r.filterNumber(i,u,e);case"boolean":return void r.filterBoolean(i,u,e);default:return void r.filterContains(i,u,e)}}});return r}),a(this,"prebuild",function(t){return r.prebuildFunc=t,r}),this.state=e,this.graphqlBuilder=d({ignoreEmpty:!0})},[{key:"filterScope",value:function(t,e){var r=this;if(this.state.storeFilter){var i=(null==e?void 0:e.logic)||this.state.filterLogic||u,l=p(i);this.graphqlBuilder.scope(function(e){return t(e,r.state.storeFilter),e},{logic:l})}return this}},{key:"filterEqual",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=p(a.logic);return this.filterScope(function(t){if(null!=r&&r.isAny)t.filterCustom("".concat(null==e?void 0:e.toString(),".isAny(").concat(JSON.stringify(o),")"),{logic:n});else for(var i=0;i<o.length;i++)m(e,t,o[i],{logic:n,mode:"equal"})},r),this}},{key:"filterContains",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;var n=p(a.logic);return this.filterScope(function(t){for(var r=0;r<o.length;r++)m(e,t,o[r],{logic:n,mode:"contains"})},r),this}},{key:"filterDatetime",value:function(t,e,r){var i,l,a=null!==(i=null===(l=this.state.storeFilter)||void 0===l?void 0:l[t])&&void 0!==i?i:{values:[]},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1||!e)return this;if("range"===a.dateLogic&&o.length>=2){this.filterScope(function(t){t.filterGreaterEqual(e,o[0].toString(),{}),t.filterLessEqual(e,o[1].toString(),{logic:"And"})},r)}else if(1==o.length){this.filterScope(function(t){switch(a.dateLogic){case"before":t.filterLessEqual(e,o[0].toString());break;case"after":t.filterGreaterEqual(e,o[0].toString());break;default:t.filterEqual(e,o[0].toString())}},r)}return this}},{key:"filterBoolean",value:function(t,r,i){var l,a,o=null!==(l=null===(a=this.state.storeFilter)||void 0===a?void 0:a[t])&&void 0!==l?l:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!r)return this;var u=p(o.logic);return this.filterScope(function(t){var i,l=e(n);try{for(l.s();!(i=l.n()).done;){var a=i.value,o=!0===a||"true"===a;t.filterCustom("".concat(null==r?void 0:r.toString(),"==").concat(o),{logic:u})}}catch(t){l.e(t)}finally{l.f()}},i),this}},{key:"filterNumber",value:function(t,r,i){var l,a,o=null!==(l=null===(a=this.state.storeFilter)||void 0===a?void 0:a[t])&&void 0!==l?l:{values:[]},n=Array.isArray(o.values)?o.values:[o.values];if(!n||n.length<1||!r)return this;var u={eq:"==",lt:"<",lte:"<=",gt:">",gte:">="},s=p(o.logic);return this.filterScope(function(t){var i,l=e(n);try{for(l.s();!(i=l.n()).done;){var a=i.value,o=h(a);if(o){var c=u[o.operator];t.filterNumber(r,c,o.num.toString(),{logic:s})}}}catch(t){l.e(t)}finally{l.f()}},i),this}},{key:"sort",value:function(t,e){var r,i,l=this.state.storeSort,a=null!==(r=null==t?void 0:t.seed)&&void 0!==r?r:{},o=a.targetField,u=a.autoSave,v=void 0!==u&&u,d=o?null===(i=this.currentObjectMap)||void 0===i?void 0:i[o]:void 0,h=s();if((null==l?void 0:l.field)===n.sortShuffle){if(null==d||!d.targetfield)return this;var g=null!=h?h:(new Date).getTime().toString();this.graphqlBuilder.seed(d.targetfield,g),v&&c(g)}else{var p;h&&f();var m=null!=l&&l.field?null===(p=this.currentObjectMap)||void 0===p?void 0:p[null==l?void 0:l.field]:void 0;if(null==m||!m.targetfield)return this;this.graphqlBuilder.sort(m.targetfield,{direction:y(null==l?void 0:l.direction)})}return this}},{key:"quickSearch",value:function(t,e){var r,i,l=this;this.currentObjectMap||console.warn("No autoMap config found, quick search will not work properly without target field mapping.");var a=null!==(r=null===(i=this.state.storeFilter)||void 0===i?void 0:i.quickSearch)&&void 0!==r?r:{values:[],logic:v},o=Array.isArray(a.values)?a.values:[a.values];if(!o||o.length<1)return this;var n=p(a.logic),u=Array.isArray(t)?t:[t];return this.filterScope(function(t){u.forEach(function(e){var r,i=null===(r=l.currentObjectMap)||void 0===r?void 0:r[e];if(i&&o.length>0)if(i.custom)i.custom(t,a,l.state.storeFilter);else if(i.targetfield)for(var u=0;u<o.length;u++)m(i.targetfield,t,o[u],{logic:n})})},e),this}},{key:"build",value:function(){return this.prebuildFunc&&this.prebuildFunc(this.graphqlBuilder),this.graphqlBuilder.build()}}])}(),S=function(t){return new b(t)};export{b as TableFileterConverter,S as createConvertToGraphQL,p as mapLogic,y as mapSortDirection};
|
|
2
2
|
//# sourceMappingURL=convert-to-graphql.js.map
|
|
@@ -1 +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 { getSeedFromURL, removeSeedFromURL, setSeedToURL } from './helpers'\r\nimport { createRequestBuilder, IFilterOption, RequestParam } from '../http-service/graphql/request-param'\r\nimport { decodeNumberValue } from './menu/create-form-field-number'\r\n// types\r\nimport type { TFilterState, TFieldStore, TFieldValue, TLogic, TDirection, TFieldType, TFieldValid, TDateLogic, TNumberOperator } from './types'\r\n\r\ntype TFilterScopeFn<TSource, TTarget extends object, U extends object = {}> = (\r\n currentBuilder: RequestParam<TTarget, U>,\r\n store?: TFieldStore<TSource>\r\n) => 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, U extends object = {}> = (\r\n currentBuilder: RequestParam<TTarget, U>,\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, U 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. @default 'contains'\r\n * @vi Thao tác áp dụng cho trường filter. @default 'contains'\r\n */\r\n operation?: 'equal' | 'equalAndAny' | 'contains' | 'datetime' | 'number' | 'boolean'\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, U>\r\n}\r\n\r\ntype TAutoMapConfigs<TSource, TTarget extends object, U extends object = {}> = Partial<Record<keyof TSource, TAutoMapConfig<TSource, TTarget, U>>>\r\n\r\ntype TFilterOption = {\r\n logic?: TLogic\r\n}\r\n\r\n/** Map logic for filter operations @default 'or' */\r\nexport const mapLogic = (logic?: TLogic): 'And' | 'Or' => {\r\n return logic === 'and' ? 'And' : 'Or'\r\n}\r\n\r\n/** Map sort direction for GraphQL queries @default 'asc' */\r\nexport const mapSortDirection = (direction?: TDirection): 'ASC' | 'DESC' => {\r\n return direction === 'asc' ? 'ASC' : 'DESC'\r\n}\r\n\r\ntype TFilterByTypeOptions = Partial<IFilterOption> & {\r\n mode?: 'equal' | 'contains'\r\n}\r\n\r\nfunction filterByType<TTarget extends object, U extends object = {}>(\r\n field: keyof TTarget,\r\n builder: RequestParam<TTarget, U>,\r\n value: TFieldValid,\r\n option?: TFilterByTypeOptions\r\n) {\r\n const { mode, ...restOption } = option || {}\r\n const valueType = typeof value\r\n switch (valueType) {\r\n case 'string':\r\n if (mode === 'equal') {\r\n builder.filter(field, value.toString(), restOption)\r\n } else {\r\n builder.filterContains(field, value.toString(), restOption)\r\n }\r\n break\r\n case 'number':\r\n builder.filterNumber(field, '==', value.toString(), restOption)\r\n break\r\n case 'boolean':\r\n builder.filter(field, value.toString(), restOption)\r\n break\r\n default:\r\n console.warn(`Unsupported value type for filtering: ${valueType}. Value:`, value)\r\n }\r\n}\r\n\r\nexport class TableFileterConverter<TSource extends Record<string, any>, TTarget extends object, U extends object = {}> {\r\n private state: TFilterState<TSource>\r\n private graphqlBuilder: RequestParam<TTarget, U>\r\n constructor(state: TFilterState<TSource>) {\r\n this.state = state\r\n this.graphqlBuilder = createRequestBuilder<TTarget, U>({ ignoreEmpty: true })\r\n }\r\n\r\n filterScope(fn: TFilterScopeFn<TSource, TTarget, U>, 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 as unknown as RequestParam<TTarget, U>, this.state.storeFilter)\r\n return b\r\n },\r\n { logic }\r\n )\r\n }\r\n return this\r\n }\r\n\r\n filterEqual(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption & { isAny?: boolean }) {\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, U> = (builder) => {\r\n if (options?.isAny) {\r\n builder.filterCustom(`${targetField?.toString()}.isAny(${JSON.stringify(values)})`, { logic })\r\n } else {\r\n for (let index = 0; index < values.length; index++) {\r\n filterByType(targetField, builder, values[index], { logic, mode: 'equal' })\r\n }\r\n }\r\n }\r\n\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterContains(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, U> = (builder) => {\r\n for (let index = 0; index < values.length; index++) {\r\n filterByType(targetField, builder, values[index], { logic: finalLogic, mode: 'contains' })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterDatetime(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 if (fieldValue.dateLogic === 'range' && values.length >= 2) {\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n builder.filterGreaterEqual(targetField, values[0].toString(), {})\r\n builder.filterLessEqual(targetField, values[1].toString(), { logic: 'And' })\r\n }\r\n this.filterScope(fn, options)\r\n } else if (values.length == 1) {\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n switch (fieldValue.dateLogic) {\r\n case 'before':\r\n builder.filterLessEqual(targetField, values[0].toString())\r\n break\r\n case 'after':\r\n builder.filterGreaterEqual(targetField, values[0].toString())\r\n break\r\n case 'on':\r\n default:\r\n builder.filterEqual(targetField, values[0].toString())\r\n break\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n }\r\n return this\r\n }\r\n\r\n filterBoolean(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, U> = (builder) => {\r\n for (const val of values) {\r\n // Normalise to actual boolean regardless of whether stored as boolean or string 'true'/'false'\r\n const boolValue = val === true || val === 'true'\r\n builder.filterCustom(`${targetField?.toString()}==${boolValue}`, { logic })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterNumber(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 operatorMap: Record<TNumberOperator, string> = {\r\n eq: '==',\r\n lt: '<',\r\n lte: '<=',\r\n gt: '>',\r\n gte: '>='\r\n }\r\n\r\n const logic = mapLogic(fieldValue.logic)\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n for (const encoded of values) {\r\n const decoded = decodeNumberValue(encoded)\r\n if (!decoded) continue\r\n const op = operatorMap[decoded.operator]\r\n builder.filterNumber(targetField, op, decoded.num.toString(), { logic })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n sort(param?: { seed: { targetField?: TFieldType<TSource>; autoSave?: boolean } }, options?: TFilterOption) {\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\r\n quickSearch(fields: TFieldType<TSource> | TFieldType<TSource>[], options?: TFilterOption) {\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, U> = (builder) => {\r\n targetFields.forEach((field) => {\r\n const fieldMap = this.currentObjectMap?.[field]\r\n if (fieldMap && 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 filterByType(fieldMap.targetfield, builder, values[index], { logic })\r\n }\r\n }\r\n }\r\n })\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n private currentObjectMap?: TAutoMapConfigs<TSource, TTarget, U>\r\n autoMap = (objMap: TAutoMapConfigs<TSource, TTarget, U>, options?: TFilterOption) => {\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.filterEqual(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'equalAndAny':\r\n this.filterEqual(key, targetfield, { ...options, isAny: true })\r\n return // break is not needed here because of the return statement\r\n case 'datetime':\r\n this.filterDatetime(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'number':\r\n this.filterNumber(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'boolean':\r\n this.filterBoolean(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'contains':\r\n default:\r\n this.filterContains(key, targetfield, options)\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\r\n private prebuildFunc?: (rp: RequestParam<TTarget, U>) => RequestParam<TTarget, U>\r\n prebuild = (func: (requestParam: RequestParam<TTarget, U>) => RequestParam<TTarget, U>) => {\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, U extends object = {}>(\r\n state: TFilterState<TSource>\r\n) => {\r\n return new TableFileterConverter<TSource, TTarget, U>(state)\r\n}\r\n"],"names":["mapLogic","logic","mapSortDirection","direction","filterByType","field","builder","value","option","_ref","mode","restOption","_objectWithoutProperties","_excluded","valueType","_typeof","filter","toString","filterContains","filterNumber","console","warn","concat","TableFileterConverter","_createClass","state","_this","this","_classCallCheck","_defineProperty","objMap","options","currentObjectMap","storeFilter","Object","keys","forEach","key","_this$state$storeFilt","mapConfig","fieldValue","targetfield","operation","custom","graphqlBuilder","filterEqual","_objectSpread","isAny","filterDatetime","filterBoolean","func","prebuildFunc","createRequestBuilder","ignoreEmpty","fn","_this2","mergedLogic","filterLogic","scope","b","targetField","_this$state$storeFilt2","_this$state$storeFilt3","values","Array","isArray","length","filterScope","filterCustom","JSON","stringify","index","_this$state$storeFilt4","_this$state$storeFilt5","finalLogic","_this$state$storeFilt6","_this$state$storeFilt7","dateLogic","filterGreaterEqual","filterLessEqual","_this$state$storeFilt8","_this$state$storeFilt9","_step","_iterator","_createForOfIteratorHelper","s","n","done","val","boolValue","err","e","f","_this$state$storeFilt0","_this$state$storeFilt1","operatorMap","eq","lt","lte","gt","gte","_step2","_iterator2","encoded","decoded","decodeNumberValue","op","operator","num","param","_param$seed","_this$currentObjectMa","store","storeSort","_ref2","seed","seedTargetField","_ref2$autoSave","autoSave","seedField","undefined","seedFromURL","getSeedFromURL","KeySpecial","sortShuffle","seedValue","Date","getTime","setSeedToURL","_this$currentObjectMa2","removeSeedFromURL","sort","fields","_this$state$storeFilt10","_this$state$storeFilt11","_this3","quickSearch","targetFields","_this3$currentObjectM","fieldMap","build","createConvertToGraphQL"],"mappings":"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"}
|
|
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 { getSeedFromURL, removeSeedFromURL, setSeedToURL, DEFAULT_LOGIC, DEFAULT_LOGIC_ROOT } from './helpers'\r\nimport { createRequestBuilder, IFilterOption, RequestParam } from '../http-service/graphql/request-param'\r\nimport { decodeNumberValue } from './menu/create-form-field-number'\r\n// types\r\nimport type { TFilterState, TFieldStore, TFieldValue, TLogic, TDirection, TFieldType, TFieldValid, TDateLogic, TNumberOperator } from './types'\r\n\r\ntype TFilterScopeFn<TSource, TTarget extends object, U extends object = {}> = (\r\n currentBuilder: RequestParam<TTarget, U>,\r\n store?: TFieldStore<TSource>\r\n) => 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, U extends object = {}> = (\r\n currentBuilder: RequestParam<TTarget, U>,\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, U 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. @default 'contains'\r\n * @vi Thao tác áp dụng cho trường filter. @default 'contains'\r\n */\r\n operation?: 'equal' | 'equalAndAny' | 'contains' | 'datetime' | 'number' | 'boolean'\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, U>\r\n}\r\n\r\ntype TAutoMapConfigs<TSource, TTarget extends object, U extends object = {}> = Partial<Record<keyof TSource, TAutoMapConfig<TSource, TTarget, U>>>\r\n\r\ntype TFilterOption = {\r\n logic?: TLogic\r\n}\r\n\r\n/** Map logic for filter operations @default 'or' */\r\nexport const mapLogic = (logic?: TLogic): 'And' | 'Or' => {\r\n return logic === 'and' ? 'And' : 'Or'\r\n}\r\n\r\n/** Map sort direction for GraphQL queries @default 'asc' */\r\nexport const mapSortDirection = (direction?: TDirection): 'ASC' | 'DESC' => {\r\n return direction === 'asc' ? 'ASC' : 'DESC'\r\n}\r\n\r\ntype TFilterByTypeOptions = Partial<IFilterOption> & {\r\n mode?: 'equal' | 'contains'\r\n}\r\n\r\nfunction filterByType<TTarget extends object, U extends object = {}>(\r\n field: keyof TTarget,\r\n builder: RequestParam<TTarget, U>,\r\n value: TFieldValid,\r\n option?: TFilterByTypeOptions\r\n) {\r\n const { mode, ...restOption } = option || {}\r\n const valueType = typeof value\r\n switch (valueType) {\r\n case 'string':\r\n if (mode === 'equal') {\r\n builder.filter(field, value.toString(), restOption)\r\n } else {\r\n builder.filterContains(field, value.toString(), restOption)\r\n }\r\n break\r\n case 'number':\r\n builder.filterNumber(field, '==', value.toString(), restOption)\r\n break\r\n case 'boolean':\r\n builder.filter(field, value.toString(), restOption)\r\n break\r\n default:\r\n console.warn(`Unsupported value type for filtering: ${valueType}. Value:`, value)\r\n }\r\n}\r\n\r\nexport class TableFileterConverter<TSource extends Record<string, any>, TTarget extends object, U extends object = {}> {\r\n private state: TFilterState<TSource>\r\n private graphqlBuilder: RequestParam<TTarget, U>\r\n constructor(state: TFilterState<TSource>) {\r\n this.state = state\r\n this.graphqlBuilder = createRequestBuilder<TTarget, U>({ ignoreEmpty: true })\r\n }\r\n\r\n filterScope(fn: TFilterScopeFn<TSource, TTarget, U>, options?: TFilterOption) {\r\n if (this.state.storeFilter) {\r\n const mergedLogic = options?.logic || this.state.filterLogic || DEFAULT_LOGIC_ROOT\r\n const logic = mapLogic(mergedLogic)\r\n this.graphqlBuilder.scope(\r\n (b) => {\r\n fn(b as unknown as RequestParam<TTarget, U>, this.state.storeFilter)\r\n return b\r\n },\r\n { logic }\r\n )\r\n }\r\n return this\r\n }\r\n\r\n filterEqual(field: TFieldType<TSource>, targetField?: keyof TTarget, options?: TFilterOption & { isAny?: boolean }) {\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, U> = (builder) => {\r\n if (options?.isAny) {\r\n builder.filterCustom(`${targetField?.toString()}.isAny(${JSON.stringify(values)})`, { logic })\r\n } else {\r\n for (let index = 0; index < values.length; index++) {\r\n filterByType(targetField, builder, values[index], { logic, mode: 'equal' })\r\n }\r\n }\r\n }\r\n\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterContains(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, U> = (builder) => {\r\n for (let index = 0; index < values.length; index++) {\r\n filterByType(targetField, builder, values[index], { logic: finalLogic, mode: 'contains' })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterDatetime(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 if (fieldValue.dateLogic === 'range' && values.length >= 2) {\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n builder.filterGreaterEqual(targetField, values[0].toString(), {})\r\n builder.filterLessEqual(targetField, values[1].toString(), { logic: 'And' })\r\n }\r\n this.filterScope(fn, options)\r\n } else if (values.length == 1) {\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n switch (fieldValue.dateLogic) {\r\n case 'before':\r\n builder.filterLessEqual(targetField, values[0].toString())\r\n break\r\n case 'after':\r\n builder.filterGreaterEqual(targetField, values[0].toString())\r\n break\r\n case 'on':\r\n default:\r\n builder.filterEqual(targetField, values[0].toString())\r\n break\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n }\r\n return this\r\n }\r\n\r\n filterBoolean(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, U> = (builder) => {\r\n for (const val of values) {\r\n // Normalise to actual boolean regardless of whether stored as boolean or string 'true'/'false'\r\n const boolValue = val === true || val === 'true'\r\n builder.filterCustom(`${targetField?.toString()}==${boolValue}`, { logic })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n filterNumber(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 operatorMap: Record<TNumberOperator, string> = {\r\n eq: '==',\r\n lt: '<',\r\n lte: '<=',\r\n gt: '>',\r\n gte: '>='\r\n }\r\n\r\n const logic = mapLogic(fieldValue.logic)\r\n const fn: TFilterScopeFn<TSource, TTarget, U> = (builder) => {\r\n for (const encoded of values) {\r\n const decoded = decodeNumberValue(encoded)\r\n if (!decoded) continue\r\n const op = operatorMap[decoded.operator]\r\n builder.filterNumber(targetField, op, decoded.num.toString(), { logic })\r\n }\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n sort(param?: { seed: { targetField?: TFieldType<TSource>; autoSave?: boolean } }, options?: TFilterOption) {\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\r\n quickSearch(fields: TFieldType<TSource> | TFieldType<TSource>[], options?: TFilterOption) {\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: DEFAULT_LOGIC }\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, U> = (builder) => {\r\n targetFields.forEach((field) => {\r\n const fieldMap = this.currentObjectMap?.[field]\r\n if (fieldMap && 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 filterByType(fieldMap.targetfield, builder, values[index], { logic })\r\n }\r\n }\r\n }\r\n })\r\n }\r\n this.filterScope(fn, options)\r\n return this\r\n }\r\n\r\n private currentObjectMap?: TAutoMapConfigs<TSource, TTarget, U>\r\n autoMap = (objMap: TAutoMapConfigs<TSource, TTarget, U>, options?: TFilterOption) => {\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.filterEqual(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'equalAndAny':\r\n this.filterEqual(key, targetfield, { ...options, isAny: true })\r\n return // break is not needed here because of the return statement\r\n case 'datetime':\r\n this.filterDatetime(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'number':\r\n this.filterNumber(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'boolean':\r\n this.filterBoolean(key, targetfield, options)\r\n return // break is not needed here because of the return statement\r\n case 'contains':\r\n default:\r\n this.filterContains(key, targetfield, options)\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\r\n private prebuildFunc?: (rp: RequestParam<TTarget, U>) => RequestParam<TTarget, U>\r\n prebuild = (func: (requestParam: RequestParam<TTarget, U>) => RequestParam<TTarget, U>) => {\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, U extends object = {}>(\r\n state: TFilterState<TSource>\r\n) => {\r\n return new TableFileterConverter<TSource, TTarget, U>(state)\r\n}\r\n"],"names":["mapLogic","logic","mapSortDirection","direction","filterByType","field","builder","value","option","_ref","mode","restOption","_objectWithoutProperties","_excluded","valueType","_typeof","filter","toString","filterContains","filterNumber","console","warn","concat","TableFileterConverter","_createClass","state","_this","this","_classCallCheck","_defineProperty","objMap","options","currentObjectMap","storeFilter","Object","keys","forEach","key","_this$state$storeFilt","mapConfig","fieldValue","targetfield","operation","custom","graphqlBuilder","filterEqual","_objectSpread","isAny","filterDatetime","filterBoolean","func","prebuildFunc","createRequestBuilder","ignoreEmpty","fn","_this2","mergedLogic","filterLogic","DEFAULT_LOGIC_ROOT","scope","b","targetField","_this$state$storeFilt2","_this$state$storeFilt3","values","Array","isArray","length","filterScope","filterCustom","JSON","stringify","index","_this$state$storeFilt4","_this$state$storeFilt5","finalLogic","_this$state$storeFilt6","_this$state$storeFilt7","dateLogic","filterGreaterEqual","filterLessEqual","_this$state$storeFilt8","_this$state$storeFilt9","_step","_iterator","_createForOfIteratorHelper","s","n","done","val","boolValue","err","e","f","_this$state$storeFilt0","_this$state$storeFilt1","operatorMap","eq","lt","lte","gt","gte","_step2","_iterator2","encoded","decoded","decodeNumberValue","op","operator","num","param","_param$seed","_this$currentObjectMa","store","storeSort","_ref2","seed","seedTargetField","_ref2$autoSave","autoSave","seedField","undefined","seedFromURL","getSeedFromURL","KeySpecial","sortShuffle","seedValue","Date","getTime","setSeedToURL","_this$currentObjectMa2","removeSeedFromURL","sort","fields","_this$state$storeFilt10","_this$state$storeFilt11","_this3","quickSearch","DEFAULT_LOGIC","targetFields","_this3$currentObjectM","fieldMap","build","createConvertToGraphQL"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as r,typeof as e,objectWithoutProperties as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{QueryParam as i}from"../utils/query-param.js";import{KeySpecial as o}from"./types.js";var n=["filterLogic"],f=["filterLogic"],c={qsTooltip:"Type to search — the suggestion list shows matching values and the current value."},
|
|
1
|
+
import{defineProperty as r,typeof as e,objectWithoutProperties as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{QueryParam as i}from"../utils/query-param.js";import{KeySpecial as o}from"./types.js";var n=["filterLogic"],f=["filterLogic"],c="and",s="or",a={qsTooltip:"Type to search — the suggestion list shows matching values and the current value."},u=r(r({},o.quickSearch,"Quick Search"),o.sortShuffle,"Shuffle Arrangement");function l(r){if(null!=r){if("object"!==e(r))return r;if(Array.isArray(r)){var t=r.map(l).filter(function(r){return void 0!==r});return t.length>0?t:void 0}var i={},o=!1;for(var n in r)if(r.hasOwnProperty(n)){var f=l(r[n]);void 0!==f&&(i[n]=f,o=!0)}return o?i:void 0}}function d(r){if(!r)return!0;var e=l(r);return!e||0===Object.keys(e).length}function p(r,e){if(r===e)return!0;try{var t=l(r),i=l(e);return t===i||!(!t||!i)&&JSON.stringify(t)===JSON.stringify(i)}catch(r){return console.error("Error comparing filter states:",r),!1}}function y(r,e){if("undefined"!=typeof window)try{var o=r||{},c=(o.filterLogic,t(o,n)),s=e||{},a=(s.filterLogic,p(c,t(s,f))),u=d(c);if(a||u)return void i.replaceDeletes("filter");var l={filter:JSON.stringify(c)};i.replacePatch(l)}catch(r){console.error("Error syncing filter state to URL:",r)}}function g(r){if("undefined"==typeof window)return r;try{var e=i.gets("filter");if(!e.filter)return r;var t=JSON.parse(e.filter);return d(t)?r:t}catch(e){return console.error("Error getting filter state from URL:",e),r}}var v=function(r){if("undefined"!=typeof window)try{if(!r)return void i.replaceDeletes("seed");i.replacePatch({seed:r})}catch(r){console.error("Error syncing seed to URL:",r)}},h=function(){if("undefined"!=typeof window)try{return i.gets("seed").seed}catch(r){return void console.error("Error getting seed from URL:",r)}},m=function(){if("undefined"!=typeof window)try{i.replaceDeletes("seed")}catch(r){console.error("Error removing seed from URL:",r)}};export{s as DEFAULT_LOGIC,c as DEFAULT_LOGIC_ROOT,g as getFilterFromURL,h as getSeedFromURL,d as isEmptyFilterState,p as isFilterStateEqual,u as mapSpecialLabel,a as mapSpecialTexts,l as removeNullValues,m as removeSeedFromURL,y as setFilterToURL,v as setSeedToURL};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../src/filter-bar/helpers.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { QueryParam } from '../utils/query-param'\r\nimport { KeySpecial, TFilterState } from './types'\r\n\r\nexport const mapSpecialTexts = {\r\n qsTooltip: 'Type to search — the suggestion list shows matching values and the current value.'\r\n}\r\n\r\nexport const mapSpecialLabel: Record<KeySpecial, string> = {\r\n [KeySpecial.quickSearch]: 'Quick Search',\r\n [KeySpecial.sortShuffle]: 'Shuffle Arrangement'\r\n}\r\n\r\nexport interface IFilterStateQueryParams {\r\n filter?: string\r\n}\r\n\r\n/** Remove null/undefined values from object recursively for accurate comparison. */\r\nexport function removeNullValues<T = any>(obj: T): T | undefined {\r\n if (obj === null || obj === undefined) {\r\n return undefined\r\n }\r\n\r\n if (typeof obj !== 'object') {\r\n return obj\r\n }\r\n\r\n if (Array.isArray(obj)) {\r\n const cleaned = obj.map(removeNullValues).filter((v) => v !== undefined)\r\n return cleaned.length > 0 ? (cleaned as any) : undefined\r\n }\r\n\r\n const cleaned: any = {}\r\n let hasValue = false\r\n\r\n for (const key in obj) {\r\n if (obj.hasOwnProperty(key)) {\r\n const value = removeNullValues(obj[key])\r\n if (value !== undefined) {\r\n cleaned[key] = value\r\n hasValue = true\r\n }\r\n }\r\n }\r\n\r\n return hasValue ? cleaned : undefined\r\n}\r\n\r\n/** Check if filter state is empty (no filters applied). Null/undefined values are ignored in this check. */\r\nexport function isEmptyFilterState<T>(state?: TFilterState<T>): boolean {\r\n if (!state) return true\r\n const cleaned = removeNullValues(state)\r\n return !cleaned || Object.keys(cleaned).length === 0\r\n}\r\n\r\n/** Deep comparison of two filter states to check if they are equal. */\r\nexport function isFilterStateEqual<T>(state1?: TFilterState<T>, state2?: TFilterState<T>): boolean {\r\n if (state1 === state2) return true\r\n\r\n try {\r\n // Remove null/undefined values before comparison\r\n const cleaned1 = removeNullValues(state1)\r\n const cleaned2 = removeNullValues(state2)\r\n\r\n if (cleaned1 === cleaned2) return true\r\n if (!cleaned1 || !cleaned2) return false\r\n\r\n return JSON.stringify(cleaned1) === JSON.stringify(cleaned2)\r\n } catch (error) {\r\n console.error('Error comparing filter states:', error)\r\n return false\r\n }\r\n}\r\n\r\n/**\r\n * Synchronize filter state to URL query parameters. If state equals defaultState, remove from URL to keep it clean.\r\n * @param state - Current filter state to sync\r\n * @param defaultState - Default filter state (if current equals this, don't save to URL)\r\n */\r\nexport function setFilterToURL<T>(state?: TFilterState<T>, defaultState?: TFilterState<T>) {\r\n // If window is undefined (e.g., during SSR), do nothing\r\n if (typeof window === 'undefined') return\r\n\r\n try {\r\n // Extract filterLogic to avoid including it in URL since it's not part of the actual filter criteria\r\n const { filterLogic: fl, ...st } = state || {}\r\n const { filterLogic: dfl, ...dst } = defaultState || {}\r\n\r\n const isEqualToDefault = isFilterStateEqual(st, dst)\r\n const isEmpty = isEmptyFilterState(st)\r\n // If state equals default or is empty, remove from URL\r\n if (isEqualToDefault || isEmpty) {\r\n QueryParam.replaceDeletes<IFilterStateQueryParams>('filter')\r\n return\r\n }\r\n\r\n // Serialize state to JSON and save to URL\r\n const updateParams: IFilterStateQueryParams = { filter: JSON.stringify(st) }\r\n\r\n QueryParam.replacePatch<IFilterStateQueryParams>(updateParams)\r\n } catch (error) {\r\n console.error('Error syncing filter state to URL:', error)\r\n }\r\n}\r\n\r\n/**\r\n * Retrieve filter state from URL query parameters.\r\n * @param defaultState - Default filter state to return if URL has no filter state\r\n * @returns Filter state from URL or defaultState\r\n */\r\nexport function getFilterFromURL<T>(defaultState?: TFilterState<T>): TFilterState<T> | undefined {\r\n // If window is undefined (e.g., during SSR), return defaultState\r\n if (typeof window === 'undefined') return defaultState\r\n\r\n try {\r\n const q = QueryParam.gets<IFilterStateQueryParams>('filter')\r\n\r\n if (!q.filter) return defaultState\r\n\r\n // Parse JSON from URL\r\n const state = JSON.parse(q.filter) as TFilterState<T>\r\n const isEmpty = isEmptyFilterState(state)\r\n return isEmpty ? defaultState : state\r\n } catch (error) {\r\n console.error('Error getting filter state from URL:', error)\r\n return defaultState\r\n }\r\n}\r\n\r\n/**\r\n * Set seed value to URL for shuffle sorting. If seed is undefined, remove from URL.\r\n * @param seed - Seed value for shuffle sorting\r\n */\r\nexport const setSeedToURL = (seed?: string) => {\r\n if (typeof window === 'undefined') return\r\n try {\r\n if (!seed) {\r\n QueryParam.replaceDeletes('seed')\r\n return\r\n }\r\n QueryParam.replacePatch({ seed })\r\n } catch (error) {\r\n console.error('Error syncing seed to URL:', error)\r\n }\r\n}\r\n\r\n/**\r\n * Get seed value from URL for shuffle sorting. Returns undefined if not set or on error.\r\n * @returns Seed value from URL or undefined\r\n */\r\nexport const getSeedFromURL = (): string | undefined => {\r\n if (typeof window === 'undefined') return undefined\r\n try {\r\n const q = QueryParam.gets<{ seed?: string }>('seed')\r\n return q.seed\r\n } catch (error) {\r\n console.error('Error getting seed from URL:', error)\r\n return undefined\r\n }\r\n}\r\n\r\n/**\r\n * Remove seed value from URL.\r\n */\r\nexport const removeSeedFromURL = () => {\r\n if (typeof window === 'undefined') return\r\n try {\r\n QueryParam.replaceDeletes('seed')\r\n } catch (error) {\r\n console.error('Error removing seed from URL:', error)\r\n }\r\n}\r\n"],"names":["mapSpecialTexts","qsTooltip","mapSpecialLabel","_defineProperty","KeySpecial","quickSearch","sortShuffle","removeNullValues","obj","_typeof","Array","isArray","cleaned","map","filter","v","undefined","length","hasValue","key","hasOwnProperty","value","isEmptyFilterState","state","Object","keys","isFilterStateEqual","state1","state2","cleaned1","cleaned2","JSON","stringify","error","console","setFilterToURL","defaultState","window","_ref","st","filterLogic","_objectWithoutProperties","_excluded","_ref2","isEqualToDefault","_excluded2","isEmpty","QueryParam","replaceDeletes","updateParams","replacePatch","getFilterFromURL","q","gets","parse","setSeedToURL","seed","getSeedFromURL","removeSeedFromURL"],"mappings":"2PAKaA,EAAkB,CAC7BC,UAAW,qFAGAC,EAAeC,EAAAA,KACzBC,EAAWC,YAAc,gBACzBD,EAAWE,YAAc,uBAQtB,SAAUC,EAA0BC,GACxC,GAAIA,QAAJ,CAIA,GAAmB,WAAfC,EAAOD,GACT,OAAOA,EAGT,GAAIE,MAAMC,QAAQH,GAAM,CACtB,IAAMI,EAAUJ,EAAIK,IAAIN,GAAkBO,OAAO,SAACC,GAAC,YAAWC,IAAND,IACxD,OAAOH,EAAQK,OAAS,EAAKL,OAAkBI,CAChD,CAED,IAAMJ,EAAe,CAAE,EACnBM,GAAW,EAEf,IAAK,IAAMC,KAAOX,EAChB,GAAIA,EAAIY,eAAeD,GAAM,CAC3B,IAAME,EAAQd,EAAiBC,EAAIW,SACrBH,IAAVK,IACFT,EAAQO,GAAOE,EACfH,GAAW,EAEd,CAGH,OAAOA,EAAWN,OAAUI,CAxB3B,CAyBH,CAGM,SAAUM,EAAsBC,GACpC,IAAKA,EAAO,OAAO,EACnB,IAAMX,EAAUL,EAAiBgB,GACjC,OAAQX,GAA2C,IAAhCY,OAAOC,KAAKb,GAASK,MAC1C,CAGgB,SAAAS,EAAsBC,EAA0BC,GAC9D,GAAID,IAAWC,EAAQ,OAAO,EAE9B,IAEE,IAAMC,EAAWtB,EAAiBoB,GAC5BG,EAAWvB,EAAiBqB,GAElC,OAAIC,IAAaC,MACZD,IAAaC,IAEXC,KAAKC,UAAUH,KAAcE,KAAKC,UAAUF,EACpD,CAAC,MAAOG,GAEP,OADAC,QAAQD,MAAM,iCAAkCA,IACzC,CACR,CACH,CAOgB,SAAAE,EAAkBZ,EAAyBa,GAEzD,GAAsB,oBAAXC,OAEX,IAEE,IAAAC,EAAmCf,GAAS,CAAE,EAAlBgB,GAALD,EAAfE,YAAsBC,EAAAH,EAAAI,IAC9BC,EAAqCP,GAAgB,CAAE,EAEjDQ,GAFkBD,EAAhBH,YAEiBd,EAAmBa,EAFZE,EAAAE,EAAAE,KAG1BC,EAAUxB,EAAmBiB,GAEnC,GAAIK,GAAoBE,EAEtB,YADAC,EAAWC,eAAwC,UAKrD,IAAMC,EAAwC,CAAEnC,OAAQiB,KAAKC,UAAUO,IAEvEQ,EAAWG,aAAsCD,EAClD,CAAC,MAAOhB,GACPC,QAAQD,MAAM,qCAAsCA,EACrD,CACH,CAOM,SAAUkB,EAAoBf,GAElC,GAAsB,oBAAXC,OAAwB,OAAOD,EAE1C,IACE,IAAMgB,EAAIL,EAAWM,KAA8B,UAEnD,IAAKD,EAAEtC,OAAQ,OAAOsB,EAGtB,IAAMb,EAAQQ,KAAKuB,MAAMF,EAAEtC,QAE3B,OADgBQ,EAAmBC,GAClBa,EAAeb,CACjC,CAAC,MAAOU,GAEP,OADAC,QAAQD,MAAM,uCAAwCA,GAC/CG,CACR,CACH,KAMamB,EAAe,SAACC,GAC3B,GAAsB,oBAAXnB,OACX,IACE,IAAKmB,EAEH,YADAT,EAAWC,eAAe,QAG5BD,EAAWG,aAAa,CAAEM,KAAAA,GAC3B,CAAC,MAAOvB,GACPC,QAAQD,MAAM,6BAA8BA,EAC7C,CACH,EAMawB,EAAiB,WAC5B,GAAsB,oBAAXpB,OACX,IAEE,OADUU,EAAWM,KAAwB,QACpCG,IACV,CAAC,MAAOvB,GAEP,YADAC,QAAQD,MAAM,+BAAgCA,EAE/C,CACH,EAKayB,EAAoB,WAC/B,GAAsB,oBAAXrB,OACX,IACEU,EAAWC,eAAe,OAC3B,CAAC,MAAOf,GACPC,QAAQD,MAAM,gCAAiCA,EAChD,CACH"}
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../src/filter-bar/helpers.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\nimport { QueryParam } from '../utils/query-param'\r\nimport { KeySpecial, TFilterState, TLogic } from './types'\r\n\r\nexport const DEFAULT_LOGIC_ROOT: TLogic = 'and'\r\nexport const DEFAULT_LOGIC: TLogic = 'or'\r\n\r\nexport const mapSpecialTexts = {\r\n qsTooltip: 'Type to search — the suggestion list shows matching values and the current value.'\r\n}\r\n\r\nexport const mapSpecialLabel: Record<KeySpecial, string> = {\r\n [KeySpecial.quickSearch]: 'Quick Search',\r\n [KeySpecial.sortShuffle]: 'Shuffle Arrangement'\r\n}\r\n\r\nexport interface IFilterStateQueryParams {\r\n filter?: string\r\n}\r\n\r\n/** Remove null/undefined values from object recursively for accurate comparison. */\r\nexport function removeNullValues<T = any>(obj: T): T | undefined {\r\n if (obj === null || obj === undefined) {\r\n return undefined\r\n }\r\n\r\n if (typeof obj !== 'object') {\r\n return obj\r\n }\r\n\r\n if (Array.isArray(obj)) {\r\n const cleaned = obj.map(removeNullValues).filter((v) => v !== undefined)\r\n return cleaned.length > 0 ? (cleaned as any) : undefined\r\n }\r\n\r\n const cleaned: any = {}\r\n let hasValue = false\r\n\r\n for (const key in obj) {\r\n if (obj.hasOwnProperty(key)) {\r\n const value = removeNullValues(obj[key])\r\n if (value !== undefined) {\r\n cleaned[key] = value\r\n hasValue = true\r\n }\r\n }\r\n }\r\n\r\n return hasValue ? cleaned : undefined\r\n}\r\n\r\n/** Check if filter state is empty (no filters applied). Null/undefined values are ignored in this check. */\r\nexport function isEmptyFilterState<T>(state?: TFilterState<T>): boolean {\r\n if (!state) return true\r\n const cleaned = removeNullValues(state)\r\n return !cleaned || Object.keys(cleaned).length === 0\r\n}\r\n\r\n/** Deep comparison of two filter states to check if they are equal. */\r\nexport function isFilterStateEqual<T>(state1?: TFilterState<T>, state2?: TFilterState<T>): boolean {\r\n if (state1 === state2) return true\r\n\r\n try {\r\n // Remove null/undefined values before comparison\r\n const cleaned1 = removeNullValues(state1)\r\n const cleaned2 = removeNullValues(state2)\r\n\r\n if (cleaned1 === cleaned2) return true\r\n if (!cleaned1 || !cleaned2) return false\r\n\r\n return JSON.stringify(cleaned1) === JSON.stringify(cleaned2)\r\n } catch (error) {\r\n console.error('Error comparing filter states:', error)\r\n return false\r\n }\r\n}\r\n\r\n/**\r\n * Synchronize filter state to URL query parameters. If state equals defaultState, remove from URL to keep it clean.\r\n * @param state - Current filter state to sync\r\n * @param defaultState - Default filter state (if current equals this, don't save to URL)\r\n */\r\nexport function setFilterToURL<T>(state?: TFilterState<T>, defaultState?: TFilterState<T>) {\r\n // If window is undefined (e.g., during SSR), do nothing\r\n if (typeof window === 'undefined') return\r\n\r\n try {\r\n // Extract filterLogic to avoid including it in URL since it's not part of the actual filter criteria\r\n const { filterLogic: fl, ...st } = state || {}\r\n const { filterLogic: dfl, ...dst } = defaultState || {}\r\n\r\n const isEqualToDefault = isFilterStateEqual(st, dst)\r\n const isEmpty = isEmptyFilterState(st)\r\n // If state equals default or is empty, remove from URL\r\n if (isEqualToDefault || isEmpty) {\r\n QueryParam.replaceDeletes<IFilterStateQueryParams>('filter')\r\n return\r\n }\r\n\r\n // Serialize state to JSON and save to URL\r\n const updateParams: IFilterStateQueryParams = { filter: JSON.stringify(st) }\r\n\r\n QueryParam.replacePatch<IFilterStateQueryParams>(updateParams)\r\n } catch (error) {\r\n console.error('Error syncing filter state to URL:', error)\r\n }\r\n}\r\n\r\n/**\r\n * Retrieve filter state from URL query parameters.\r\n * @param defaultState - Default filter state to return if URL has no filter state\r\n * @returns Filter state from URL or defaultState\r\n */\r\nexport function getFilterFromURL<T>(defaultState?: TFilterState<T>): TFilterState<T> | undefined {\r\n // If window is undefined (e.g., during SSR), return defaultState\r\n if (typeof window === 'undefined') return defaultState\r\n\r\n try {\r\n const q = QueryParam.gets<IFilterStateQueryParams>('filter')\r\n\r\n if (!q.filter) return defaultState\r\n\r\n // Parse JSON from URL\r\n const state = JSON.parse(q.filter) as TFilterState<T>\r\n const isEmpty = isEmptyFilterState(state)\r\n return isEmpty ? defaultState : state\r\n } catch (error) {\r\n console.error('Error getting filter state from URL:', error)\r\n return defaultState\r\n }\r\n}\r\n\r\n/**\r\n * Set seed value to URL for shuffle sorting. If seed is undefined, remove from URL.\r\n * @param seed - Seed value for shuffle sorting\r\n */\r\nexport const setSeedToURL = (seed?: string) => {\r\n if (typeof window === 'undefined') return\r\n try {\r\n if (!seed) {\r\n QueryParam.replaceDeletes('seed')\r\n return\r\n }\r\n QueryParam.replacePatch({ seed })\r\n } catch (error) {\r\n console.error('Error syncing seed to URL:', error)\r\n }\r\n}\r\n\r\n/**\r\n * Get seed value from URL for shuffle sorting. Returns undefined if not set or on error.\r\n * @returns Seed value from URL or undefined\r\n */\r\nexport const getSeedFromURL = (): string | undefined => {\r\n if (typeof window === 'undefined') return undefined\r\n try {\r\n const q = QueryParam.gets<{ seed?: string }>('seed')\r\n return q.seed\r\n } catch (error) {\r\n console.error('Error getting seed from URL:', error)\r\n return undefined\r\n }\r\n}\r\n\r\n/**\r\n * Remove seed value from URL.\r\n */\r\nexport const removeSeedFromURL = () => {\r\n if (typeof window === 'undefined') return\r\n try {\r\n QueryParam.replaceDeletes('seed')\r\n } catch (error) {\r\n console.error('Error removing seed from URL:', error)\r\n }\r\n}\r\n"],"names":["DEFAULT_LOGIC_ROOT","DEFAULT_LOGIC","mapSpecialTexts","qsTooltip","mapSpecialLabel","_defineProperty","KeySpecial","quickSearch","sortShuffle","removeNullValues","obj","_typeof","Array","isArray","cleaned","map","filter","v","undefined","length","hasValue","key","hasOwnProperty","value","isEmptyFilterState","state","Object","keys","isFilterStateEqual","state1","state2","cleaned1","cleaned2","JSON","stringify","error","console","setFilterToURL","defaultState","window","_ref","st","filterLogic","_objectWithoutProperties","_excluded","_ref2","isEqualToDefault","_excluded2","isEmpty","QueryParam","replaceDeletes","updateParams","replacePatch","getFilterFromURL","q","gets","parse","setSeedToURL","seed","getSeedFromURL","removeSeedFromURL"],"mappings":"2PAKaA,EAA6B,MAC7BC,EAAwB,KAExBC,EAAkB,CAC7BC,UAAW,qFAGAC,EAAeC,EAAAA,KACzBC,EAAWC,YAAc,gBACzBD,EAAWE,YAAc,uBAQtB,SAAUC,EAA0BC,GACxC,GAAIA,QAAJ,CAIA,GAAmB,WAAfC,EAAOD,GACT,OAAOA,EAGT,GAAIE,MAAMC,QAAQH,GAAM,CACtB,IAAMI,EAAUJ,EAAIK,IAAIN,GAAkBO,OAAO,SAACC,GAAC,YAAWC,IAAND,IACxD,OAAOH,EAAQK,OAAS,EAAKL,OAAkBI,CAChD,CAED,IAAMJ,EAAe,CAAE,EACnBM,GAAW,EAEf,IAAK,IAAMC,KAAOX,EAChB,GAAIA,EAAIY,eAAeD,GAAM,CAC3B,IAAME,EAAQd,EAAiBC,EAAIW,SACrBH,IAAVK,IACFT,EAAQO,GAAOE,EACfH,GAAW,EAEd,CAGH,OAAOA,EAAWN,OAAUI,CAxB3B,CAyBH,CAGM,SAAUM,EAAsBC,GACpC,IAAKA,EAAO,OAAO,EACnB,IAAMX,EAAUL,EAAiBgB,GACjC,OAAQX,GAA2C,IAAhCY,OAAOC,KAAKb,GAASK,MAC1C,CAGgB,SAAAS,EAAsBC,EAA0BC,GAC9D,GAAID,IAAWC,EAAQ,OAAO,EAE9B,IAEE,IAAMC,EAAWtB,EAAiBoB,GAC5BG,EAAWvB,EAAiBqB,GAElC,OAAIC,IAAaC,MACZD,IAAaC,IAEXC,KAAKC,UAAUH,KAAcE,KAAKC,UAAUF,EACpD,CAAC,MAAOG,GAEP,OADAC,QAAQD,MAAM,iCAAkCA,IACzC,CACR,CACH,CAOgB,SAAAE,EAAkBZ,EAAyBa,GAEzD,GAAsB,oBAAXC,OAEX,IAEE,IAAAC,EAAmCf,GAAS,CAAE,EAAlBgB,GAALD,EAAfE,YAAsBC,EAAAH,EAAAI,IAC9BC,EAAqCP,GAAgB,CAAE,EAEjDQ,GAFkBD,EAAhBH,YAEiBd,EAAmBa,EAFZE,EAAAE,EAAAE,KAG1BC,EAAUxB,EAAmBiB,GAEnC,GAAIK,GAAoBE,EAEtB,YADAC,EAAWC,eAAwC,UAKrD,IAAMC,EAAwC,CAAEnC,OAAQiB,KAAKC,UAAUO,IAEvEQ,EAAWG,aAAsCD,EAClD,CAAC,MAAOhB,GACPC,QAAQD,MAAM,qCAAsCA,EACrD,CACH,CAOM,SAAUkB,EAAoBf,GAElC,GAAsB,oBAAXC,OAAwB,OAAOD,EAE1C,IACE,IAAMgB,EAAIL,EAAWM,KAA8B,UAEnD,IAAKD,EAAEtC,OAAQ,OAAOsB,EAGtB,IAAMb,EAAQQ,KAAKuB,MAAMF,EAAEtC,QAE3B,OADgBQ,EAAmBC,GAClBa,EAAeb,CACjC,CAAC,MAAOU,GAEP,OADAC,QAAQD,MAAM,uCAAwCA,GAC/CG,CACR,CACH,KAMamB,EAAe,SAACC,GAC3B,GAAsB,oBAAXnB,OACX,IACE,IAAKmB,EAEH,YADAT,EAAWC,eAAe,QAG5BD,EAAWG,aAAa,CAAEM,KAAAA,GAC3B,CAAC,MAAOvB,GACPC,QAAQD,MAAM,6BAA8BA,EAC7C,CACH,EAMawB,EAAiB,WAC5B,GAAsB,oBAAXpB,OACX,IAEE,OADUU,EAAWM,KAAwB,QACpCG,IACV,CAAC,MAAOvB,GAEP,YADAC,QAAQD,MAAM,+BAAgCA,EAE/C,CACH,EAKayB,EAAoB,WAC/B,GAAsB,oBAAXrB,OACX,IACEU,EAAWC,eAAe,OAC3B,CAAC,MAAOf,GACPC,QAAQD,MAAM,gCAAiCA,EAChD,CACH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as t,defineProperty as e,toConsumableArray as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as i}from"./types.js";var l=function(t,e,r){if(!t)return!1;var i=t[e];if(!i)return!1;var l=r.logic!==i.logic,o=new Set(i.values.map(function(t){return JSON.stringify(t)}).filter(Boolean));return r.values.some(function(t){return o.has(JSON.stringify(t))})&&!l},
|
|
1
|
+
import{objectSpread2 as t,defineProperty as e,toConsumableArray as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{KeySpecial as i}from"./types.js";import{DEFAULT_LOGIC as l}from"./helpers.js";var o=function(t,e){return e&&e!==l?t.logic=e:delete t.logic,t},n=function(t,e,r){if(!t)return!1;var i=t[e];if(!i)return!1;var l=r.logic!==i.logic,o=new Set(i.values.map(function(t){return JSON.stringify(t)}).filter(Boolean));return r.values.some(function(t){return o.has(JSON.stringify(t))})&&!l},a=function(t,i,l){var n=null==t?void 0:t[i],a={values:Array.from(new Set([].concat(r((null==n?void 0:n.values)||[]),r(l.values)).filter(function(t){return null!=t})))};return o(a,l.logic||(null==n?void 0:n.logic)),Object.assign({},t,e({},i,a))},s=function(i,l,o){var n=null==i?void 0:i[l],a=(null==n?void 0:n.values)||[];if(a.some(function(t){return JSON.stringify(t)===JSON.stringify(o)}))return null!=i?i:{};var s=t(t({},n),{},{values:[].concat(r(a),[o]).filter(function(t){return null!=t})});return Object.assign({},i,e({},l,s))},u=function(r){return{addFilter:function(e,i,l){var s=r.filterState.storeFilter,u=o(t({},i),(null==l?void 0:l.logic)||i.logic);if(!n(s,e,u)){var f=a(s,e,u),c=Object.assign({},s,f);r.setFilterState(t(t({},r.filterState),{},{storeFilter:c}))}},replaceFilter:function(i,l,n){var a=o(t({},l),(null==n?void 0:n.logic)||l.logic),s=Object.assign({},r.filterState.storeFilter,e({},i,a));r.setFilterState(t(t({},r.filterState),{},{storeFilter:s}))},upsertManyFilter:function(e,i,l){if(0!==i.values.length){var s=Object.assign({},r.filterState.storeFilter);i.values.forEach(function(t){var r=o({values:[t]},(null==l?void 0:l.logic)||i.logic);n(s,e,r)||(s=a(s,e,r))}),r.setFilterState(t(t({},r.filterState),{},{storeFilter:s}))}},removeFilter:function(e){var i=Object.assign({},r.filterState.storeFilter);i[e]&&delete i[e],r.setFilterState(t(t({},r.filterState),{},{storeFilter:i}))},removeFilterByFieldValue:function(e,i){var l=Object.assign({},r.filterState.storeFilter),o=l[e];o&&(l[e]=t(t({},o),{},{values:o.values.filter(function(t){return t.toString()!==i.toString()})}),l[e]&&0===l[e].values.length&&delete l[e],r.setFilterState(t(t({},r.filterState),{},{storeFilter:l})))},clearAllFilters:function(){r.setFilterState(t(t({},r.filterState),{},{storeFilter:{}}))},getFieldInfo:function(t){var e;return null===(e=r.filterState.storeFilter)||void 0===e?void 0:e[t]},getTotalCount:function(){var t=r.filterState.storeFilter;return t?Object.keys(t).reduce(function(e,r){var i=t[r];return e+(i?i.values.length:0)},0):0},hasSortByField:function(t){var e=r.filterState.storeSort;return(null==e?void 0:e.field)===t},getSort:function(){return r.filterState.storeSort},changeSort:function(e){var l,o=r.filterState.storeSort,n=null===(l=r.defaultFilterState)||void 0===l?void 0:l.storeSort,a=e===i.sortShuffle,s=(null==o?void 0:o.field)===e;if(a){var u=void 0;return s||(u={field:e}),void r.setFilterState(t(t({},r.filterState),{},{storeSort:u}))}var f="desc";s?f="desc"===o.direction?"asc":"desc":o||(null==n?void 0:n.field)!==e||(f="desc"===n.direction?"asc":"desc"),r.setFilterState(t(t({},r.filterState),{},{storeSort:{field:e,direction:f}}))},removeSort:function(){var e,i=null===(e=r.defaultFilterState)||void 0===e?void 0:e.storeSort;r.setFilterState(t(t({},r.filterState),{},{storeSort:i}))}}};export{s as mergeSingleValueToStoreFilter,a as mergeValueToStoreFilter,u as useFilterActions};
|
|
2
2
|
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../src/filter-bar/hooks.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// types\r\nimport { KeySpecial } from './types'\r\nimport type { IFilterBarContext } from './index.context'\r\nimport type { TFieldSort, TFieldStore, TFieldType, TFieldValid, TFieldValue, TLogic } from './types'\r\n\r\ntype TOptions = {\r\n logic?: TLogic\r\n}\r\n\r\n/**\r\n * Check if a given filter value already exists in the store for a specific field.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to check for duplicate values.\r\n * @param value - The filter value to check for duplicates.\r\n * @returns True if a duplicate value exists, false otherwise.\r\n */\r\nconst checkDuplicateValue = <T>(storeFilter: TFieldStore<T> | undefined, field: keyof TFieldStore<T>, value: TFieldValue): boolean => {\r\n // If there is no filter store or no filter values for the field, there can be no duplicates\r\n if (!storeFilter) return false\r\n const fieldValue = storeFilter[field]\r\n // If there are no filter values for the field, there can be no duplicates\r\n if (!fieldValue) return false\r\n const isLogicChange = value.logic !== fieldValue.logic\r\n // Create a set of existing values for the field to efficiently check for duplicates\r\n const fieldSet = new Set(fieldValue.values.map((v) => JSON.stringify(v)).filter(Boolean))\r\n return value.values.some((v) => fieldSet.has(JSON.stringify(v))) && !isLogicChange\r\n}\r\n/**\r\n * Merge a filter value into the store for a specific field.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to merge the value into.\r\n * @param value - The filter value to merge.\r\n * @returns The updated filter store.\r\n */\r\nexport const mergeValueToStoreFilter = <T>(storeFilter: TFieldStore<T> | undefined, field: keyof TFieldStore<T>, value: TFieldValue): TFieldStore<T> => {\r\n const fieldValue: TFieldValue | undefined = storeFilter?.[field]\r\n const values = Array.from(new Set([...(fieldValue?.values || []), ...value.values].filter((v) => v !== null && v !== undefined)))\r\n const newData: TFieldValue = { values, logic: value.logic || fieldValue?.logic }\r\n return Object.assign({}, storeFilter, { [field]: newData }) as TFieldStore<T>\r\n}\r\n\r\n/**\r\n * Merge a single filter value into the store for a specific field, ensuring no duplicates are added.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to merge the value into.\r\n * @param value - The single filter value to merge.\r\n * @returns The updated filter store with the new value merged in, or the original store if the value is a duplicate.\r\n */\r\nexport const mergeSingleValueToStoreFilter = <T>(storeFilter: TFieldStore<T> | undefined, field: keyof TFieldStore<T>, value: TFieldValid): TFieldStore<T> => {\r\n const fieldValue: TFieldValue | undefined = storeFilter?.[field]\r\n const existingValues = fieldValue?.values || []\r\n const isDuplicate = existingValues.some((v) => JSON.stringify(v) === JSON.stringify(value))\r\n if (isDuplicate) return storeFilter ?? ({} as TFieldStore<T>)\r\n const newData: TFieldValue = { ...fieldValue, values: [...existingValues, value].filter((v) => v !== null && v !== undefined) }\r\n return Object.assign({}, storeFilter, { [field]: newData }) as TFieldStore<T>\r\n}\r\n\r\nexport const useFilterActions = <T>(context: IFilterBarContext<T>) => {\r\n /**\r\n * Add a filter value to the store for a specific field.\r\n * @param field - The field to add the filter value to.\r\n * @param value - The filter value to add.\r\n * @returns void\r\n */\r\n const addFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n // Check for duplicate value before adding\r\n const { storeFilter } = context.filterState\r\n const valueObj: TFieldValue = { ...value, logic: options?.logic || value.logic }\r\n // If the value already exists in the store for the field, do not add it again\r\n if (checkDuplicateValue(storeFilter, field, valueObj)) return\r\n // Merge the new value into the store filter for the field\r\n const newData = mergeValueToStoreFilter(storeFilter, field, valueObj)\r\n const newStoreFilter = Object.assign({}, storeFilter, newData)\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n /**\r\n * Replace all filter values for a specific field in the store with a new value.\r\n * Value will be replaced instead of merged, which is useful for single-value filters or when you want to reset the filter values for a field.\r\n * @param field - The field to update the filter value for.\r\n * @param value - The new filter value to set.\r\n */\r\n const replaceFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n const valueObj: TFieldValue = { ...value, logic: options?.logic || value.logic }\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter, { [field]: valueObj })\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter as TFieldStore<T> })\r\n }\r\n /**\r\n * Add multiple filter values to the store for a specific field, ensuring no duplicates are added.\r\n * @param field - The field to add the filter values to.\r\n * @param values - The filter values to add.\r\n * @returns void\r\n */\r\n const upsertManyFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n // If there are no values to add, return early\r\n if (value.values.length === 0) return\r\n let newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n // Iterate through each value and add it to the store filter for the field, checking for duplicates\r\n value.values.forEach((val) => {\r\n const valueObj: TFieldValue = { values: [val], logic: options?.logic || value.logic }\r\n if (checkDuplicateValue(newStoreFilter, field, valueObj)) return\r\n newStoreFilter = mergeValueToStoreFilter(newStoreFilter, field, valueObj)\r\n })\r\n // Update the filter state with the new store filter after adding all values\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n /**\r\n * Remove all filter values for a specific field from the store.\r\n * @param field - The field to remove filters from.\r\n * @returns void\r\n */\r\n const removeFilter = (field: TFieldType<T>) => {\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n if (newStoreFilter[field]) delete newStoreFilter[field]\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n\r\n const removeFilterByFieldValue = (field: TFieldType<T>, value: TFieldValid) => {\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n const fieldVal: TFieldValue | undefined = newStoreFilter[field]\r\n if (!fieldVal) return\r\n newStoreFilter[field] = { ...fieldVal, values: fieldVal.values.filter((v) => v.toString() !== value.toString()) }\r\n if (newStoreFilter[field] && newStoreFilter[field]!.values.length === 0) {\r\n delete newStoreFilter[field]\r\n }\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n\r\n const clearAllFilters = () => {\r\n context.setFilterState({ ...context.filterState, storeFilter: {} as TFieldStore<T> })\r\n }\r\n\r\n const getFieldInfo = (field: TFieldType<T>): TFieldValue | undefined => {\r\n const fieldVal = context.filterState.storeFilter?.[field]\r\n return fieldVal\r\n }\r\n\r\n const getTotalCount = (): number => {\r\n const storeFilter = context.filterState.storeFilter\r\n if (!storeFilter) return 0\r\n const keys = Object.keys(storeFilter) as (keyof TFieldStore<T>)[]\r\n return keys.reduce((acc, key) => {\r\n const fieldVal = storeFilter[key]\r\n return acc + (fieldVal ? fieldVal.values.length : 0)\r\n }, 0)\r\n }\r\n\r\n const hasSortByField = (field: TFieldType<T>): boolean => {\r\n const sort = context.filterState.storeSort\r\n return sort?.field === field\r\n }\r\n\r\n const getSort = (): TFieldSort<T> | undefined => {\r\n return context.filterState.storeSort\r\n }\r\n\r\n const changeSort = (field: TFieldType<T>) => {\r\n const currentSort = context.filterState.storeSort\r\n const defaultSort = context.defaultFilterState?.storeSort\r\n const isShuffle = field === KeySpecial.sortShuffle\r\n const isEqualField = currentSort?.field === field\r\n if (isShuffle) {\r\n // if current sort is shuffle and user click shuffle again, we remove the sort completely\r\n let newValue: TFieldSort<T> | undefined = undefined\r\n if (!isEqualField) newValue = { field }\r\n context.setFilterState({ ...context.filterState, storeSort: newValue })\r\n return\r\n }\r\n let newDirection: 'asc' | 'desc' = 'desc'\r\n // If current field equals the clicked field, toggle direction\r\n if (isEqualField) {\r\n newDirection = currentSort.direction === 'desc' ? 'asc' : 'desc'\r\n }\r\n // If no current sort but field equals default sort field, toggle from default direction\r\n else if (!currentSort && defaultSort?.field === field) {\r\n newDirection = defaultSort.direction === 'desc' ? 'asc' : 'desc'\r\n }\r\n context.setFilterState({ ...context.filterState, storeSort: { field, direction: newDirection } })\r\n }\r\n\r\n const removeSort = () => {\r\n const defaultSort = context.defaultFilterState?.storeSort\r\n context.setFilterState({ ...context.filterState, storeSort: defaultSort })\r\n }\r\n\r\n return {\r\n addFilter,\r\n replaceFilter,\r\n upsertManyFilter,\r\n removeFilter,\r\n removeFilterByFieldValue,\r\n clearAllFilters,\r\n getFieldInfo,\r\n getTotalCount,\r\n hasSortByField,\r\n getSort,\r\n changeSort,\r\n removeSort\r\n }\r\n}\r\n"],"names":["checkDuplicateValue","storeFilter","field","value","fieldValue","isLogicChange","logic","fieldSet","Set","values","map","v","JSON","stringify","filter","Boolean","some","has","mergeValueToStoreFilter","newData","Array","from","concat","_toConsumableArray","Object","assign","_defineProperty","mergeSingleValueToStoreFilter","existingValues","_objectSpread","useFilterActions","context","addFilter","options","filterState","valueObj","newStoreFilter","setFilterState","replaceFilter","upsertManyFilter","length","forEach","val","removeFilter","removeFilterByFieldValue","fieldVal","toString","clearAllFilters","getFieldInfo","_context$filterState$","getTotalCount","keys","reduce","acc","key","hasSortByField","sort","storeSort","getSort","changeSort","_context$defaultFilte","currentSort","defaultSort","defaultFilterState","isShuffle","KeySpecial","sortShuffle","isEqualField","newValue","undefined","newDirection","direction","removeSort","_context$defaultFilte2"],"mappings":"+JAkBA,IAAMA,EAAsB,SAAIC,EAAyCC,EAA6BC,GAEpG,IAAKF,EAAa,OAAO,EACzB,IAAMG,EAAaH,EAAYC,GAE/B,IAAKE,EAAY,OAAO,EACxB,IAAMC,EAAgBF,EAAMG,QAAUF,EAAWE,MAE3CC,EAAW,IAAIC,IAAIJ,EAAWK,OAAOC,IAAI,SAACC,GAAC,OAAKC,KAAKC,UAAUF,EAAE,GAAEG,OAAOC,UAChF,OAAOZ,EAAMM,OAAOO,KAAK,SAACL,GAAC,OAAKJ,EAASU,IAAIL,KAAKC,UAAUF,GAAI,KAAKN,CACvE,EAQaa,EAA0B,SAAIjB,EAAyCC,EAA6BC,GAC/G,IAAMC,EAAsCH,aAAAA,EAAAA,EAAcC,GAEpDiB,EAAuB,CAAEV,OADhBW,MAAMC,KAAK,IAAIb,IAAI,GAAAc,OAAAC,GAAKnB,aAAU,EAAVA,EAAYK,SAAU,IAAEc,EAAMpB,EAAMM,SAAQK,OAAO,SAACH,GAAC,OAAKA,OAA6B,KACvFL,MAAOH,EAAMG,QAASF,aAAU,EAAVA,EAAYE,QACzE,OAAOkB,OAAOC,OAAO,GAAIxB,EAAWyB,EAAKxB,CAAAA,EAAAA,EAAQiB,GACnD,EASaQ,EAAgC,SAAI1B,EAAyCC,EAA6BC,GACrH,IAAMC,EAAsCH,aAAAA,EAAAA,EAAcC,GACpD0B,GAAiBxB,aAAU,EAAVA,EAAYK,SAAU,GAE7C,GADoBmB,EAAeZ,KAAK,SAACL,GAAC,OAAKC,KAAKC,UAAUF,KAAOC,KAAKC,UAAUV,KACnE,OAAOF,QAAAA,EAAgB,CAAqB,EAC7D,IAAMkB,EAAOU,EAAAA,KAAqBzB,GAAU,GAAA,CAAEK,OAAQ,GAAAa,OAAAC,EAAIK,GAAc,CAAEzB,IAAOW,OAAO,SAACH,GAAC,OAAKA,OAA6B,KAC5H,OAAOa,OAAOC,OAAO,GAAIxB,EAAWyB,EAAKxB,CAAAA,EAAAA,EAAQiB,GACnD,EAEaW,EAAmB,SAAIC,GA+HlC,MAAO,CACLC,UAzHgB,SAAC9B,EAA6BC,EAAoB8B,GAElE,IAAQhC,EAAgB8B,EAAQG,YAAxBjC,YACFkC,EAAQN,EAAAA,KAAqB1B,GAAK,GAAA,CAAEG,OAAO2B,aAAAA,EAAAA,EAAS3B,QAASH,EAAMG,QAEzE,IAAIN,EAAoBC,EAAaC,EAAOiC,GAA5C,CAEA,IAAMhB,EAAUD,EAAwBjB,EAAaC,EAAOiC,GACtDC,EAAiBZ,OAAOC,OAAO,CAAA,EAAIxB,EAAakB,GACtDY,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAamC,IAJP,CAKxD,EAgHCE,cAzGoB,SAACpC,EAA6BC,EAAoB8B,GACtE,IAAME,EAAQN,EAAAA,KAAqB1B,GAAK,GAAA,CAAEG,OAAO2B,aAAAA,EAAAA,EAAS3B,QAASH,EAAMG,QACnE8B,EAAiBZ,OAAOC,OAAO,CAAE,EAAEM,EAAQG,YAAYjC,YAAWyB,KAAKxB,EAAQiC,IACrFJ,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAamC,IAC/D,EAsGCG,iBA/FuB,SAACrC,EAA6BC,EAAoB8B,GAEzE,GAA4B,IAAxB9B,EAAMM,OAAO+B,OAAjB,CACA,IAAIJ,EAAiBZ,OAAOC,OAAO,CAAE,EAAEM,EAAQG,YAAYjC,aAE3DE,EAAMM,OAAOgC,QAAQ,SAACC,GACpB,IAAMP,EAAwB,CAAE1B,OAAQ,CAACiC,GAAMpC,OAAO2B,aAAAA,EAAAA,EAAS3B,QAASH,EAAMG,OAC1EN,EAAoBoC,EAAgBlC,EAAOiC,KAC/CC,EAAiBlB,EAAwBkB,EAAgBlC,EAAOiC,GAClE,GAEAJ,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAamC,IAT/B,CAUhC,EAoFCO,aA9EmB,SAACzC,GACpB,IAAMkC,EAAiBZ,OAAOC,OAAO,CAAE,EAAEM,EAAQG,YAAYjC,aACzDmC,EAAelC,WAAekC,EAAelC,GACjD6B,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAamC,IAC/D,EA2ECQ,yBAzE+B,SAAC1C,EAAsBC,GACtD,IAAMiC,EAAiBZ,OAAOC,OAAO,CAAE,EAAEM,EAAQG,YAAYjC,aACvD4C,EAAoCT,EAAelC,GACpD2C,IACLT,EAAelC,GAAM2B,EAAAA,KAAQgB,GAAQ,GAAA,CAAEpC,OAAQoC,EAASpC,OAAOK,OAAO,SAACH,GAAC,OAAKA,EAAEmC,aAAe3C,EAAM2C,UAAU,KAC1GV,EAAelC,IAAmD,IAAzCkC,EAAelC,GAAQO,OAAO+B,eAClDJ,EAAelC,GAExB6B,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAamC,KAC/D,EAiECW,gBA/DsB,WACtBhB,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEjC,YAAa,CAAA,IAC/D,EA8DC+C,aA5DmB,SAAC9C,GAAiD,IAAA+C,EAErE,eADcA,EAAGlB,EAAQG,YAAYjC,mBAAW,IAAAgD,OAAA,EAA/BA,EAAkC/C,EAEpD,EA0DCgD,cAxDoB,WACpB,IAAMjD,EAAc8B,EAAQG,YAAYjC,YACxC,OAAKA,EACQuB,OAAO2B,KAAKlD,GACbmD,OAAO,SAACC,EAAKC,GACvB,IAAMT,EAAW5C,EAAYqD,GAC7B,OAAOD,GAAOR,EAAWA,EAASpC,OAAO+B,OAAS,EACnD,EAAE,GALsB,CAM1B,EAiDCe,eA/CqB,SAACrD,GACtB,IAAMsD,EAAOzB,EAAQG,YAAYuB,UACjC,OAAOD,eAAAA,EAAMtD,SAAUA,CACxB,EA6CCwD,QA3Cc,WACd,OAAO3B,EAAQG,YAAYuB,SAC5B,EA0CCE,WAxCiB,SAACzD,GAAwB,IAAA0D,EACpCC,EAAc9B,EAAQG,YAAYuB,UAClCK,EAAwC,QAA7BF,EAAG7B,EAAQgC,0BAAkB,IAAAH,OAAA,EAA1BA,EAA4BH,UAC1CO,EAAY9D,IAAU+D,EAAWC,YACjCC,GAAeN,aAAW,EAAXA,EAAa3D,SAAUA,EAC5C,GAAI8D,EAAW,CAEb,IAAII,OAAsCC,EAG1C,OAFKF,IAAcC,EAAW,CAAElE,MAAAA,SAChC6B,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEuB,UAAWW,IAE7D,CACD,IAAIE,EAA+B,OAE/BH,EACFG,EAAyC,SAA1BT,EAAYU,UAAuB,MAAQ,OAGlDV,IAAeC,aAAW,EAAXA,EAAa5D,SAAUA,IAC9CoE,EAAyC,SAA1BR,EAAYS,UAAuB,MAAQ,QAE5DxC,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEuB,UAAW,CAAEvD,MAAAA,EAAOqE,UAAWD,KACjF,EAmBCE,WAjBiB,WAAK,IAAAC,EAChBX,EAAwC,QAA7BW,EAAG1C,EAAQgC,0BAAkB,IAAAU,OAAA,EAA1BA,EAA4BhB,UAChD1B,EAAQM,eAAcR,EAAAA,EAAA,CAAA,EAAME,EAAQG,aAAW,GAAA,CAAEuB,UAAWK,IAC7D,EAgBH"}
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../../src/filter-bar/hooks.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// types\r\nimport { KeySpecial } from './types'\r\nimport { DEFAULT_LOGIC } from './helpers'\r\nimport type { IFilterBarContext } from './index.context'\r\nimport type { TFieldSort, TFieldStore, TFieldType, TFieldValid, TFieldValue, TLogic } from './types'\r\n\r\n/** Strip logic key when it equals the default — keeps the store clean. */\r\nconst cleanLogic = (obj: TFieldValue, logic?: TLogic): TFieldValue => {\r\n if (logic && logic !== DEFAULT_LOGIC) obj.logic = logic\r\n else delete obj.logic\r\n return obj\r\n}\r\n\r\ntype TOptions = {\r\n logic?: TLogic\r\n}\r\n\r\n/**\r\n * Check if a given filter value already exists in the store for a specific field.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to check for duplicate values.\r\n * @param value - The filter value to check for duplicates.\r\n * @returns True if a duplicate value exists, false otherwise.\r\n */\r\nconst checkDuplicateValue = <T>(storeFilter: TFieldStore<T> | undefined, field: keyof TFieldStore<T>, value: TFieldValue): boolean => {\r\n // If there is no filter store or no filter values for the field, there can be no duplicates\r\n if (!storeFilter) return false\r\n const fieldValue = storeFilter[field]\r\n // If there are no filter values for the field, there can be no duplicates\r\n if (!fieldValue) return false\r\n const isLogicChange = value.logic !== fieldValue.logic\r\n // Create a set of existing values for the field to efficiently check for duplicates\r\n const fieldSet = new Set(fieldValue.values.map((v) => JSON.stringify(v)).filter(Boolean))\r\n return value.values.some((v) => fieldSet.has(JSON.stringify(v))) && !isLogicChange\r\n}\r\n/**\r\n * Merge a filter value into the store for a specific field.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to merge the value into.\r\n * @param value - The filter value to merge.\r\n * @returns The updated filter store.\r\n */\r\nexport const mergeValueToStoreFilter = <T>(\r\n storeFilter: TFieldStore<T> | undefined,\r\n field: keyof TFieldStore<T>,\r\n value: TFieldValue\r\n): TFieldStore<T> => {\r\n const fieldValue: TFieldValue | undefined = storeFilter?.[field]\r\n const values = Array.from(new Set([...(fieldValue?.values || []), ...value.values].filter((v) => v !== null && v !== undefined)))\r\n const newData: TFieldValue = { values }\r\n cleanLogic(newData, value.logic || fieldValue?.logic)\r\n return Object.assign({}, storeFilter, { [field]: newData }) as TFieldStore<T>\r\n}\r\n\r\n/**\r\n * Merge a single filter value into the store for a specific field, ensuring no duplicates are added.\r\n * @param storeFilter - The current filter store.\r\n * @param field - The field to merge the value into.\r\n * @param value - The single filter value to merge.\r\n * @returns The updated filter store with the new value merged in, or the original store if the value is a duplicate.\r\n */\r\nexport const mergeSingleValueToStoreFilter = <T>(\r\n storeFilter: TFieldStore<T> | undefined,\r\n field: keyof TFieldStore<T>,\r\n value: TFieldValid\r\n): TFieldStore<T> => {\r\n const fieldValue: TFieldValue | undefined = storeFilter?.[field]\r\n const existingValues = fieldValue?.values || []\r\n const isDuplicate = existingValues.some((v) => JSON.stringify(v) === JSON.stringify(value))\r\n if (isDuplicate) return storeFilter ?? ({} as TFieldStore<T>)\r\n const newData: TFieldValue = { ...fieldValue, values: [...existingValues, value].filter((v) => v !== null && v !== undefined) }\r\n return Object.assign({}, storeFilter, { [field]: newData }) as TFieldStore<T>\r\n}\r\n\r\nexport const useFilterActions = <T>(context: IFilterBarContext<T>) => {\r\n /**\r\n * Add a filter value to the store for a specific field.\r\n * @param field - The field to add the filter value to.\r\n * @param value - The filter value to add.\r\n * @returns void\r\n */\r\n const addFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n // Check for duplicate value before adding\r\n const { storeFilter } = context.filterState\r\n const valueObj: TFieldValue = cleanLogic({ ...value }, options?.logic || value.logic)\r\n if (checkDuplicateValue(storeFilter, field, valueObj)) return\r\n // Merge the new value into the store filter for the field\r\n const newData = mergeValueToStoreFilter(storeFilter, field, valueObj)\r\n const newStoreFilter = Object.assign({}, storeFilter, newData)\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n /**\r\n * Replace all filter values for a specific field in the store with a new value.\r\n * Value will be replaced instead of merged, which is useful for single-value filters or when you want to reset the filter values for a field.\r\n * @param field - The field to update the filter value for.\r\n * @param value - The new filter value to set.\r\n */\r\n const replaceFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n const valueObj: TFieldValue = cleanLogic({ ...value }, options?.logic || value.logic)\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter, { [field]: valueObj })\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter as TFieldStore<T> })\r\n }\r\n /**\r\n * Add multiple filter values to the store for a specific field, ensuring no duplicates are added.\r\n * @param field - The field to add the filter values to.\r\n * @param values - The filter values to add.\r\n * @returns void\r\n */\r\n const upsertManyFilter = (field: keyof TFieldStore<T>, value: TFieldValue, options?: TOptions) => {\r\n // If there are no values to add, return early\r\n if (value.values.length === 0) return\r\n let newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n // Iterate through each value and add it to the store filter for the field, checking for duplicates\r\n value.values.forEach((val) => {\r\n const valueObj: TFieldValue = cleanLogic({ values: [val] }, options?.logic || value.logic)\r\n if (checkDuplicateValue(newStoreFilter, field, valueObj)) return\r\n newStoreFilter = mergeValueToStoreFilter(newStoreFilter, field, valueObj)\r\n })\r\n // Update the filter state with the new store filter after adding all values\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n /**\r\n * Remove all filter values for a specific field from the store.\r\n * @param field - The field to remove filters from.\r\n * @returns void\r\n */\r\n const removeFilter = (field: TFieldType<T>) => {\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n if (newStoreFilter[field]) delete newStoreFilter[field]\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n\r\n const removeFilterByFieldValue = (field: TFieldType<T>, value: TFieldValid) => {\r\n const newStoreFilter = Object.assign({}, context.filterState.storeFilter)\r\n const fieldVal: TFieldValue | undefined = newStoreFilter[field]\r\n if (!fieldVal) return\r\n newStoreFilter[field] = { ...fieldVal, values: fieldVal.values.filter((v) => v.toString() !== value.toString()) }\r\n if (newStoreFilter[field] && newStoreFilter[field]!.values.length === 0) {\r\n delete newStoreFilter[field]\r\n }\r\n context.setFilterState({ ...context.filterState, storeFilter: newStoreFilter })\r\n }\r\n\r\n const clearAllFilters = () => {\r\n context.setFilterState({ ...context.filterState, storeFilter: {} as TFieldStore<T> })\r\n }\r\n\r\n const getFieldInfo = (field: TFieldType<T>): TFieldValue | undefined => {\r\n const fieldVal = context.filterState.storeFilter?.[field]\r\n return fieldVal\r\n }\r\n\r\n const getTotalCount = (): number => {\r\n const storeFilter = context.filterState.storeFilter\r\n if (!storeFilter) return 0\r\n const keys = Object.keys(storeFilter) as (keyof TFieldStore<T>)[]\r\n return keys.reduce((acc, key) => {\r\n const fieldVal = storeFilter[key]\r\n return acc + (fieldVal ? fieldVal.values.length : 0)\r\n }, 0)\r\n }\r\n\r\n const hasSortByField = (field: TFieldType<T>): boolean => {\r\n const sort = context.filterState.storeSort\r\n return sort?.field === field\r\n }\r\n\r\n const getSort = (): TFieldSort<T> | undefined => {\r\n return context.filterState.storeSort\r\n }\r\n\r\n const changeSort = (field: TFieldType<T>) => {\r\n const currentSort = context.filterState.storeSort\r\n const defaultSort = context.defaultFilterState?.storeSort\r\n const isShuffle = field === KeySpecial.sortShuffle\r\n const isEqualField = currentSort?.field === field\r\n if (isShuffle) {\r\n // if current sort is shuffle and user click shuffle again, we remove the sort completely\r\n let newValue: TFieldSort<T> | undefined = undefined\r\n if (!isEqualField) newValue = { field }\r\n context.setFilterState({ ...context.filterState, storeSort: newValue })\r\n return\r\n }\r\n let newDirection: 'asc' | 'desc' = 'desc'\r\n // If current field equals the clicked field, toggle direction\r\n if (isEqualField) {\r\n newDirection = currentSort.direction === 'desc' ? 'asc' : 'desc'\r\n }\r\n // If no current sort but field equals default sort field, toggle from default direction\r\n else if (!currentSort && defaultSort?.field === field) {\r\n newDirection = defaultSort.direction === 'desc' ? 'asc' : 'desc'\r\n }\r\n context.setFilterState({ ...context.filterState, storeSort: { field, direction: newDirection } })\r\n }\r\n\r\n const removeSort = () => {\r\n const defaultSort = context.defaultFilterState?.storeSort\r\n context.setFilterState({ ...context.filterState, storeSort: defaultSort })\r\n }\r\n\r\n return {\r\n addFilter,\r\n replaceFilter,\r\n upsertManyFilter,\r\n removeFilter,\r\n removeFilterByFieldValue,\r\n clearAllFilters,\r\n getFieldInfo,\r\n getTotalCount,\r\n hasSortByField,\r\n getSort,\r\n changeSort,\r\n removeSort\r\n }\r\n}\r\n"],"names":["cleanLogic","obj","logic","DEFAULT_LOGIC","checkDuplicateValue","storeFilter","field","value","fieldValue","isLogicChange","fieldSet","Set","values","map","v","JSON","stringify","filter","Boolean","some","has","mergeValueToStoreFilter","newData","Array","from","concat","_toConsumableArray","Object","assign","_defineProperty","mergeSingleValueToStoreFilter","existingValues","_objectSpread","useFilterActions","context","addFilter","options","filterState","valueObj","newStoreFilter","setFilterState","replaceFilter","upsertManyFilter","length","forEach","val","removeFilter","removeFilterByFieldValue","fieldVal","toString","clearAllFilters","getFieldInfo","_context$filterState$","getTotalCount","keys","reduce","acc","key","hasSortByField","sort","storeSort","getSort","changeSort","_context$defaultFilte","currentSort","defaultSort","defaultFilterState","isShuffle","KeySpecial","sortShuffle","isEqualField","newValue","undefined","newDirection","direction","removeSort","_context$defaultFilte2"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as r,slicedToArray as e,objectSpread2 as t,asyncToGenerator as n,regenerator as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as
|
|
1
|
+
import{defineProperty as r,slicedToArray as e,objectSpread2 as t,asyncToGenerator as n,regenerator as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as i}from"react/jsx-runtime";import{useState as a,useRef as u,useEffect as m}from"react";import{styled as c,Box as s,useTheme as f,useMediaQuery as p}from"@mui/material";import{createFilterMenu as d}from"./menu/create.js";import{createFilterBarContext as v}from"./index.context.js";import{DEFAULT_LOGIC_ROOT as g}from"./helpers.js";import{createFilterSort as b}from"./components/filter-sort.js";import{createFilterInput as S}from"./components/filter-input.js";import{createFilterSummary as C}from"./components/filter-summary.js";function y(r){var c,y=null!==(c=r.debounceDelay)&&void 0!==c?c:300;if(!r.InputComponent){var j=r.inputConfig||{fields:{}};r.inputConfig=j,r.InputComponent=S(j)}if(!r.MenuComponent){var P=r.menuConfig||{fields:{}};r.menuConfig=P,r.MenuComponent=d(P)}if(!r.SummaryComponent&&!1!==r.enableSummary){var w=r.summaryConfig||{fields:{}};r.summaryConfig=w,r.SummaryComponent=C(w)}if(!r.SortComponent){var F=r.sortConfig||{fields:{}};r.sortConfig=F,r.SortComponent=b(F)}var I=r.defaultFilterLogic||g,L=v();return function(c){var d,v=c.slots,g=r.InputComponent,b=r.MenuComponent,S=r.SummaryComponent,C=r.SortComponent,j=function(){return Object.assign({filterLogic:I},r.defaultFilterState,c.defaultValue)},P=a(function(){return c.value?{filterState:c.value}:{filterState:j()}}),w=e(P,2),F=w[0],k=w[1],B=a(!1),T=e(B,2),D=T[0],A=T[1],M=u(null),N=u(null),W=u(null);m(function(){return function(){var r;M.current&&(clearTimeout(M.current),M.current=null),null===(r=W.current)||void 0===r||r.abort(),W.current=null}},[]),m(function(){c.value&&k({filterState:c.value})},[c.value]);var _=function(){var r=n(o().m(function r(e,t,n){var l,i;return o().w(function(r){for(;;)switch(r.p=r.n){case 0:return r.p=0,k(function(r){var e;return{filterState:null!==(e=null==n?void 0:n.filterState)&&void 0!==e?e:r.filterState}}),A(!0),r.n=1,null===(l=c.onChange)||void 0===l?void 0:l.call(c,e,t);case 1:if(!t.aborted){r.n=2;break}return r.a(2);case 2:A(!1),r.n=5;break;case 3:if(r.p=3,i=r.v,!t.aborted){r.n=4;break}return r.a(2);case 4:throw A(!1),i;case 5:return r.a(2)}},r,null,[[0,3]])}));return function(e,t,n){return r.apply(this,arguments)}}(),z={filterState:c.value||F.filterState,defaultFilterState:j(),isLoading:c.loading||D,setFilterState:function(r){var e,n,o=null!==(e=(c.value||F.filterState).filterLogic)&&void 0!==e?e:I,l=null!==(n=r.filterLogic)&&void 0!==n?n:o,i=t({},r);l!==I?i.filterLogic=l:delete i.filterLogic,N.current=i,c.value||k({filterState:i}),M.current&&clearTimeout(M.current),M.current=window.setTimeout(function(){var r;null===(r=W.current)||void 0===r||r.abort();var e=new AbortController;W.current=e;var t=N.current;c.value?_(t,e.signal):_(t,e.signal,{filterState:t}),M.current=null,N.current=null},y)}},G=f(),H=p(G.breakpoints.down("md"));return l(L.Provider,{value:z,children:i(h,{className:x.root,sx:c.sx,children:[i(s,{className:x.inner,children:[(null==v?void 0:v.before)||null,i("div",{className:x.action,children:[l(b,{slots:{popperProps:{placement:"bottom-start"}}}),l(C,{slots:{popperProps:{placement:"bottom-start"}}})]}),l(g,{slots:{minimalInput:H,popperProps:{placement:"bottom-start"}}}),(null==v?void 0:v.after)||null]}),i(s,t(t({},null==v?void 0:v.summaryWrapProps),{},{sx:t({display:"flex",alignItems:"center"},null==v||null===(d=v.summaryWrapProps)||void 0===d?void 0:d.sx),children:[(null==v?void 0:v.summaryBefore)||null,l(s,{sx:{flex:1,minWidth:0},children:!1!==r.enableSummary&&l(S,{})}),(null==v?void 0:v.summaryAfter)||null]}))]})})}}var x={root:"DinoFilterBar-root",inner:"DinoFilterBar-inner",action:"DinoFilterBar-action"},h=c(s)(function(e){var t=e.theme;return r(r(r({},"&.".concat(x.root),{backgroundColor:t.palette.background.paper,boxSizing:"border-box"}),".".concat(x.inner),{display:"flex",alignItems:"center",gap:t.spacing(1)}),".".concat(x.action),{display:"flex",alignItems:"center"})});export{y as createFilterBar};
|
|
2
2
|
//# sourceMappingURL=index.create.js.map
|