@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

package/dist/esm/components/data-table/toolbarItems/filters/components/SelectFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.js","names":["DropdownMenu"],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/SelectFilter.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps, SelectOption } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { cn } from \"@lumeweb/portal-framework-ui-core\";\n// TODO: Reimplement tooltip functionality\n// import { useFilterTooltip } from \"../hooks/useFilterTooltip\";\n\nfunction SelectFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n  itemLabel,\n}: BaseFilterComponentProps<TData>) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const selectContentRef = useRef<HTMLDivElement>(null);\n  const selectTriggerRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // TODO: Reimplement tooltip functionality\n  // const { activeTooltip, handleItemHover, handleItemLeave } = useFilterTooltip();\n\n  // Prepare options - add \"all\" option if includeAllOption is true\n  const options = config.includeAllOption\n    ? [\n        {\n          label: `All ${itemLabel || \"Items\"}`,\n          value: \"all\",\n        } as SelectOption,\n        ...(config.options || []),\n      ]\n    : config.options || [];\n\n  // Map undefined value to \"all\" for controlled component only when includeAllOption is true\n  const controlledValue = value === undefined && config.includeAllOption ? \"all\" : value;\n\n  const handleChange = (val: string) => {\n    if (onChange) {\n      // If \"all\" option is selected, pass undefined to indicate no filter\n      if (config.includeAllOption && val === \"all\") {\n        onChange(undefined);\n      } else {\n        onChange(val);\n      }\n    }\n    \n    // Close dropdown menu after selection when dropdownStyle is used\n    if (config.dropdownStyle) {\n      setIsExpanded(false);\n    }\n  };\n\n  // Get the selected option to show its description in the trigger\n  // When \"all\" is selected, we want to show the special \"all\" option label\n  const selectedOption = options.find((option) => option.value === controlledValue);\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseEnter = (e: React.MouseEvent, optionValue: string) => {\n  //   const option = options.find((opt) => opt.value === optionValue);\n  //   if (option?.description) {\n  //     handleItemHover(option.description, e, containerRef);\n  //   }\n  // };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseLeave = () => {\n  //   handleItemLeave();\n  // };\n\n  // Compute proper trigger label that displays \"All …\" when value is \"all\" or undefined\n  const triggerLabel = selectedOption?.label || itemLabel || config.placeholder || \"Select option...\";\n\n  // If dropdownStyle is enabled, render as a dropdown menu\n  if (config.dropdownStyle) {\n    return (\n      <TooltipProvider>\n        <BaseFilter config={config} label={itemLabel}>\n          <div ref={containerRef} className=\"relative\">\n            <DropdownMenu.Root open={isExpanded} onOpenChange={setIsExpanded}>\n              <DropdownMenu.Trigger asChild>\n                <Button\n                  ref={selectTriggerRef}\n                  variant=\"ghost\"\n                  className=\"hover:bg-muted h-auto w-full justify-start p-3\">\n                  <span className=\"flex-1 text-left font-medium\">\n                    {triggerLabel}\n                  </span>\n                  <ChevronDown\n                    className={cn(\n                      \"h-4 w-4 transition-transform duration-200 ease-in-out\",\n                      isExpanded ? \"rotate-180\" : \"rotate-0\",\n                    )}\n                  />\n                </Button>\n              </DropdownMenu.Trigger>\n\n              <DropdownMenu.Portal>\n                <DropdownMenu.Content\n                  ref={selectContentRef}\n                  className=\"bg-background rounded-lg border p-3 shadow-lg\"\n                  side=\"bottom\"\n                  align=\"start\"\n                  sideOffset={5}>\n                  <Select\n                    value={controlledValue}\n                    onValueChange={handleChange}\n                    disabled={config.disabled || false}>\n                    <SelectTrigger className=\"w-full\">\n                      <SelectValue\n                        placeholder={config.placeholder || \"Select option...\"}\n                      />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {options.map((option) => (\n                        <SelectItem\n                          key={option.value}\n                          value={option.value}\n                          // TODO: Reimplement tooltip functionality\n                          // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                          // onMouseLeave={handleMouseLeave}\n                          >\n                          {option.label}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </DropdownMenu.Content>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Root>\n          </div>\n        </BaseFilter>\n      </TooltipProvider>\n    );\n  }\n\n  // Default inline behavior\n  return (\n    <TooltipProvider>\n      <BaseFilter config={config} label={itemLabel}>\n        <div ref={containerRef} className=\"relative\">\n          <Select\n            value={controlledValue}\n            onValueChange={handleChange}\n            disabled={config.disabled || false}>\n            <SelectTrigger\n              ref={selectTriggerRef}\n              className=\"w-full\">\n              <SelectValue placeholder={config.placeholder || \"Select option...\"} />\n            </SelectTrigger>\n            <SelectContent ref={selectContentRef}>\n              {options.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  // TODO: Reimplement tooltip functionality\n                  // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                  // onMouseLeave={handleMouseLeave}\n                  >\n                  {option.label}\n                </SelectItem>\n              ))}\n              {/* TODO: Reimplement tooltip functionality */}\n              {/* {activeTooltip && (\n                <Tooltip open>\n                  <TooltipTrigger asChild>\n                    <div className=\"absolute\" style={{ left: activeTooltip.x, top: activeTooltip.y }} />\n                  </TooltipTrigger>\n                  <TooltipContent\n                    side=\"right\"\n                    align=\"start\"\n                    sideOffset={5}\n                    className=\"max-w-none\">\n                    {activeTooltip.content}\n                  </TooltipContent>\n                </Tooltip>\n              )} */}\n            </SelectContent>\n          </Select>\n        </div>\n      </BaseFilter>\n    </TooltipProvider>\n  );\n}\n\nexport { SelectFilter };\n"],"mappings":";;;;;;;;;AAsBA,SAAS,aAAuC,EAC9C,OACA,UACA,QACA,aACkC;CAClC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,mBAAmB,OAAuB,KAAK;CACrD,MAAM,mBAAmB,OAA0B,KAAK;CACxD,MAAM,eAAe,OAAuB,KAAK;CAKjD,MAAM,UAAU,OAAO,mBACnB,CACE;EACE,OAAO,OAAO,aAAa;EAC3B,OAAO;EACR,EACD,GAAI,OAAO,WAAW,EAAE,CACzB,GACD,OAAO,WAAW,EAAE;CAGxB,MAAM,kBAAkB,UAAU,UAAa,OAAO,mBAAmB,QAAQ;CAEjF,MAAM,gBAAgB,QAAgB;AACpC,MAAI,SAEF,KAAI,OAAO,oBAAoB,QAAQ,MACrC,UAAS,OAAU;MAEnB,UAAS,IAAI;AAKjB,MAAI,OAAO,cACT,eAAc,MAAM;;CAsBxB,MAAM,eAhBiB,QAAQ,MAAM,WAAW,OAAO,UAAU,gBAAgB,EAgB5C,SAAS,aAAa,OAAO,eAAe;AAGjF,KAAI,OAAO,cACT,QACE,oBAAC,6BACC,oBAAC;EAAmB;EAAQ,OAAO;YACjC,oBAAC;GAAI,KAAK;GAAc,WAAU;aAChC,qBAACA,eAAa;IAAK,MAAM;IAAY,cAAc;eACjD,oBAACA,eAAa;KAAQ;eACpB,qBAAC;MACC,KAAK;MACL,SAAQ;MACR,WAAU;iBACV,oBAAC;OAAK,WAAU;iBACb;QACI,EACP,oBAAC,eACC,WAAW,GACT,yDACA,aAAa,eAAe,WAC7B,GACD;OACK;MACY,EAEvB,oBAACA,eAAa,oBACZ,oBAACA,eAAa;KACZ,KAAK;KACL,WAAU;KACV,MAAK;KACL,OAAM;KACN,YAAY;eACZ,qBAAC;MACC,OAAO;MACP,eAAe;MACf,UAAU,OAAO,YAAY;iBAC7B,oBAAC;OAAc,WAAU;iBACvB,oBAAC,eACC,aAAa,OAAO,eAAe,qBACnC;QACY,EAChB,oBAAC,2BACE,QAAQ,KAAK,WACZ,oBAAC;OAEC,OAAO,OAAO;iBAKb,OAAO;SANH,OAAO,MAOD,CACb,GACY;OACT;MACY,GACH;KACJ;IAChB;GACK,GACG;AAKtB,QACE,oBAAC,6BACC,oBAAC;EAAmB;EAAQ,OAAO;YACjC,oBAAC;GAAI,KAAK;GAAc,WAAU;aAChC,qBAAC;IACC,OAAO;IACP,eAAe;IACf,UAAU,OAAO,YAAY;eAC7B,oBAAC;KACC,KAAK;KACL,WAAU;eACV,oBAAC,eAAY,aAAa,OAAO,eAAe,qBAAsB;MACxD,EAChB,oBAAC;KAAc,KAAK;eACjB,QAAQ,KAAK,WACZ,oBAAC;MAEC,OAAO,OAAO;gBAKb,OAAO;QANH,OAAO,MAOD,CACb;MAgBY;KACT;IACL;GACK,GACG;;;kBArLqB"}
+{"version":3,"file":"SelectFilter.js","names":["DropdownMenu"],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/SelectFilter.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps, SelectOption } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { cn } from \"@lumeweb/portal-framework-ui-core\";\n// TODO: Reimplement tooltip functionality\n// import { useFilterTooltip } from \"../hooks/useFilterTooltip\";\n\nfunction SelectFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n  itemLabel,\n}: BaseFilterComponentProps<TData>) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const selectContentRef = useRef<HTMLDivElement>(null);\n  const selectTriggerRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // TODO: Reimplement tooltip functionality\n  // const { activeTooltip, handleItemHover, handleItemLeave } = useFilterTooltip();\n\n  // Prepare options - add \"all\" option if includeAllOption is true\n  const options = config.includeAllOption\n    ? [\n        {\n          label: `All ${itemLabel || \"Items\"}`,\n          value: \"all\",\n        } as SelectOption,\n        ...(config.options || []),\n      ]\n    : config.options || [];\n\n  // Map undefined value to \"all\" for controlled component only when includeAllOption is true\n  const controlledValue = value === undefined && config.includeAllOption ? \"all\" : value;\n\n  const handleChange = (val: string) => {\n    if (onChange) {\n      // If \"all\" option is selected, pass undefined to indicate no filter\n      if (config.includeAllOption && val === \"all\") {\n        onChange(undefined);\n      } else {\n        onChange(val);\n      }\n    }\n    \n    // Close dropdown menu after selection when dropdownStyle is used\n    if (config.dropdownStyle) {\n      setIsExpanded(false);\n    }\n  };\n\n  // Get the selected option to show its description in the trigger\n  // When \"all\" is selected, we want to show the special \"all\" option label\n  const selectedOption = options.find((option) => option.value === controlledValue);\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseEnter = (e: React.MouseEvent, optionValue: string) => {\n  //   const option = options.find((opt) => opt.value === optionValue);\n  //   if (option?.description) {\n  //     handleItemHover(option.description, e, containerRef);\n  //   }\n  // };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseLeave = () => {\n  //   handleItemLeave();\n  // };\n\n  // Compute proper trigger label that displays \"All …\" when value is \"all\" or undefined\n  const triggerLabel = selectedOption?.label || itemLabel || config.placeholder || \"Select option...\";\n\n  // If dropdownStyle is enabled, render as a dropdown menu\n  if (config.dropdownStyle) {\n    return (\n      <TooltipProvider>\n        <BaseFilter config={config} label={itemLabel}>\n          <div ref={containerRef} className=\"relative\">\n            <DropdownMenu.Root open={isExpanded} onOpenChange={setIsExpanded}>\n              <DropdownMenu.Trigger asChild>\n                <Button\n                  ref={selectTriggerRef}\n                  variant=\"ghost\"\n                  className=\"hover:bg-muted h-auto w-full justify-start p-3\">\n                  <span className=\"flex-1 text-left font-medium\">\n                    {triggerLabel}\n                  </span>\n                  <ChevronDown\n                    className={cn(\n                      \"h-4 w-4 transition-transform duration-200 ease-in-out\",\n                      isExpanded ? \"rotate-180\" : \"rotate-0\",\n                    )}\n                  />\n                </Button>\n              </DropdownMenu.Trigger>\n\n              <DropdownMenu.Portal>\n                <DropdownMenu.Content\n                  ref={selectContentRef}\n                  className=\"bg-background rounded-lg border p-3 shadow-lg\"\n                  side=\"bottom\"\n                  align=\"start\"\n                  sideOffset={5}>\n                  <Select\n                    value={controlledValue}\n                    onValueChange={handleChange}\n                    disabled={config.disabled || false}>\n                    <SelectTrigger className=\"w-full\">\n                      <SelectValue\n                        placeholder={config.placeholder || \"Select option...\"}\n                      />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {options.map((option) => (\n                        <SelectItem\n                          key={option.value}\n                          value={option.value}\n                          // TODO: Reimplement tooltip functionality\n                          // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                          // onMouseLeave={handleMouseLeave}\n                          >\n                          {option.label}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </DropdownMenu.Content>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Root>\n          </div>\n        </BaseFilter>\n      </TooltipProvider>\n    );\n  }\n\n  // Default inline behavior\n  return (\n    <TooltipProvider>\n      <BaseFilter config={config} label={itemLabel}>\n        <div ref={containerRef} className=\"relative\">\n          <Select\n            value={controlledValue}\n            onValueChange={handleChange}\n            disabled={config.disabled || false}>\n            <SelectTrigger\n              ref={selectTriggerRef}\n              className=\"w-full\">\n              <SelectValue placeholder={config.placeholder || \"Select option...\"} />\n            </SelectTrigger>\n            <SelectContent ref={selectContentRef}>\n              {options.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  // TODO: Reimplement tooltip functionality\n                  // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                  // onMouseLeave={handleMouseLeave}\n                  >\n                  {option.label}\n                </SelectItem>\n              ))}\n              {/* TODO: Reimplement tooltip functionality */}\n              {/* {activeTooltip && (\n                <Tooltip open>\n                  <TooltipTrigger asChild>\n                    <div className=\"absolute\" style={{ left: activeTooltip.x, top: activeTooltip.y }} />\n                  </TooltipTrigger>\n                  <TooltipContent\n                    side=\"right\"\n                    align=\"start\"\n                    sideOffset={5}\n                    className=\"max-w-none\">\n                    {activeTooltip.content}\n                  </TooltipContent>\n                </Tooltip>\n              )} */}\n            </SelectContent>\n          </Select>\n        </div>\n      </BaseFilter>\n    </TooltipProvider>\n  );\n}\n\nexport { SelectFilter };\n"],"mappings":";;;;;;;;AAsBA,SAAS,aAAuC,EAC9C,OACA,UACA,QACA,aACkC;CAClC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,mBAAmB,OAAuB,KAAK;CACrD,MAAM,mBAAmB,OAA0B,KAAK;CACxD,MAAM,eAAe,OAAuB,KAAK;CAKjD,MAAM,UAAU,OAAO,mBACnB,CACE;EACE,OAAO,OAAO,aAAa;EAC3B,OAAO;EACR,EACD,GAAI,OAAO,WAAW,EAAE,CACzB,GACD,OAAO,WAAW,EAAE;CAGxB,MAAM,kBAAkB,UAAU,UAAa,OAAO,mBAAmB,QAAQ;CAEjF,MAAM,gBAAgB,QAAgB;AACpC,MAAI,SAEF,KAAI,OAAO,oBAAoB,QAAQ,MACrC,UAAS,OAAU;MAEnB,UAAS,IAAI;AAKjB,MAAI,OAAO,cACT,eAAc,MAAM;;CAsBxB,MAAM,eAhBiB,QAAQ,MAAM,WAAW,OAAO,UAAU,gBAgB9B,EAAE,SAAS,aAAa,OAAO,eAAe;AAGjF,KAAI,OAAO,cACT,QACE,oBAAC,iBAAD,YACE,oBAAC,YAAD;EAAoB;EAAQ,OAAO;YACjC,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAChC,qBAACA,eAAa,MAAd;IAAmB,MAAM;IAAY,cAAc;cAAnD,CACE,oBAACA,eAAa,SAAd;KAAsB;eACpB,qBAAC,QAAD;MACE,KAAK;MACL,SAAQ;MACR,WAAU;gBAHZ,CAIE,oBAAC,QAAD;OAAM,WAAU;iBACb;OACI,GACP,oBAAC,aAAD,EACE,WAAW,GACT,yDACA,aAAa,eAAe,WAC7B,EACD,EACK;;KACY,GAEvB,oBAACA,eAAa,QAAd,YACE,oBAACA,eAAa,SAAd;KACE,KAAK;KACL,WAAU;KACV,MAAK;KACL,OAAM;KACN,YAAY;eACZ,qBAAC,QAAD;MACE,OAAO;MACP,eAAe;MACf,UAAU,OAAO,YAAY;gBAH/B,CAIE,oBAAC,eAAD;OAAe,WAAU;iBACvB,oBAAC,aAAD,EACE,aAAa,OAAO,eAAe,oBACnC;OACY,GAChB,oBAAC,eAAD,YACG,QAAQ,KAAK,WACZ,oBAAC,YAAD;OAEE,OAAO,OAAO;iBAKb,OAAO;OACG,EAPN,OAAO,MAOD,CACb,EACY,EACT;;KACY,GACH,EACJ;;GAChB;EACK,GACG;AAKtB,QACE,oBAAC,iBAAD,YACE,oBAAC,YAAD;EAAoB;EAAQ,OAAO;YACjC,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAChC,qBAAC,QAAD;IACE,OAAO;IACP,eAAe;IACf,UAAU,OAAO,YAAY;cAH/B,CAIE,oBAAC,eAAD;KACE,KAAK;KACL,WAAU;eACV,oBAAC,aAAD,EAAa,aAAa,OAAO,eAAe,oBAAsB;KACxD,GAChB,oBAAC,eAAD;KAAe,KAAK;eACjB,QAAQ,KAAK,WACZ,oBAAC,YAAD;MAEE,OAAO,OAAO;gBAKb,OAAO;MACG,EAPN,OAAO,MAOD,CACb;KAgBY,EACT;;GACL;EACK,GACG"}

