@shefing/quickfilter 1.0.0

package/dist/filters/components/select-filter.js

@@ -0,0 +1,223 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Check, ChevronsUpDown, X } from 'lucide-react';
+import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';
+import { Label } from '../../ui/label';
+import { cn } from '../../lib/utils';
+import { Button } from '../../ui/button';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../ui/command';
+import { Checkbox } from '../../ui/checkbox';
+import { Badge } from '../../ui/badge';
+export function SelectFilter({ label, options, value, onChange, placeholder, locale = {
+    code: 'he',
+    direction: 'rtl'
+}, className, multiSelect = true }) {
+    const [open, setOpen] = useState(false);
+    const [internalValue, setInternalValue] = useState(value);
+    const isHebrew = locale.code === 'he';
+    const showSearch = options.length > 10;
+    const showSelectAll = multiSelect && options.length > 3;
+    // Sync internal state with external value prop
+    useEffect(()=>{
+        setInternalValue(value);
+    }, [
+        value
+    ]);
+    const selectedValues = internalValue?.selectedValues || [];
+    const allSelected = selectedValues.length === options.length;
+    const labels = {
+        selectAll: isHebrew ? 'בחר הכל' : 'Select All',
+        deselectAll: isHebrew ? 'בטל בחירת הכל' : 'Deselect All',
+        search: isHebrew ? 'חפש...' : 'Search...',
+        noResults: isHebrew ? 'לא נמצאו תוצאות' : 'No results found',
+        selected: isHebrew ? 'נבחרו' : 'selected'
+    };
+    const getFilterValue = (values)=>{
+        if (values.length === 0) {
+            return {
+                type: 'none',
+                selectedValues: []
+            };
+        } else if (values.length === options.length) {
+            return {
+                type: 'all',
+                selectedValues: values
+            };
+        } else {
+            return {
+                type: 'some',
+                selectedValues: values
+            };
+        }
+    };
+    const handleSelectAll = ()=>{
+        const allValues = options.map((option)=>option.value);
+        const newValue = getFilterValue(allValues);
+        setInternalValue(newValue);
+        onChange(newValue);
+    };
+    const handleClearAll = ()=>{
+        const newValue = getFilterValue([]);
+        setInternalValue(newValue);
+        onChange(newValue);
+    };
+    const handleToggleSelectAll = ()=>{
+        if (allSelected) {
+            handleClearAll();
+        } else {
+            handleSelectAll();
+        }
+    };
+    const handleToggleOption = (optionValue)=>{
+        let newValues;
+        if (multiSelect) {
+            newValues = selectedValues.includes(optionValue) ? selectedValues.filter((val)=>val !== optionValue) : [
+                ...selectedValues,
+                optionValue
+            ];
+        } else {
+            newValues = [
+                optionValue
+            ];
+            setOpen(false);
+        }
+        const newValue = getFilterValue(newValues);
+        setInternalValue(newValue);
+        onChange(newValue);
+    };
+    const getDisplayText = ()=>{
+        if (selectedValues.length === 0) {
+            return placeholder || (isHebrew ? 'בחר אפשרויות' : 'Select options');
+        } else if (selectedValues.length === options.length) {
+            return labels.selectAll;
+        } else {
+            return `${selectedValues.length} ${labels.selected}`;
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('space-y-1', className),
+        dir: locale.direction,
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                className: cn('useTw text-sm font-medium', isHebrew && 'text-right block'),
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "relative",
+                children: [
+                    /*#__PURE__*/ _jsxs(Popover, {
+                        open: open,
+                        onOpenChange: setOpen,
+                        children: [
+                            /*#__PURE__*/ _jsx(PopoverTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsxs(Button, {
+                                    variant: "outline",
+                                    role: "combobox",
+                                    "aria-expanded": open,
+                                    className: "w-full justify-between bg-background relative",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "truncate",
+                                            children: getDisplayText()
+                                        }),
+                                        /*#__PURE__*/ _jsx(ChevronsUpDown, {
+                                            className: "h-4 w-4 shrink-0 opacity-50"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(PopoverContent, {
+                                className: "w-80 p-0",
+                                align: "start",
+                                children: /*#__PURE__*/ _jsxs(Command, {
+                                    children: [
+                                        showSearch && /*#__PURE__*/ _jsx(CommandInput, {
+                                            placeholder: labels.search
+                                        }),
+                                        /*#__PURE__*/ _jsxs(CommandList, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(CommandEmpty, {
+                                                    children: labels.noResults
+                                                }),
+                                                /*#__PURE__*/ _jsxs(CommandGroup, {
+                                                    children: [
+                                                        showSelectAll && /*#__PURE__*/ _jsx(CommandItem, {
+                                                            onSelect: handleToggleSelectAll,
+                                                            children: /*#__PURE__*/ _jsxs("div", {
+                                                                className: cn('useTw flex items-center w-full justify-between', isHebrew && 'flex-row-reverse'),
+                                                                children: [
+                                                                    /*#__PURE__*/ _jsx(Checkbox, {
+                                                                        checked: allSelected,
+                                                                        className: cn(isHebrew ? 'useTw ml-2' : 'useTw mr-2')
+                                                                    }),
+                                                                    /*#__PURE__*/ _jsx("span", {
+                                                                        className: cn(isHebrew && 'useTw text-right flex-1 mr-2'),
+                                                                        children: allSelected ? labels.deselectAll : labels.selectAll
+                                                                    })
+                                                                ]
+                                                            })
+                                                        }),
+                                                        options.map((option)=>/*#__PURE__*/ _jsx(CommandItem, {
+                                                                onSelect: ()=>handleToggleOption(option.value),
+                                                                children: /*#__PURE__*/ _jsxs("div", {
+                                                                    className: cn('flex items-center w-full justify-between', isHebrew && 'flex-row-reverse'),
+                                                                    children: [
+                                                                        multiSelect ? /*#__PURE__*/ _jsx(Checkbox, {
+                                                                            checked: selectedValues.includes(option.value),
+                                                                            className: cn(isHebrew ? 'useTw ml-2' : 'useTw mx-2')
+                                                                        }) : /*#__PURE__*/ _jsx(Check, {
+                                                                            className: cn('useTw h-4 w-4', isHebrew ? 'ml-2' : 'mr-2', selectedValues.includes(option.value) ? 'opacity-100' : 'opacity-0')
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("span", {
+                                                                            className: cn(isHebrew && 'text-right flex-1'),
+                                                                            children: option.label
+                                                                        })
+                                                                    ]
+                                                                })
+                                                            }, option.value))
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    selectedValues.length > 0 && /*#__PURE__*/ _jsx("button", {
+                        className: `useTw absolute ${isHebrew ? 'left-8' : 'right-8'} top-1/2 -translate-y-1/2 h-4 w-4 p-0 hover:bg-muted rounded-sm flex items-center justify-center z-10 `,
+                        onClick: (e)=>{
+                            e.stopPropagation();
+                            handleClearAll();
+                        },
+                        children: /*#__PURE__*/ _jsx(X, {
+                            className: "h-3 w-3"
+                        })
+                    })
+                ]
+            }),
+            multiSelect && selectedValues.length > 0 && selectedValues.length < options.length && /*#__PURE__*/ _jsx("div", {
+                className: "flex flex-wrap gap-1 mt-2",
+                children: selectedValues.map((value)=>{
+                    const option = options.find((opt)=>opt.value === value);
+                    return /*#__PURE__*/ _jsxs(Badge, {
+                        variant: "secondary",
+                        className: "text-xs bg-background border",
+                        children: [
+                            option?.label || value,
+                            /*#__PURE__*/ _jsx("button", {
+                                className: "ml-1 hover:bg-muted rounded-full",
+                                onClick: ()=>handleToggleOption(value),
+                                children: "×"
+                            })
+                        ]
+                    }, value);
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=select-filter.js.map

package/dist/filters/components/select-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/filters/components/select-filter.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { Check, ChevronsUpDown, X } from 'lucide-react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';\n\nimport { Label } from '../../ui/label';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../ui/command';\nimport { Locale, SelectFilterOption, SelectFilterValue } from '../types/filters-type';\nimport { Checkbox } from '../../ui/checkbox';\nimport { Badge } from '../../ui/badge';\n\ninterface SelectFilterProps {\n  label?: string;\n  options: SelectFilterOption[];\n  value?: SelectFilterValue;\n  onChange: (value: SelectFilterValue) => void;\n  placeholder?: string;\n  locale?: Locale;\n  className?: string;\n  multiSelect?: boolean;\n}\n\nexport function SelectFilter({\n  label,\n  options,\n  value,\n  onChange,\n  placeholder,\n  locale = { code: 'he', direction: 'rtl' },\n  className,\n  multiSelect = true,\n}: SelectFilterProps) {\n  const [open, setOpen] = useState(false);\n  const [internalValue, setInternalValue] = useState<SelectFilterValue | undefined>(value);\n\n  const isHebrew = locale.code === 'he';\n  const showSearch = options.length > 10;\n  const showSelectAll = multiSelect && options.length > 3;\n\n  // Sync internal state with external value prop\n  useEffect(() => {\n    setInternalValue(value);\n  }, [value]);\n\n  const selectedValues = internalValue?.selectedValues || [];\n  const allSelected = selectedValues.length === options.length;\n\n  const labels = {\n    selectAll: isHebrew ? 'בחר הכל' : 'Select All',\n    deselectAll: isHebrew ? 'בטל בחירת הכל' : 'Deselect All',\n    search: isHebrew ? 'חפש...' : 'Search...',\n    noResults: isHebrew ? 'לא נמצאו תוצאות' : 'No results found',\n    selected: isHebrew ? 'נבחרו' : 'selected',\n  };\n\n  const getFilterValue = (values: string[]): SelectFilterValue => {\n    if (values.length === 0) {\n      return { type: 'none', selectedValues: [] };\n    } else if (values.length === options.length) {\n      return { type: 'all', selectedValues: values };\n    } else {\n      return { type: 'some', selectedValues: values };\n    }\n  };\n\n  const handleSelectAll = () => {\n    const allValues = options.map((option) => option.value);\n    const newValue = getFilterValue(allValues);\n    setInternalValue(newValue);\n    onChange(newValue);\n  };\n\n  const handleClearAll = () => {\n    const newValue = getFilterValue([]);\n    setInternalValue(newValue);\n    onChange(newValue);\n  };\n\n  const handleToggleSelectAll = () => {\n    if (allSelected) {\n      handleClearAll();\n    } else {\n      handleSelectAll();\n    }\n  };\n\n  const handleToggleOption = (optionValue: string) => {\n    let newValues: string[];\n\n    if (multiSelect) {\n      newValues = selectedValues.includes(optionValue)\n        ? selectedValues.filter((val) => val !== optionValue)\n        : [...selectedValues, optionValue];\n    } else {\n      newValues = [optionValue];\n      setOpen(false);\n    }\n\n    const newValue = getFilterValue(newValues);\n    setInternalValue(newValue);\n    onChange(newValue);\n  };\n\n  const getDisplayText = () => {\n    if (selectedValues.length === 0) {\n      return placeholder || (isHebrew ? 'בחר אפשרויות' : 'Select options');\n    } else if (selectedValues.length === options.length) {\n      return labels.selectAll;\n    } else {\n      return `${selectedValues.length} ${labels.selected}`;\n    }\n  };\n\n  return (\n    <div className={cn('space-y-1', className)} dir={locale.direction}>\n      {label && (\n        <Label className={cn('useTw text-sm font-medium', isHebrew && 'text-right block')}>\n          {label}\n        </Label>\n      )}\n\n      <div className='relative'>\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              variant='outline'\n              role='combobox'\n              aria-expanded={open}\n              className='w-full justify-between bg-background relative'\n            >\n              <span className='truncate'>{getDisplayText()}</span>\n              <ChevronsUpDown className='h-4 w-4 shrink-0 opacity-50' />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className='w-80 p-0' align='start'>\n            <Command>\n              {showSearch && <CommandInput placeholder={labels.search} />}\n              <CommandList>\n                <CommandEmpty>{labels.noResults}</CommandEmpty>\n                <CommandGroup>\n                  {showSelectAll && (\n                    <CommandItem onSelect={handleToggleSelectAll}>\n                      <div\n                        className={cn(\n                          'useTw flex items-center w-full justify-between',\n                          isHebrew && 'flex-row-reverse',\n                        )}\n                      >\n                        <Checkbox\n                          checked={allSelected}\n                          className={cn(isHebrew ? 'useTw ml-2' : 'useTw mr-2')}\n                        />\n                        <span className={cn(isHebrew && 'useTw text-right flex-1 mr-2')}>\n                          {allSelected ? labels.deselectAll : labels.selectAll}\n                        </span>\n                      </div>\n                    </CommandItem>\n                  )}\n                  {options.map((option) => (\n                    <CommandItem\n                      key={option.value}\n                      onSelect={() => handleToggleOption(option.value)}\n                    >\n                      <div\n                        className={cn(\n                          'flex items-center w-full justify-between',\n                          isHebrew && 'flex-row-reverse',\n                        )}\n                      >\n                        {multiSelect ? (\n                          <Checkbox\n                            checked={selectedValues.includes(option.value)}\n                            className={cn(isHebrew ? 'useTw ml-2' : 'useTw mx-2')}\n                          />\n                        ) : (\n                          <Check\n                            className={cn(\n                              'useTw h-4 w-4',\n                              isHebrew ? 'ml-2' : 'mr-2',\n                              selectedValues.includes(option.value) ? 'opacity-100' : 'opacity-0',\n                            )}\n                          />\n                        )}\n                        <span className={cn(isHebrew && 'text-right flex-1')}>{option.label}</span>\n                      </div>\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n        {selectedValues.length > 0 && (\n          <button\n            className={`useTw absolute ${isHebrew ? 'left-8' : 'right-8'} top-1/2 -translate-y-1/2 h-4 w-4 p-0 hover:bg-muted rounded-sm flex items-center justify-center z-10 `}\n            onClick={(e) => {\n              e.stopPropagation();\n              handleClearAll();\n            }}\n          >\n            <X className='h-3 w-3' />\n          </button>\n        )}\n      </div>\n\n      {multiSelect && selectedValues.length > 0 && selectedValues.length < options.length && (\n        <div className='flex flex-wrap gap-1 mt-2'>\n          {selectedValues.map((value) => {\n            const option = options.find((opt) => opt.value === value);\n            return (\n              <Badge key={value} variant='secondary' className='text-xs bg-background border'>\n                {option?.label || value}\n                <button\n                  className='ml-1 hover:bg-muted rounded-full'\n                  onClick={() => handleToggleOption(value)}\n                >\n                  ×\n                </button>\n              </Badge>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useEffect","useState","Check","ChevronsUpDown","X","Popover","PopoverContent","PopoverTrigger","Label","cn","Button","Command","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","Checkbox","Badge","SelectFilter","label","options","value","onChange","placeholder","locale","code","direction","className","multiSelect","open","setOpen","internalValue","setInternalValue","isHebrew","showSearch","length","showSelectAll","selectedValues","allSelected","labels","selectAll","deselectAll","search","noResults","selected","getFilterValue","values","type","handleSelectAll","allValues","map","option","newValue","handleClearAll","handleToggleSelectAll","handleToggleOption","optionValue","newValues","includes","filter","val","getDisplayText","div","dir","onOpenChange","asChild","variant","role","aria-expanded","span","align","onSelect","checked","button","onClick","e","stopPropagation","find","opt"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,KAAK,EAAEC,cAAc,EAAEC,CAAC,QAAQ,eAAe;AAExD,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,mBAAmB;AAE3E,SAASC,KAAK,QAAQ,iBAAiB;AAEvC,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SACEC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,WAAW,QACN,mBAAmB;AAE1B,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,KAAK,QAAQ,iBAAiB;AAavC,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,SAAS;IAAEC,MAAM;IAAMC,WAAW;AAAM,CAAC,EACzCC,SAAS,EACTC,cAAc,IAAI,EACA;IAClB,MAAM,CAACC,MAAMC,QAAQ,GAAG9B,SAAS;IACjC,MAAM,CAAC+B,eAAeC,iBAAiB,GAAGhC,SAAwCqB;IAElF,MAAMY,WAAWT,OAAOC,IAAI,KAAK;IACjC,MAAMS,aAAad,QAAQe,MAAM,GAAG;IACpC,MAAMC,gBAAgBR,eAAeR,QAAQe,MAAM,GAAG;IAEtD,+CAA+C;IAC/CpC,UAAU;QACRiC,iBAAiBX;IACnB,GAAG;QAACA;KAAM;IAEV,MAAMgB,iBAAiBN,eAAeM,kBAAkB,EAAE;IAC1D,MAAMC,cAAcD,eAAeF,MAAM,KAAKf,QAAQe,MAAM;IAE5D,MAAMI,SAAS;QACbC,WAAWP,WAAW,YAAY;QAClCQ,aAAaR,WAAW,kBAAkB;QAC1CS,QAAQT,WAAW,WAAW;QAC9BU,WAAWV,WAAW,oBAAoB;QAC1CW,UAAUX,WAAW,UAAU;IACjC;IAEA,MAAMY,iBAAiB,CAACC;QACtB,IAAIA,OAAOX,MAAM,KAAK,GAAG;YACvB,OAAO;gBAAEY,MAAM;gBAAQV,gBAAgB,EAAE;YAAC;QAC5C,OAAO,IAAIS,OAAOX,MAAM,KAAKf,QAAQe,MAAM,EAAE;YAC3C,OAAO;gBAAEY,MAAM;gBAAOV,gBAAgBS;YAAO;QAC/C,OAAO;YACL,OAAO;gBAAEC,MAAM;gBAAQV,gBAAgBS;YAAO;QAChD;IACF;IAEA,MAAME,kBAAkB;QACtB,MAAMC,YAAY7B,QAAQ8B,GAAG,CAAC,CAACC,SAAWA,OAAO9B,KAAK;QACtD,MAAM+B,WAAWP,eAAeI;QAChCjB,iBAAiBoB;QACjB9B,SAAS8B;IACX;IAEA,MAAMC,iBAAiB;QACrB,MAAMD,WAAWP,eAAe,EAAE;QAClCb,iBAAiBoB;QACjB9B,SAAS8B;IACX;IAEA,MAAME,wBAAwB;QAC5B,IAAIhB,aAAa;YACfe;QACF,OAAO;YACLL;QACF;IACF;IAEA,MAAMO,qBAAqB,CAACC;QAC1B,IAAIC;QAEJ,IAAI7B,aAAa;YACf6B,YAAYpB,eAAeqB,QAAQ,CAACF,eAChCnB,eAAesB,MAAM,CAAC,CAACC,MAAQA,QAAQJ,eACvC;mBAAInB;gBAAgBmB;aAAY;QACtC,OAAO;YACLC,YAAY;gBAACD;aAAY;YACzB1B,QAAQ;QACV;QAEA,MAAMsB,WAAWP,eAAeY;QAChCzB,iBAAiBoB;QACjB9B,SAAS8B;IACX;IAEA,MAAMS,iBAAiB;QACrB,IAAIxB,eAAeF,MAAM,KAAK,GAAG;YAC/B,OAAOZ,eAAgBU,CAAAA,WAAW,iBAAiB,gBAAe;QACpE,OAAO,IAAII,eAAeF,MAAM,KAAKf,QAAQe,MAAM,EAAE;YACnD,OAAOI,OAAOC,SAAS;QACzB,OAAO;YACL,OAAO,GAAGH,eAAeF,MAAM,CAAC,CAAC,EAAEI,OAAOK,QAAQ,EAAE;QACtD;IACF;IAEA,qBACE,MAACkB;QAAInC,WAAWnB,GAAG,aAAamB;QAAYoC,KAAKvC,OAAOE,SAAS;;YAC9DP,uBACC,KAACZ;gBAAMoB,WAAWnB,GAAG,6BAA6ByB,YAAY;0BAC3Dd;;0BAIL,MAAC2C;gBAAInC,WAAU;;kCACb,MAACvB;wBAAQyB,MAAMA;wBAAMmC,cAAclC;;0CACjC,KAACxB;gCAAe2D,OAAO;0CACrB,cAAA,MAACxD;oCACCyD,SAAQ;oCACRC,MAAK;oCACLC,iBAAevC;oCACfF,WAAU;;sDAEV,KAAC0C;4CAAK1C,WAAU;sDAAYkC;;sDAC5B,KAAC3D;4CAAeyB,WAAU;;;;;0CAG9B,KAACtB;gCAAesB,WAAU;gCAAW2C,OAAM;0CACzC,cAAA,MAAC5D;;wCACEwB,4BAAc,KAACrB;4CAAaU,aAAagB,OAAOG,MAAM;;sDACvD,MAAC3B;;8DACC,KAACJ;8DAAc4B,OAAOI,SAAS;;8DAC/B,MAAC/B;;wDACEwB,+BACC,KAACtB;4DAAYyD,UAAUjB;sEACrB,cAAA,MAACQ;gEACCnC,WAAWnB,GACT,kDACAyB,YAAY;;kFAGd,KAACjB;wEACCwD,SAASlC;wEACTX,WAAWnB,GAAGyB,WAAW,eAAe;;kFAE1C,KAACoC;wEAAK1C,WAAWnB,GAAGyB,YAAY;kFAC7BK,cAAcC,OAAOE,WAAW,GAAGF,OAAOC,SAAS;;;;;wDAK3DpB,QAAQ8B,GAAG,CAAC,CAACC,uBACZ,KAACrC;gEAECyD,UAAU,IAAMhB,mBAAmBJ,OAAO9B,KAAK;0EAE/C,cAAA,MAACyC;oEACCnC,WAAWnB,GACT,4CACAyB,YAAY;;wEAGbL,4BACC,KAACZ;4EACCwD,SAASnC,eAAeqB,QAAQ,CAACP,OAAO9B,KAAK;4EAC7CM,WAAWnB,GAAGyB,WAAW,eAAe;2FAG1C,KAAChC;4EACC0B,WAAWnB,GACT,iBACAyB,WAAW,SAAS,QACpBI,eAAeqB,QAAQ,CAACP,OAAO9B,KAAK,IAAI,gBAAgB;;sFAI9D,KAACgD;4EAAK1C,WAAWnB,GAAGyB,YAAY;sFAAuBkB,OAAOhC,KAAK;;;;+DAvBhEgC,OAAO9B,KAAK;;;;;;;;;;oBAgC9BgB,eAAeF,MAAM,GAAG,mBACvB,KAACsC;wBACC9C,WAAW,CAAC,eAAe,EAAEM,WAAW,WAAW,UAAU,sGAAsG,CAAC;wBACpKyC,SAAS,CAACC;4BACRA,EAAEC,eAAe;4BACjBvB;wBACF;kCAEA,cAAA,KAAClD;4BAAEwB,WAAU;;;;;YAKlBC,eAAeS,eAAeF,MAAM,GAAG,KAAKE,eAAeF,MAAM,GAAGf,QAAQe,MAAM,kBACjF,KAAC2B;gBAAInC,WAAU;0BACZU,eAAea,GAAG,CAAC,CAAC7B;oBACnB,MAAM8B,SAAS/B,QAAQyD,IAAI,CAAC,CAACC,MAAQA,IAAIzD,KAAK,KAAKA;oBACnD,qBACE,MAACJ;wBAAkBiD,SAAQ;wBAAYvC,WAAU;;4BAC9CwB,QAAQhC,SAASE;0CAClB,KAACoD;gCACC9C,WAAU;gCACV+C,SAAS,IAAMnB,mBAAmBlC;0CACnC;;;uBALSA;gBAUhB;;;;AAKV"}

package/dist/filters/components/small-select-filter.d.ts

@@ -0,0 +1,18 @@
+import { Locale, SelectFilterValue } from '../types/filters-type';
+interface SmallSelectOption {
+    value: string;
+    label: string;
+}
+interface SmallSelectFilterProps {
+    label?: string;
+    options: SmallSelectOption[];
+    value?: SelectFilterValue;
+    onChange: (value: SelectFilterValue) => void;
+    locale?: Locale;
+    className?: string;
+    multiSelect?: boolean;
+    maxOptions?: number;
+}
+export declare function SmallSelectFilter({ label, options, value, onChange, locale, className, multiSelect, maxOptions, }: SmallSelectFilterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=small-select-filter.d.ts.map

package/dist/filters/components/small-select-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"small-select-filter.d.ts","sourceRoot":"","sources":["../../../src/filters/components/small-select-filter.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAElE,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAyC,EACzC,SAAS,EACT,WAAkB,EAClB,UAAc,GACf,EAAE,sBAAsB,+BA4HxB"}

package/dist/filters/components/small-select-filter.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { X } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { Button } from '../../ui/button';
+import { Label } from '../../ui/label';
+export function SmallSelectFilter({ label, options, value, onChange, locale = {
+    code: 'he',
+    direction: 'rtl'
+}, className, multiSelect = true, maxOptions = 3 }) {
+    const [internalValue, setInternalValue] = useState(value || {
+        type: 'none',
+        selectedValues: []
+    });
+    const isHebrew = locale.code === 'he';
+    // Limit options to maxOptions
+    const limitedOptions = options.slice(0, maxOptions);
+    // Sync internal state with external value prop
+    useEffect(()=>{
+        setInternalValue(value || {
+            type: 'none',
+            selectedValues: []
+        });
+    }, [
+        value
+    ]);
+    const handleOptionToggle = (optionValue)=>{
+        let newSelectedValues;
+        if (multiSelect) {
+            // Multiple selection mode - allow multiple choices
+            if (internalValue.selectedValues.includes(optionValue)) {
+                newSelectedValues = internalValue.selectedValues.filter((val)=>val !== optionValue);
+            } else {
+                newSelectedValues = [
+                    ...internalValue.selectedValues,
+                    optionValue
+                ];
+            }
+        } else {
+            // Single selection mode
+            if (internalValue.selectedValues.includes(optionValue)) {
+                newSelectedValues = []; // Deselect if already selected
+            } else {
+                newSelectedValues = [
+                    optionValue
+                ]; // Select only this option
+            }
+        }
+        const newValue = {
+            type: newSelectedValues.length === 0 ? 'none' : newSelectedValues.length === options.length ? 'all' : 'some',
+            selectedValues: newSelectedValues
+        };
+        setInternalValue(newValue);
+        onChange(newValue);
+    };
+    const handleClear = ()=>{
+        const newValue = {
+            type: 'none',
+            selectedValues: []
+        };
+        setInternalValue(newValue);
+        onChange(newValue);
+    };
+    const hasSelection = internalValue.selectedValues.length > 0;
+    const isOptionSelected = (optionValue)=>{
+        return internalValue.selectedValues.includes(optionValue);
+    };
+    const getButtonColor = (optionValue, index)=>{
+        if (!isOptionSelected(optionValue)) {
+            return 'useTw bg-background text-muted-foreground hover:bg-muted';
+        }
+        // Different colors for different options when selected
+        const colors = [
+            'bg-blue-600 text-white hover:bg-blue-700',
+            'bg-green-600 text-white hover:bg-green-700',
+            'bg-purple-600 text-white hover:bg-purple-700'
+        ];
+        return colors[index] || 'bg-accent text-accent-foreground hover:bg-accent/80';
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('space-y-2', className),
+        dir: locale.direction,
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                className: cn('useTw text-sm font-medium', isHebrew && 'text-right block'),
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: cn('flex items-center gap-3 transition-colors py-0.5', locale.direction === 'rtl' && 'justify-start'),
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: cn('flex items-center', locale.direction === 'rtl' && 'order-first'),
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "flex rounded-md border overflow-hidden",
+                            children: limitedOptions.map((option, index)=>/*#__PURE__*/ _jsx(Button, {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    className: cn('px-3 py-1 text-xs rounded-none border-0', index > 0 && 'border-l', getButtonColor(option.value, index)),
+                                    onClick: ()=>handleOptionToggle(option.value),
+                                    children: option.label
+                                }, option.value))
+                        })
+                    }),
+                    hasSelection && /*#__PURE__*/ _jsx(Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        className: cn('h-5 w-5 p-0 hover:bg-muted rounded-full -mt-1 -ml-1', locale.direction === 'rtl' ? 'order-last' : 'order-last'),
+                        onClick: handleClear,
+                        children: /*#__PURE__*/ _jsx(X, {
+                            className: "useTw h-3 w-3"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=small-select-filter.js.map

package/dist/filters/components/small-select-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/filters/components/small-select-filter.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { X } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport { Label } from '../../ui/label';\nimport { Locale, SelectFilterValue } from '../types/filters-type';\n\ninterface SmallSelectOption {\n  value: string;\n  label: string;\n}\n\ninterface SmallSelectFilterProps {\n  label?: string;\n  options: SmallSelectOption[];\n  value?: SelectFilterValue;\n  onChange: (value: SelectFilterValue) => void;\n  locale?: Locale;\n  className?: string;\n  multiSelect?: boolean;\n  maxOptions?: number;\n}\n\nexport function SmallSelectFilter({\n  label,\n  options,\n  value,\n  onChange,\n  locale = { code: 'he', direction: 'rtl' },\n  className,\n  multiSelect = true,\n  maxOptions = 3,\n}: SmallSelectFilterProps) {\n  const [internalValue, setInternalValue] = useState<SelectFilterValue>(\n    value || { type: 'none', selectedValues: [] },\n  );\n\n  const isHebrew = locale.code === 'he';\n\n  // Limit options to maxOptions\n  const limitedOptions = options.slice(0, maxOptions);\n\n  // Sync internal state with external value prop\n  useEffect(() => {\n    setInternalValue(value || { type: 'none', selectedValues: [] });\n  }, [value]);\n\n  const handleOptionToggle = (optionValue: string) => {\n    let newSelectedValues: string[];\n\n    if (multiSelect) {\n      // Multiple selection mode - allow multiple choices\n      if (internalValue.selectedValues.includes(optionValue)) {\n        newSelectedValues = internalValue.selectedValues.filter((val) => val !== optionValue);\n      } else {\n        newSelectedValues = [...internalValue.selectedValues, optionValue];\n      }\n    } else {\n      // Single selection mode\n      if (internalValue.selectedValues.includes(optionValue)) {\n        newSelectedValues = []; // Deselect if already selected\n      } else {\n        newSelectedValues = [optionValue]; // Select only this option\n      }\n    }\n\n    const newValue: SelectFilterValue = {\n      type:\n        newSelectedValues.length === 0\n          ? 'none'\n          : newSelectedValues.length === options.length\n            ? 'all'\n            : 'some',\n      selectedValues: newSelectedValues,\n    };\n    setInternalValue(newValue);\n    onChange(newValue);\n  };\n\n  const handleClear = () => {\n    const newValue: SelectFilterValue = { type: 'none', selectedValues: [] };\n    setInternalValue(newValue);\n    onChange(newValue);\n  };\n\n  const hasSelection = internalValue.selectedValues.length > 0;\n\n  const isOptionSelected = (optionValue: string) => {\n    return internalValue.selectedValues.includes(optionValue);\n  };\n\n  const getButtonColor = (optionValue: string, index: number) => {\n    if (!isOptionSelected(optionValue)) {\n      return 'useTw bg-background text-muted-foreground hover:bg-muted';\n    }\n\n    // Different colors for different options when selected\n    const colors = [\n      'bg-blue-600 text-white hover:bg-blue-700', // First option - blue\n      'bg-green-600 text-white hover:bg-green-700', // Second option - green\n      'bg-purple-600 text-white hover:bg-purple-700', // Third option - purple\n    ];\n    return colors[index] || 'bg-accent text-accent-foreground hover:bg-accent/80';\n  };\n\n  return (\n    <div className={cn('space-y-2', className)} dir={locale.direction}>\n      {label && (\n        <Label className={cn('useTw text-sm font-medium', isHebrew && 'text-right block')}>\n          {label}\n        </Label>\n      )}\n\n      <div\n        className={cn(\n          'flex items-center gap-3 transition-colors py-0.5',\n          locale.direction === 'rtl' && 'justify-start',\n        )}\n      >\n        <div className={cn('flex items-center', locale.direction === 'rtl' && 'order-first')}>\n          {/* Toggle Options */}\n          <div className='flex rounded-md border overflow-hidden'>\n            {limitedOptions.map((option, index) => (\n              <Button\n                key={option.value}\n                variant='ghost'\n                size='sm'\n                className={cn(\n                  'px-3 py-1 text-xs rounded-none border-0',\n                  index > 0 && 'border-l',\n                  getButtonColor(option.value, index),\n                )}\n                onClick={() => handleOptionToggle(option.value)}\n              >\n                {option.label}\n              </Button>\n            ))}\n          </div>\n        </div>\n\n        {hasSelection && (\n          <Button\n            variant='ghost'\n            size='sm'\n            className={cn(\n              'h-5 w-5 p-0 hover:bg-muted rounded-full -mt-1 -ml-1',\n              locale.direction === 'rtl' ? 'order-last' : 'order-last',\n            )}\n            onClick={handleClear}\n          >\n            <X className='useTw h-3 w-3' />\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useEffect","useState","X","cn","Button","Label","SmallSelectFilter","label","options","value","onChange","locale","code","direction","className","multiSelect","maxOptions","internalValue","setInternalValue","type","selectedValues","isHebrew","limitedOptions","slice","handleOptionToggle","optionValue","newSelectedValues","includes","filter","val","newValue","length","handleClear","hasSelection","isOptionSelected","getButtonColor","index","colors","div","dir","map","option","variant","size","onClick"],"mappings":"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"}

package/dist/filters/constants/date-filter-options.d.ts

@@ -0,0 +1,6 @@
+import { DateFilterOption } from '../types/filters-type';
+export declare const pastDateFilterOptions: DateFilterOption[];
+export declare const futureDateFilterOptions: DateFilterOption[];
+export declare const pastDateFilterOptionsEn: DateFilterOption[];
+export declare const futureDateFilterOptionsEn: DateFilterOption[];
+//# sourceMappingURL=date-filter-options.d.ts.map

package/dist/filters/constants/date-filter-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter-options.d.ts","sourceRoot":"","sources":["../../../src/filters/constants/date-filter-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,EAKnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAKrD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAKrD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBAAgB,EAKvD,CAAC"}

package/dist/filters/constants/date-filter-options.js

@@ -0,0 +1,74 @@
+export const pastDateFilterOptions = [
+    {
+        value: 'yesterday',
+        label: 'אתמול'
+    },
+    {
+        value: 'lastWeek',
+        label: 'שבוע שעבר'
+    },
+    {
+        value: 'lastMonth',
+        label: 'חודש שעבר'
+    },
+    {
+        value: 'allPast',
+        label: 'בעבר'
+    }
+];
+export const futureDateFilterOptions = [
+    {
+        value: 'today',
+        label: 'היום'
+    },
+    {
+        value: 'nextWeek',
+        label: 'השבוע'
+    },
+    {
+        value: 'nextMonth',
+        label: 'החודש'
+    },
+    {
+        value: 'allFuture',
+        label: 'בעתיד'
+    }
+];
+export const pastDateFilterOptionsEn = [
+    {
+        value: 'yesterday',
+        label: 'Yesterday'
+    },
+    {
+        value: 'lastWeek',
+        label: 'Last Week'
+    },
+    {
+        value: 'lastMonth',
+        label: 'Last Month'
+    },
+    {
+        value: 'allPast',
+        label: 'All Past'
+    }
+];
+export const futureDateFilterOptionsEn = [
+    {
+        value: 'today',
+        label: 'Today'
+    },
+    {
+        value: 'nextWeek',
+        label: 'This Week'
+    },
+    {
+        value: 'nextMonth',
+        label: 'This Month'
+    },
+    {
+        value: 'allFuture',
+        label: 'All Future'
+    }
+];
+
+//# sourceMappingURL=date-filter-options.js.map

package/dist/filters/constants/date-filter-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/filters/constants/date-filter-options.ts"],"sourcesContent":["import { DateFilterOption } from '../types/filters-type';\n\nexport const pastDateFilterOptions: DateFilterOption[] = [\n  { value: 'yesterday', label: 'אתמול' },\n  { value: 'lastWeek', label: 'שבוע שעבר' },\n  { value: 'lastMonth', label: 'חודש שעבר' },\n  { value: 'allPast', label: 'בעבר' },\n];\n\nexport const futureDateFilterOptions: DateFilterOption[] = [\n  { value: 'today', label: 'היום' },\n  { value: 'nextWeek', label: 'השבוע' },\n  { value: 'nextMonth', label: 'החודש' },\n  { value: 'allFuture', label: 'בעתיד' },\n];\n\nexport const pastDateFilterOptionsEn: DateFilterOption[] = [\n  { value: 'yesterday', label: 'Yesterday' },\n  { value: 'lastWeek', label: 'Last Week' },\n  { value: 'lastMonth', label: 'Last Month' },\n  { value: 'allPast', label: 'All Past' },\n];\n\nexport const futureDateFilterOptionsEn: DateFilterOption[] = [\n  { value: 'today', label: 'Today' },\n  { value: 'nextWeek', label: 'This Week' },\n  { value: 'nextMonth', label: 'This Month' },\n  { value: 'allFuture', label: 'All Future' },\n];\n"],"names":["pastDateFilterOptions","value","label","futureDateFilterOptions","pastDateFilterOptionsEn","futureDateFilterOptionsEn"],"mappings":"AAEA,OAAO,MAAMA,wBAA4C;IACvD;QAAEC,OAAO;QAAaC,OAAO;IAAQ;IACrC;QAAED,OAAO;QAAYC,OAAO;IAAY;IACxC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAWC,OAAO;IAAO;CACnC,CAAC;AAEF,OAAO,MAAMC,0BAA8C;IACzD;QAAEF,OAAO;QAASC,OAAO;IAAO;IAChC;QAAED,OAAO;QAAYC,OAAO;IAAQ;IACpC;QAAED,OAAO;QAAaC,OAAO;IAAQ;IACrC;QAAED,OAAO;QAAaC,OAAO;IAAQ;CACtC,CAAC;AAEF,OAAO,MAAME,0BAA8C;IACzD;QAAEH,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAYC,OAAO;IAAY;IACxC;QAAED,OAAO;QAAaC,OAAO;IAAa;IAC1C;QAAED,OAAO;QAAWC,OAAO;IAAW;CACvC,CAAC;AAEF,OAAO,MAAMG,4BAAgD;IAC3D;QAAEJ,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAYC,OAAO;IAAY;IACxC;QAAED,OAAO;QAAaC,OAAO;IAAa;IAC1C;QAAED,OAAO;QAAaC,OAAO;IAAa;CAC3C,CAAC"}

package/dist/filters/types/filters-type.d.ts

@@ -0,0 +1,99 @@
+export interface DateFilterOption {
+    value: string;
+    label: string;
+}
+export interface DateRange {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+export interface DateFilterValue {
+    type: 'predefined' | 'custom';
+    predefinedValue?: string;
+    customRange?: DateRange;
+}
+export interface SelectFilterOption {
+    value: string;
+    label: string;
+}
+export interface SelectFilterValue {
+    type: 'all' | 'some' | 'none';
+    selectedValues: string[];
+}
+export interface SmallSelectOption {
+    value: string;
+    label: string;
+}
+export interface SmallSelectFilterValue {
+    selectedValues: string[];
+}
+export type CheckboxFilterState = 'checked' | 'unchecked' | 'indeterminate';
+export interface Locale {
+    code: 'he' | 'en';
+    direction: 'rtl' | 'ltr';
+}
+export type FilterType = 'date' | 'select' | 'checkbox' | 'small-select';
+export interface BaseFilterConfig {
+    id: string;
+    type: FilterType;
+    label: {
+        he: string;
+        en: string;
+    };
+    title: {
+        he: string;
+        en: string;
+    };
+}
+export interface DateFilterConfig extends BaseFilterConfig {
+    type: 'date';
+    placeholder?: {
+        he: string;
+        en: string;
+    };
+}
+export interface SelectFilterConfig extends BaseFilterConfig {
+    type: 'select';
+    options: {
+        he: SelectFilterOption[];
+        en: SelectFilterOption[];
+    };
+    placeholder?: {
+        he: string;
+        en: string;
+    };
+    multiSelect?: boolean;
+    showSearch?: boolean;
+}
+export interface CheckboxFilterConfig extends BaseFilterConfig {
+    type: 'checkbox';
+    checkboxLabel: {
+        he: string;
+        en: string;
+    };
+}
+export interface SmallSelectFilterConfig extends BaseFilterConfig {
+    type: 'small-select';
+    options: {
+        he: SmallSelectOption[];
+        en: SmallSelectOption[];
+    };
+    multiSelect?: boolean;
+    maxOptions?: number;
+}
+export type FilterConfig = DateFilterConfig | SelectFilterConfig | CheckboxFilterConfig | SmallSelectFilterConfig;
+export interface FilterState {
+    [filterId: string]: DateFilterValue | SelectFilterValue | CheckboxFilterState | SmallSelectFilterValue | undefined;
+}
+export type FilterDetaild = {
+    name: string;
+    label: string;
+    type: any;
+    options?: Array<any>;
+    row?: number | undefined;
+    width?: string;
+};
+export interface FilterRow {
+    rowNumber: number;
+    filters: FilterDetaild[];
+}
+//# sourceMappingURL=filters-type.d.ts.map

package/dist/filters/types/filters-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters-type.d.ts","sourceRoot":"","sources":["../../../src/filters/types/filters-type.ts"],"names":[],"mappings":"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"}

package/dist/filters/types/filters-type.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=filters-type.js.map

package/dist/filters/types/filters-type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/filters/types/filters-type.ts"],"sourcesContent":["export interface DateFilterOption {\n  value: string\n  label: string\n}\n\nexport interface DateRange {\n  from: Date | undefined\n  to: Date | undefined\n}\n\nexport interface DateFilterValue {\n  type: 'predefined' | 'custom'\n  predefinedValue?: string\n  customRange?: DateRange\n}\n\nexport interface SelectFilterOption {\n  value: string\n  label: string\n}\n\nexport interface SelectFilterValue {\n  type: 'all' | 'some' | 'none'\n  selectedValues: string[]\n}\n\nexport interface SmallSelectOption {\n  value: string\n  label: string\n}\n\nexport interface SmallSelectFilterValue {\n  selectedValues: string[]\n}\n\nexport type CheckboxFilterState = 'checked' | 'unchecked' | 'indeterminate'\n\nexport interface Locale {\n  code: 'he' | 'en'\n  direction: 'rtl' | 'ltr'\n}\n\n// New filter configuration types\nexport type FilterType = 'date' | 'select' | 'checkbox' | 'small-select'\n\nexport interface BaseFilterConfig {\n  id: string\n  type: FilterType\n  label: {\n    he: string\n    en: string\n  }\n  title: {\n    he: string\n    en: string\n  }\n}\n\nexport interface DateFilterConfig extends BaseFilterConfig {\n  type: 'date'\n  placeholder?: {\n    he: string\n    en: string\n  }\n}\n\nexport interface SelectFilterConfig extends BaseFilterConfig {\n  type: 'select'\n  options: {\n    he: SelectFilterOption[]\n    en: SelectFilterOption[]\n  }\n  placeholder?: {\n    he: string\n    en: string\n  }\n  multiSelect?: boolean\n  showSearch?: boolean\n}\n\nexport interface CheckboxFilterConfig extends BaseFilterConfig {\n  type: 'checkbox'\n  checkboxLabel: {\n    he: string\n    en: string\n  }\n}\n\nexport interface SmallSelectFilterConfig extends BaseFilterConfig {\n  type: 'small-select'\n  options: {\n    he: SmallSelectOption[]\n    en: SmallSelectOption[]\n  }\n  multiSelect?: boolean\n  maxOptions?: number\n}\n\nexport type FilterConfig =\n  | DateFilterConfig\n  | SelectFilterConfig\n  | CheckboxFilterConfig\n  | SmallSelectFilterConfig\n\nexport interface FilterState {\n  [filterId: string]:\n    | DateFilterValue\n    | SelectFilterValue\n    | CheckboxFilterState\n    | SmallSelectFilterValue\n    | undefined\n}\n\nexport type FilterDetaild = {\n  name: string\n  label: string\n  type: any\n  options?: Array<any> // Replace `any` with a more specific type if known\n  row?: number | undefined\n  width?: string\n}\n\nexport interface FilterRow {\n  rowNumber: number\n  filters: FilterDetaild[]\n}\n"],"names":[],"mappings":"AA0HA,WAGC"}