package/dist/esm/components/data-table/toolbarItems/filters/components/TextFilter.js

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Input } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,11 +19,7 @@ function TextFilter({ value, onChange, config }) {
 		})
 	});
 }
-var init_TextFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_TextFilter();
-export { TextFilter, init_TextFilter };
+export { TextFilter };
 //# sourceMappingURL=TextFilter.js.map

package/dist/esm/components/data-table/toolbarItems/filters/components/TextFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/TextFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nfunction TextFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"text\"\n        placeholder={config.placeholder || \"Enter text...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { TextFilter };\n"],"mappings":";;;;;;;AAMA,SAAS,WAAqC,EAC5C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;IAC7B;GACS;;;kBAxB0B"}
+{"version":3,"file":"TextFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/TextFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nfunction TextFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"text\"\n        placeholder={config.placeholder || \"Enter text...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { TextFilter };\n"],"mappings":";;;;;;AAMA,SAAS,WAAqC,EAC5C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B;EACS"}

package/dist/esm/components/data-table/toolbarItems/filters/components/index.js

@@ -1,26 +1,10 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BooleanFilter, init_BooleanFilter } from "./BooleanFilter.js";
-import { DateFilter, init_DateFilter } from "./DateFilter.js";
-import { MultiSelectFilter, init_MultiSelectFilter } from "./MultiSelectFilter.js";
-import { NumberFilter, init_NumberFilter } from "./NumberFilter.js";
-import { RangeFilter, init_RangeFilter } from "./RangeFilter.js";
-import { SearchFilter, init_SearchFilter } from "./SearchFilter.js";
-import { SelectFilter, init_SelectFilter } from "./SelectFilter.js";
-import { TextFilter, init_TextFilter } from "./TextFilter.js";
+import { BooleanFilter } from "./BooleanFilter.js";
+import { DateFilter } from "./DateFilter.js";
+import { MultiSelectFilter } from "./MultiSelectFilter.js";
+import { NumberFilter } from "./NumberFilter.js";
+import { RangeFilter } from "./RangeFilter.js";
+import { SearchFilter } from "./SearchFilter.js";
+import { SelectFilter } from "./SelectFilter.js";
+import { TextFilter } from "./TextFilter.js";
 
-//#region src/components/data-table/toolbarItems/filters/components/index.ts
-var init_components = __esmMin(() => {
-	init_BooleanFilter();
-	init_DateFilter();
-	init_MultiSelectFilter();
-	init_NumberFilter();
-	init_RangeFilter();
-	init_SearchFilter();
-	init_SelectFilter();
-	init_TextFilter();
-});
-
-//#endregion
-init_components();
-export { BooleanFilter, DateFilter, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, init_components };
-//# sourceMappingURL=index.js.map
+export { BooleanFilter, DateFilter, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter };

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterOperators.d.ts

@@ -1,7 +1,6 @@
 import { FilterOperator } from "../types.js";
 
 //#region src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.d.ts
-
 /**
  * Default operators mapping based on data types
  */
@@ -33,15 +32,10 @@ declare const getDefaultOperator: (type: string) => FilterOperator;
  * @returns An object containing the current operator and setter function
  */
 declare function useFilterOperators<TData = any>(fieldType: string, initialOperator?: FilterOperator): {
-  /** Current operator */
-  operator: any;
-  /** Setter function for operator */
-  setOperator: any;
-  /** Function to get available operators for a field type */
-  getAvailableOperators: (type: string) => FilterOperator[];
-  /** Function to get default operator for a field type */
-  getDefaultOperator: (type: string) => FilterOperator;
-  /** Function to reset operator to default */
+  /** Current operator */operator: any; /** Setter function for operator */
+  setOperator: any; /** Function to get available operators for a field type */
+  getAvailableOperators: (type: string) => FilterOperator[]; /** Function to get default operator for a field type */
+  getDefaultOperator: (type: string) => FilterOperator; /** Function to reset operator to default */
   resetOperator: () => void;
 };
 //#endregion

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterOperators.js

@@ -1,9 +1,65 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { FilterOperator, init_types } from "../types.js";
+import { FilterOperator } from "../types.js";
 import { useEffect, useState } from "react";
 
 //#region src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.ts
 /**
+* Default operators mapping based on data types
+*/
+const DEFAULT_OPERATORS = {
+	string: "contains",
+	number: "eq",
+	boolean: "eq",
+	date: "gte",
+	array: "in"
+};
+/**
+* Get available operators for a specific field type
+*/
+const getAvailableOperators = (type) => {
+	switch (type) {
+		case "string": return [
+			"contains",
+			"eq",
+			"ne",
+			"startswith",
+			"endswith"
+		];
+		case "number": return [
+			"eq",
+			"ne",
+			"lt",
+			"gt",
+			"lte",
+			"gte"
+		];
+		case "boolean": return ["eq"];
+		case "date": return [
+			"eq",
+			"ne",
+			"lt",
+			"gt",
+			"lte",
+			"gte"
+		];
+		case "array": return ["in", "nin"];
+		default: return ["eq", "ne"];
+	}
+};
+/**
+* Get default operator for a field type
+* @param fieldType - The type of field to get default operator for
+* @returns The default operator for the field type
+*/
+const getDefaultOperatorForFieldType = (fieldType) => {
+	return DEFAULT_OPERATORS[fieldType] || "eq";
+};
+/**
+* Get the default operator for a field type
+*/
+const getDefaultOperator = (type) => {
+	return getDefaultOperatorForFieldType(type);
+};
+/**
 * Hook for managing filter operators with defaults based on filter type
 *
 * This hook provides a clean API for handling filter operators in components,
@@ -16,7 +72,7 @@ import { useEffect, useState } from "react";
 * @returns An object containing the current operator and setter function
 */
 function useFilterOperators(fieldType, initialOperator) {
-	const [operator, setOperator] = useState(initialOperator || DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ);
+	const [operator, setOperator] = useState(initialOperator || DEFAULT_OPERATORS[fieldType] || "eq");
 	/**
 	* Reset operator to default for the field type
 	*/
@@ -28,62 +84,19 @@ function useFilterOperators(fieldType, initialOperator) {
 		else setOperator(getDefaultOperator(fieldType));
 	}, [fieldType, initialOperator]);
 	return {
+		/** Current operator */
 		operator,
+		/** Setter function for operator */
 		setOperator,
+		/** Function to get available operators for a field type */
 		getAvailableOperators,
+		/** Function to get default operator for a field type */
 		getDefaultOperator,
+		/** Function to reset operator to default */
 		resetOperator
 	};
 }
-var DEFAULT_OPERATORS, getAvailableOperators, getDefaultOperatorForFieldType, getDefaultOperator;
-var init_useFilterOperators = __esmMin(() => {
-	init_types();
-	DEFAULT_OPERATORS = {
-		string: FilterOperator.CONTAINS,
-		number: FilterOperator.EQ,
-		boolean: FilterOperator.EQ,
-		date: FilterOperator.GTE,
-		array: FilterOperator.IN
-	};
-	getAvailableOperators = (type) => {
-		switch (type) {
-			case "string": return [
-				FilterOperator.CONTAINS,
-				FilterOperator.EQ,
-				FilterOperator.NE,
-				FilterOperator.STARTS_WITH,
-				FilterOperator.ENDS_WITH
-			];
-			case "number": return [
-				FilterOperator.EQ,
-				FilterOperator.NE,
-				FilterOperator.LT,
-				FilterOperator.GT,
-				FilterOperator.LTE,
-				FilterOperator.GTE
-			];
-			case "boolean": return [FilterOperator.EQ];
-			case "date": return [
-				FilterOperator.EQ,
-				FilterOperator.NE,
-				FilterOperator.LT,
-				FilterOperator.GT,
-				FilterOperator.LTE,
-				FilterOperator.GTE
-			];
-			case "array": return [FilterOperator.IN, FilterOperator.NIN];
-			default: return [FilterOperator.EQ, FilterOperator.NE];
-		}
-	};
-	getDefaultOperatorForFieldType = (fieldType) => {
-		return DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ;
-	};
-	getDefaultOperator = (type) => {
-		return getDefaultOperatorForFieldType(type);
-	};
-});
 
 //#endregion
-init_useFilterOperators();
-export { DEFAULT_OPERATORS, getAvailableOperators, getDefaultOperator, getDefaultOperatorForFieldType, init_useFilterOperators, useFilterOperators };
+export { DEFAULT_OPERATORS, getAvailableOperators, getDefaultOperator, getDefaultOperatorForFieldType, useFilterOperators };
 //# sourceMappingURL=useFilterOperators.js.map

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterOperators.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterOperators.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { FilterOperator } from \"@/components/data-table/toolbarItems/filters/types\";\n\n/**\n * Default operators mapping based on data types\n */\nexport const DEFAULT_OPERATORS: Record<string, FilterOperator> = {\n  string: FilterOperator.CONTAINS,\n  number: FilterOperator.EQ,\n  boolean: FilterOperator.EQ,\n  date: FilterOperator.GTE,\n  array: FilterOperator.IN,\n};\n\n/**\n * Get available operators for a specific field type\n */\nexport const getAvailableOperators = (\n  type: string,\n): FilterOperator[] => {\n  switch (type) {\n    case \"string\":\n      return [\n        FilterOperator.CONTAINS,\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.STARTS_WITH,\n        FilterOperator.ENDS_WITH,\n      ];\n    case \"number\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"boolean\":\n      return [FilterOperator.EQ];\n    case \"date\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"array\":\n      return [FilterOperator.IN, FilterOperator.NIN];\n    default:\n      return [FilterOperator.EQ, FilterOperator.NE];\n  }\n};\n\n/**\n * Get default operator for a field type\n * @param fieldType - The type of field to get default operator for\n * @returns The default operator for the field type\n */\nexport const getDefaultOperatorForFieldType = (fieldType: string): FilterOperator => {\n  return DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ;\n};\n\n/**\n * Get the default operator for a field type\n */\nexport const getDefaultOperator = (\n  type: string,\n): FilterOperator => {\n  return getDefaultOperatorForFieldType(type);\n};\n\n/**\n * Hook for managing filter operators with defaults based on filter type\n *\n * This hook provides a clean API for handling filter operators in components,\n * automatically setting appropriate default operators based on the data type\n * and allowing for custom operator selection.\n *\n * @template TData - The type of data being filtered\n * @param fieldType - The type of field being filtered (string, number, boolean, date, array)\n * @param initialOperator - Optional initial operator to override defaults\n * @returns An object containing the current operator and setter function\n */\nexport function useFilterOperators<TData = any>(\n  fieldType: string,\n  initialOperator?: FilterOperator,\n) {\n  const [operator, setOperator] = useState<FilterOperator>(\n    initialOperator || DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ,\n  );\n\n  /**\n   * Reset operator to default for the field type\n   */\n  const resetOperator = () => {\n    setOperator(getDefaultOperator(fieldType));\n  };\n\n  // Update operator when fieldType or initialOperator changes\n  useEffect(() => {\n    if (initialOperator !== undefined) {\n      setOperator(initialOperator);\n    } else {\n      setOperator(getDefaultOperator(fieldType));\n    }\n  }, [fieldType, initialOperator]);\n\n  return {\n    /** Current operator */\n    operator,\n    /** Setter function for operator */\n    setOperator,\n    /** Function to get available operators for a field type */\n    getAvailableOperators,\n    /** Function to get default operator for a field type */\n    getDefaultOperator,\n    /** Function to reset operator to default */\n    resetOperator,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsFA,SAAgB,mBACd,WACA,iBACA;CACA,MAAM,CAAC,UAAU,eAAe,SAC9B,mBAAmB,kBAAkB,cAAc,eAAe,GACnE;;;;CAKD,MAAM,sBAAsB;AAC1B,cAAY,mBAAmB,UAAU,CAAC;;AAI5C,iBAAgB;AACd,MAAI,oBAAoB,OACtB,aAAY,gBAAgB;MAE5B,aAAY,mBAAmB,UAAU,CAAC;IAE3C,CAAC,WAAW,gBAAgB,CAAC;AAEhC,QAAO;EAEL;EAEA;EAEA;EAEA;EAEA;EACD;;;;aAxHiF;CAKvE,oBAAoD;EAC/D,QAAQ,eAAe;EACvB,QAAQ,eAAe;EACvB,SAAS,eAAe;EACxB,MAAM,eAAe;EACrB,OAAO,eAAe;EACvB;CAKY,yBACX,SACqB;AACrB,UAAQ,MAAR;GACE,KAAK,SACH,QAAO;IACL,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IAChB;GACH,KAAK,SACH,QAAO;IACL,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IAChB;GACH,KAAK,UACH,QAAO,CAAC,eAAe,GAAG;GAC5B,KAAK,OACH,QAAO;IACL,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IAChB;GACH,KAAK,QACH,QAAO,CAAC,eAAe,IAAI,eAAe,IAAI;GAChD,QACE,QAAO,CAAC,eAAe,IAAI,eAAe,GAAG;;;CAStC,kCAAkC,cAAsC;AACnF,SAAO,kBAAkB,cAAc,eAAe;;CAM3C,sBACX,SACmB;AACnB,SAAO,+BAA+B,KAAK"}
+{"version":3,"file":"useFilterOperators.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { FilterOperator } from \"@/components/data-table/toolbarItems/filters/types\";\n\n/**\n * Default operators mapping based on data types\n */\nexport const DEFAULT_OPERATORS: Record<string, FilterOperator> = {\n  string: FilterOperator.CONTAINS,\n  number: FilterOperator.EQ,\n  boolean: FilterOperator.EQ,\n  date: FilterOperator.GTE,\n  array: FilterOperator.IN,\n};\n\n/**\n * Get available operators for a specific field type\n */\nexport const getAvailableOperators = (\n  type: string,\n): FilterOperator[] => {\n  switch (type) {\n    case \"string\":\n      return [\n        FilterOperator.CONTAINS,\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.STARTS_WITH,\n        FilterOperator.ENDS_WITH,\n      ];\n    case \"number\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"boolean\":\n      return [FilterOperator.EQ];\n    case \"date\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"array\":\n      return [FilterOperator.IN, FilterOperator.NIN];\n    default:\n      return [FilterOperator.EQ, FilterOperator.NE];\n  }\n};\n\n/**\n * Get default operator for a field type\n * @param fieldType - The type of field to get default operator for\n * @returns The default operator for the field type\n */\nexport const getDefaultOperatorForFieldType = (fieldType: string): FilterOperator => {\n  return DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ;\n};\n\n/**\n * Get the default operator for a field type\n */\nexport const getDefaultOperator = (\n  type: string,\n): FilterOperator => {\n  return getDefaultOperatorForFieldType(type);\n};\n\n/**\n * Hook for managing filter operators with defaults based on filter type\n *\n * This hook provides a clean API for handling filter operators in components,\n * automatically setting appropriate default operators based on the data type\n * and allowing for custom operator selection.\n *\n * @template TData - The type of data being filtered\n * @param fieldType - The type of field being filtered (string, number, boolean, date, array)\n * @param initialOperator - Optional initial operator to override defaults\n * @returns An object containing the current operator and setter function\n */\nexport function useFilterOperators<TData = any>(\n  fieldType: string,\n  initialOperator?: FilterOperator,\n) {\n  const [operator, setOperator] = useState<FilterOperator>(\n    initialOperator || DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ,\n  );\n\n  /**\n   * Reset operator to default for the field type\n   */\n  const resetOperator = () => {\n    setOperator(getDefaultOperator(fieldType));\n  };\n\n  // Update operator when fieldType or initialOperator changes\n  useEffect(() => {\n    if (initialOperator !== undefined) {\n      setOperator(initialOperator);\n    } else {\n      setOperator(getDefaultOperator(fieldType));\n    }\n  }, [fieldType, initialOperator]);\n\n  return {\n    /** Current operator */\n    operator,\n    /** Setter function for operator */\n    setOperator,\n    /** Function to get available operators for a field type */\n    getAvailableOperators,\n    /** Function to get default operator for a field type */\n    getDefaultOperator,\n    /** Function to reset operator to default */\n    resetOperator,\n  };\n}\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoD;CAC/D;CACA;CACA;CACA;CACA;CACD;;;;AAKD,MAAa,yBACX,SACqB;AACrB,SAAQ,MAAR;EACE,KAAK,SACH,QAAO;;;;;;GAMN;EACH,KAAK,SACH,QAAO;;;;;;;GAON;EACH,KAAK,UACH,QAAO,MAAmB;EAC5B,KAAK,OACH,QAAO;;;;;;;GAON;EACH,KAAK,QACH,QAAO,aAAuC;EAChD,QACE,QAAO,YAAsC;;;;;;;;AASnD,MAAa,kCAAkC,cAAsC;AACnF,QAAO,kBAAkB;;;;;AAM3B,MAAa,sBACX,SACmB;AACnB,QAAO,+BAA+B,KAAK;;;;;;;;;;;;;;AAe7C,SAAgB,mBACd,WACA,iBACA;CACA,MAAM,CAAC,UAAU,eAAe,SAC9B,mBAAmB,kBAAkB,mBACtC;;;;CAKD,MAAM,sBAAsB;AAC1B,cAAY,mBAAmB,UAAU,CAAC;;AAI5C,iBAAgB;AACd,MAAI,oBAAoB,OACtB,aAAY,gBAAgB;MAE5B,aAAY,mBAAmB,UAAU,CAAC;IAE3C,CAAC,WAAW,gBAAgB,CAAC;AAEhC,QAAO;;EAEL;;EAEA;;EAEA;;EAEA;;EAEA;EACD"}

package/dist/esm/components/data-table/toolbarItems/filters/index.d.ts

@@ -7,6 +7,5 @@ import { RangeFilter, RangeValue } from "./components/RangeFilter.js";
 import { SearchFilter } from "./components/SearchFilter.js";
 import { SelectFilter } from "./components/SelectFilter.js";
 import { TextFilter } from "./components/TextFilter.js";
-import "./components/index.js";
 import { createFilterOnChangeHandler, createFiltersFromValue } from "./util.js";
 export { ActionType, BaseFilterComponentProps, BooleanFilter, DateFilter, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, MultiSelectFilter, MultiSelectFilterProps, NumberFilter, RangeFilter, RangeValue, SearchFilter, SelectFilter, SelectOption, TextFilter, createFilterOnChangeHandler, createFiltersFromValue };

package/dist/esm/components/data-table/toolbarItems/filters/index.js

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
-import { ActionType, FilterOperator, FilterType, init_types } from "./types.js";
+import { ActionType, FilterOperator, FilterType } from "./types.js";
 import { BooleanFilter } from "./components/BooleanFilter.js";
 import { DateFilter } from "./components/DateFilter.js";
 import { MultiSelectFilter } from "./components/MultiSelectFilter.js";
@@ -8,17 +7,7 @@ import { RangeFilter } from "./components/RangeFilter.js";
 import { SearchFilter } from "./components/SearchFilter.js";
 import { SelectFilter } from "./components/SelectFilter.js";
 import { TextFilter } from "./components/TextFilter.js";
-import { init_components } from "./components/index.js";
-import { createFilterOnChangeHandler, createFiltersFromValue, init_util } from "./util.js";
+import "./components/index.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./util.js";
 
-//#region src/components/data-table/toolbarItems/filters/index.ts
-var init_filters = __esmMin(() => {
-	init_components();
-	init_util();
-	init_types();
-});
-
-//#endregion
-init_filters();
-export { ActionType, BooleanFilter, DateFilter, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, createFilterOnChangeHandler, createFiltersFromValue, init_filters };
-//# sourceMappingURL=index.js.map
+export { ActionType, BooleanFilter, DateFilter, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, createFilterOnChangeHandler, createFiltersFromValue };

package/dist/esm/components/data-table/toolbarItems/filters/register.d.ts

@@ -1,8 +1 @@
-import "./components/BooleanFilter.js";
-import "./components/DateFilter.js";
-import "./components/MultiSelectFilter.js";
-import "./components/NumberFilter.js";
-import "./components/RangeFilter.js";
-import "./components/SearchFilter.js";
-import "./components/SelectFilter.js";
-import "./components/TextFilter.js";
+export { };

package/dist/esm/components/data-table/toolbarItems/filters/register.js

@@ -1,21 +1,8 @@
-import { init_BooleanFilter } from "./components/BooleanFilter.js";
-import { init_DateFilter } from "./components/DateFilter.js";
-import { init_MultiSelectFilter } from "./components/MultiSelectFilter.js";
-import { init_NumberFilter } from "./components/NumberFilter.js";
-import { init_RangeFilter } from "./components/RangeFilter.js";
-import { init_SearchFilter } from "./components/SearchFilter.js";
-import { init_SelectFilter } from "./components/SelectFilter.js";
-import { init_TextFilter } from "./components/TextFilter.js";
-
-//#region src/components/data-table/toolbarItems/filters/register.ts
-init_TextFilter();
-init_SelectFilter();
-init_NumberFilter();
-init_DateFilter();
-init_BooleanFilter();
-init_MultiSelectFilter();
-init_RangeFilter();
-init_SearchFilter();
-
-//#endregion
-//# sourceMappingURL=register.js.map
+import "./components/BooleanFilter.js";
+import "./components/DateFilter.js";
+import "./components/MultiSelectFilter.js";
+import "./components/NumberFilter.js";
+import "./components/RangeFilter.js";
+import "./components/SearchFilter.js";
+import "./components/SelectFilter.js";
+import "./components/TextFilter.js";

package/dist/esm/components/data-table/toolbarItems/filters/types.d.ts

@@ -1,7 +1,6 @@
 import { BaseRecord, CrudOperators } from "@refinedev/core";
 
 //#region src/components/data-table/toolbarItems/filters/types.d.ts
-
 /**
  * Interface for select options used in filters
  */
@@ -31,7 +30,7 @@ declare enum FilterOperator {
   BETWEEN = "between",
   NOT_CONTAINS = "ncontains",
   NULL = "null",
-  NOT_NULL = "nnull",
+  NOT_NULL = "nnull"
 }
 /**
  * Type for logical operators that can be used in LogicalFilter
@@ -59,7 +58,7 @@ declare enum FilterType {
   /** Numeric range slider filter */
   RANGE = "range",
   /** Search input filter */
-  SEARCH = "search",
+  SEARCH = "search"
 }
 /**
  * Configuration interface for defining filter behavior
@@ -114,13 +113,9 @@ interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {
   config: FilterConfig<TData>;
   /** Table contexts with filter management helpers */
   context?: {
-    /** Set table filters */
-    setFilters?: (filters: any[]) => void;
-    /** Set table sorters */
-    setSorters?: (sorters: any[]) => void;
-    /** Current filters state */
-    filters?: any[];
-    /** Current sorters state */
+    /** Set table filters */setFilters?: (filters: any[]) => void; /** Set table sorters */
+    setSorters?: (sorters: any[]) => void; /** Current filters state */
+    filters?: any[]; /** Current sorters state */
     sorters?: any[];
   };
 }
@@ -138,7 +133,7 @@ declare enum ActionType {
   EXPORT = "export",
   CREATE = "create",
   DELETE = "delete",
-  CUSTOM = "custom",
+  CUSTOM = "custom"
 }
 //#endregion
 export { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption };

package/dist/esm/components/data-table/toolbarItems/filters/types.js

@@ -1,58 +1,58 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
-
 //#region src/components/data-table/toolbarItems/filters/types.ts
-var FilterOperator, FilterType, ActionType;
-var init_types = __esmMin(() => {
-	FilterOperator = /* @__PURE__ */ function(FilterOperator$1) {
-		FilterOperator$1["CONTAINS"] = "contains";
-		FilterOperator$1["EQ"] = "eq";
-		FilterOperator$1["NE"] = "ne";
-		FilterOperator$1["LT"] = "lt";
-		FilterOperator$1["GT"] = "gt";
-		FilterOperator$1["LTE"] = "lte";
-		FilterOperator$1["GTE"] = "gte";
-		FilterOperator$1["IN"] = "in";
-		FilterOperator$1["NIN"] = "nin";
-		FilterOperator$1["STARTS_WITH"] = "startswith";
-		FilterOperator$1["ENDS_WITH"] = "endswith";
-		FilterOperator$1["BETWEEN"] = "between";
-		FilterOperator$1["NOT_CONTAINS"] = "ncontains";
-		FilterOperator$1["NULL"] = "null";
-		FilterOperator$1["NOT_NULL"] = "nnull";
-		return FilterOperator$1;
-	}({});
-	FilterType = /* @__PURE__ */ function(FilterType$1) {
-		/** Text input filter */
-		FilterType$1["TEXT"] = "text";
-		/** Single select dropdown filter */
-		FilterType$1["SELECT"] = "select";
-		/** Multi-select dropdown filter */
-		FilterType$1["MULTI_SELECT"] = "multi-select";
-		/** Number input filter */
-		FilterType$1["NUMBER"] = "number";
-		/** Date picker filter */
-		FilterType$1["DATE"] = "date";
-		/** Date range picker filter */
-		FilterType$1["DATE_RANGE"] = "date-range";
-		/** Boolean toggle filter */
-		FilterType$1["BOOLEAN"] = "boolean";
-		/** Numeric range slider filter */
-		FilterType$1["RANGE"] = "range";
-		/** Search input filter */
-		FilterType$1["SEARCH"] = "search";
-		return FilterType$1;
-	}({});
-	ActionType = /* @__PURE__ */ function(ActionType$1) {
-		ActionType$1["REFRESH"] = "refresh";
-		ActionType$1["EXPORT"] = "export";
-		ActionType$1["CREATE"] = "create";
-		ActionType$1["DELETE"] = "delete";
-		ActionType$1["CUSTOM"] = "custom";
-		return ActionType$1;
-	}({});
-});
+/**
+* Enum defining CRUD operators for filter components
+*/
+let FilterOperator = /* @__PURE__ */ function(FilterOperator) {
+	FilterOperator["CONTAINS"] = "contains";
+	FilterOperator["EQ"] = "eq";
+	FilterOperator["NE"] = "ne";
+	FilterOperator["LT"] = "lt";
+	FilterOperator["GT"] = "gt";
+	FilterOperator["LTE"] = "lte";
+	FilterOperator["GTE"] = "gte";
+	FilterOperator["IN"] = "in";
+	FilterOperator["NIN"] = "nin";
+	FilterOperator["STARTS_WITH"] = "startswith";
+	FilterOperator["ENDS_WITH"] = "endswith";
+	FilterOperator["BETWEEN"] = "between";
+	FilterOperator["NOT_CONTAINS"] = "ncontains";
+	FilterOperator["NULL"] = "null";
+	FilterOperator["NOT_NULL"] = "nnull";
+	return FilterOperator;
+}({});
+/**
+* Enum defining common filter types used in data tables
+*/
+let FilterType = /* @__PURE__ */ function(FilterType) {
+	/** Text input filter */
+	FilterType["TEXT"] = "text";
+	/** Single select dropdown filter */
+	FilterType["SELECT"] = "select";
+	/** Multi-select dropdown filter */
+	FilterType["MULTI_SELECT"] = "multi-select";
+	/** Number input filter */
+	FilterType["NUMBER"] = "number";
+	/** Date picker filter */
+	FilterType["DATE"] = "date";
+	/** Date range picker filter */
+	FilterType["DATE_RANGE"] = "date-range";
+	/** Boolean toggle filter */
+	FilterType["BOOLEAN"] = "boolean";
+	/** Numeric range slider filter */
+	FilterType["RANGE"] = "range";
+	/** Search input filter */
+	FilterType["SEARCH"] = "search";
+	return FilterType;
+}({});
+let ActionType = /* @__PURE__ */ function(ActionType) {
+	ActionType["REFRESH"] = "refresh";
+	ActionType["EXPORT"] = "export";
+	ActionType["CREATE"] = "create";
+	ActionType["DELETE"] = "delete";
+	ActionType["CUSTOM"] = "custom";
+	return ActionType;
+}({});
 
 //#endregion
-init_types();
-export { ActionType, FilterOperator, FilterType, init_types };
+export { ActionType, FilterOperator, FilterType };
 //# sourceMappingURL=types.js.map

package/dist/esm/components/data-table/toolbarItems/filters/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/types.ts"],"sourcesContent":["import { BaseRecord, type CrudOperators } from \"@refinedev/core\";\n\n/**\n * Interface for select options used in filters\n */\nexport interface SelectOption {\n  /** Display label for the option */\n  label: string;\n  /** Value of the option */\n  value: string;\n  /** Optional description for the option */\n  description?: string;\n}\n\n/**\n * Enum defining CRUD operators for filter components\n */\nexport enum FilterOperator {\n  CONTAINS = \"contains\",\n  EQ = \"eq\",\n  NE = \"ne\",\n  LT = \"lt\",\n  GT = \"gt\",\n  LTE = \"lte\",\n  GTE = \"gte\",\n  IN = \"in\",\n  NIN = \"nin\",\n  STARTS_WITH = \"startswith\",\n  ENDS_WITH = \"endswith\",\n  BETWEEN = \"between\",\n  NOT_CONTAINS = \"ncontains\",\n  NULL = \"null\",\n  NOT_NULL = \"nnull\",\n}\n\n/**\n * Type for logical operators that can be used in LogicalFilter\n * Excludes \"or\" and \"and\" operators which are used for LogicalFilter composition\n */\nexport type LogicalFilterOperator = Exclude<CrudOperators, \"or\" | \"and\">;\n\n/**\n * Enum defining common filter types used in data tables\n */\nexport enum FilterType {\n  /** Text input filter */\n  TEXT = \"text\",\n  /** Single select dropdown filter */\n  SELECT = \"select\",\n  /** Multi-select dropdown filter */\n  MULTI_SELECT = \"multi-select\",\n  /** Number input filter */\n  NUMBER = \"number\",\n  /** Date picker filter */\n  DATE = \"date\",\n  /** Date range picker filter */\n  DATE_RANGE = \"date-range\",\n  /** Boolean toggle filter */\n  BOOLEAN = \"boolean\",\n  /** Numeric range slider filter */\n  RANGE = \"range\",\n  /** Search input filter */\n  SEARCH = \"search\",\n}\n\n/**\n * Configuration interface for defining filter behavior\n */\nexport interface FilterConfig<TData extends BaseRecord = BaseRecord> {\n  /** Unique identifier for the filter */\n  id: string;\n  /** Type of filter to render */\n  type: FilterType;\n  /** Label for the filter */\n  label: string;\n  /** Field name in the data model to filter on */\n  field: keyof TData;\n  /** CRUD operator to use for this filter */\n  operator: LogicalFilterOperator;\n  /** Initial value for the filter */\n  initialValue?: any;\n  /** Placeholder text for input filters */\n  placeholder?: string;\n  /** Options for select filters */\n  options?: SelectOption[];\n  /** Minimum value for number/range filters */\n  min?: number;\n  /** Maximum value for number/range filters */\n  max?: number;\n  /** Step value for number inputs */\n  step?: number;\n  /** Whether the filter is disabled */\n  disabled?: boolean;\n  /** Custom class name for the filter component */\n  className?: string;\n  /** Placeholder for min value in range filters */\n  minPlaceholder?: string;\n  /** Placeholder for max value in range filters */\n  maxPlaceholder?: string;\n  /** Whether to use dropdown style expansion instead of inline */\n  dropdownStyle?: boolean;\n  /** Custom props for the filter component */\n  customProps?: Record<string, any>;\n  /** Whether to include an \"all\" option that clears the filter */\n  includeAllOption?: boolean;\n}\n\n/**\n * Props interface for filter components\n */\nexport interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {\n  /** Current value of the filter */\n  value: any;\n  /** Handler to update the filter value */\n  onChange: (value: any) => void;\n  /** Filter configuration */\n  config: FilterConfig<TData>;\n  /** Table contexts with filter management helpers */\n  context?: {\n    /** Set table filters */\n    setFilters?: (filters: any[]) => void;\n    /** Set table sorters */\n    setSorters?: (sorters: any[]) => void;\n    /** Current filters state */\n    filters?: any[];\n    /** Current sorters state */\n    sorters?: any[];\n  };\n}\n\n/**\n * Base props interface for filter components that consolidates configuration\n */\nexport interface BaseFilterComponentProps<TData extends BaseRecord = BaseRecord>\n  extends Omit<FilterComponentProps<TData>, \"config\"> {\n  /** Filter configuration - required for unified configuration system */\n  config: FilterConfig<TData>;\n  /** Label from the filter item (not config) */\n  itemLabel?: string;\n}\n\nexport enum ActionType {\n  REFRESH = \"refresh\",\n  EXPORT = \"export\",\n  CREATE = \"create\",\n  DELETE = \"delete\",\n  CUSTOM = \"custom\",\n}\n"],"mappings":";;;;;CAiBY,4DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;CAYU,oDAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;;CA+EU,oDAAL;AACL;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/types.ts"],"sourcesContent":["import { BaseRecord, type CrudOperators } from \"@refinedev/core\";\n\n/**\n * Interface for select options used in filters\n */\nexport interface SelectOption {\n  /** Display label for the option */\n  label: string;\n  /** Value of the option */\n  value: string;\n  /** Optional description for the option */\n  description?: string;\n}\n\n/**\n * Enum defining CRUD operators for filter components\n */\nexport enum FilterOperator {\n  CONTAINS = \"contains\",\n  EQ = \"eq\",\n  NE = \"ne\",\n  LT = \"lt\",\n  GT = \"gt\",\n  LTE = \"lte\",\n  GTE = \"gte\",\n  IN = \"in\",\n  NIN = \"nin\",\n  STARTS_WITH = \"startswith\",\n  ENDS_WITH = \"endswith\",\n  BETWEEN = \"between\",\n  NOT_CONTAINS = \"ncontains\",\n  NULL = \"null\",\n  NOT_NULL = \"nnull\",\n}\n\n/**\n * Type for logical operators that can be used in LogicalFilter\n * Excludes \"or\" and \"and\" operators which are used for LogicalFilter composition\n */\nexport type LogicalFilterOperator = Exclude<CrudOperators, \"or\" | \"and\">;\n\n/**\n * Enum defining common filter types used in data tables\n */\nexport enum FilterType {\n  /** Text input filter */\n  TEXT = \"text\",\n  /** Single select dropdown filter */\n  SELECT = \"select\",\n  /** Multi-select dropdown filter */\n  MULTI_SELECT = \"multi-select\",\n  /** Number input filter */\n  NUMBER = \"number\",\n  /** Date picker filter */\n  DATE = \"date\",\n  /** Date range picker filter */\n  DATE_RANGE = \"date-range\",\n  /** Boolean toggle filter */\n  BOOLEAN = \"boolean\",\n  /** Numeric range slider filter */\n  RANGE = \"range\",\n  /** Search input filter */\n  SEARCH = \"search\",\n}\n\n/**\n * Configuration interface for defining filter behavior\n */\nexport interface FilterConfig<TData extends BaseRecord = BaseRecord> {\n  /** Unique identifier for the filter */\n  id: string;\n  /** Type of filter to render */\n  type: FilterType;\n  /** Label for the filter */\n  label: string;\n  /** Field name in the data model to filter on */\n  field: keyof TData;\n  /** CRUD operator to use for this filter */\n  operator: LogicalFilterOperator;\n  /** Initial value for the filter */\n  initialValue?: any;\n  /** Placeholder text for input filters */\n  placeholder?: string;\n  /** Options for select filters */\n  options?: SelectOption[];\n  /** Minimum value for number/range filters */\n  min?: number;\n  /** Maximum value for number/range filters */\n  max?: number;\n  /** Step value for number inputs */\n  step?: number;\n  /** Whether the filter is disabled */\n  disabled?: boolean;\n  /** Custom class name for the filter component */\n  className?: string;\n  /** Placeholder for min value in range filters */\n  minPlaceholder?: string;\n  /** Placeholder for max value in range filters */\n  maxPlaceholder?: string;\n  /** Whether to use dropdown style expansion instead of inline */\n  dropdownStyle?: boolean;\n  /** Custom props for the filter component */\n  customProps?: Record<string, any>;\n  /** Whether to include an \"all\" option that clears the filter */\n  includeAllOption?: boolean;\n}\n\n/**\n * Props interface for filter components\n */\nexport interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {\n  /** Current value of the filter */\n  value: any;\n  /** Handler to update the filter value */\n  onChange: (value: any) => void;\n  /** Filter configuration */\n  config: FilterConfig<TData>;\n  /** Table contexts with filter management helpers */\n  context?: {\n    /** Set table filters */\n    setFilters?: (filters: any[]) => void;\n    /** Set table sorters */\n    setSorters?: (sorters: any[]) => void;\n    /** Current filters state */\n    filters?: any[];\n    /** Current sorters state */\n    sorters?: any[];\n  };\n}\n\n/**\n * Base props interface for filter components that consolidates configuration\n */\nexport interface BaseFilterComponentProps<TData extends BaseRecord = BaseRecord>\n  extends Omit<FilterComponentProps<TData>, \"config\"> {\n  /** Filter configuration - required for unified configuration system */\n  config: FilterConfig<TData>;\n  /** Label from the filter item (not config) */\n  itemLabel?: string;\n}\n\nexport enum ActionType {\n  REFRESH = \"refresh\",\n  EXPORT = \"export\",\n  CREATE = \"create\",\n  DELETE = \"delete\",\n  CUSTOM = \"custom\",\n}\n"],"mappings":";;;;AAiBA,IAAY,iBAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;KACD;;;;AAWD,IAAY,aAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;KACD;AA8ED,IAAY,aAAL;AACL;AACA;AACA;AACA;AACA;;KACD"}

package/dist/esm/components/data-table/toolbarItems/filters/util.js

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
-import { FilterOperator, init_types } from "./types.js";
+import { FilterOperator } from "./types.js";
 
 //#region src/components/data-table/toolbarItems/filters/util.ts
 /**
@@ -15,12 +14,12 @@ function createFiltersFromValue(value, item, getDefaultOperator) {
 	if (value !== void 0 && value !== null && value !== "") if (Array.isArray(value)) {
 		if (value.length > 0) newFilters = [{
 			field,
-			operator: FilterOperator.IN,
+			operator: "in",
 			value
 		}];
 	} else newFilters = [{
 		field,
-		operator: item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : FilterOperator.EQ),
+		operator: item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : "eq"),
 		value
 	}];
 	return newFilters;
@@ -38,11 +37,7 @@ function createFilterOnChangeHandler(item, setFilters, getDefaultOperator, debug
 		setFilters(createFiltersFromValue(value, item, getDefaultOperator));
 	};
 }
-var init_util = __esmMin(() => {
-	init_types();
-});
 
 //#endregion
-init_util();
-export { createFilterOnChangeHandler, createFiltersFromValue, init_util };
+export { createFilterOnChangeHandler, createFiltersFromValue };
 //# sourceMappingURL=util.js.map