@gbmtech/aurora-ui 0.4.31 → 0.4.32

package/dist/esm/components/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"AAkBA,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAA;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAMD,QAAA,MAAM,QAAQ,GAAI,uEAQf,aAAa,4CAkGf,CAAA;AAMD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"AAkBA,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAA;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAMD,QAAA,MAAM,QAAQ,GAAI,uEAQf,aAAa,4CAiGf,CAAA;AAMD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/combobox.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as o from"react";import*as r from"../lib/utils.js";import*as s from"./button.js";import*as n from"./command.js";import*as t from"./popover.js";import*as l from"./scroll-area.js";let c=({items:c,name:i,value:p,valueIcon:m,language:d="pt-br",disabled:u=!1,onValueChange:h})=>{let[x,j]=(0,o.useState)(!1),[b,f]=(0,o.useState)(""),g=c?.filter(e=>e.label.toLowerCase().includes(b?.toLowerCase()));return(0,e.jsxs)(t.Popover,{open:x,onOpenChange:j,children:[(0,e.jsx)(t.PopoverTrigger,{asChild:!0,className:"group",children:(0,e.jsxs)(s.Button,{variant:"secondary",role:"combobox",disabled:u,className:(0,r.cn)("h-12 w-full justify-between",!p&&"text-dark-gray/50"),onClick:e=>e.stopPropagation(),children:[(0,e.jsxs)("div",{className:"flex flex-row items-center gap-4 truncate",children:[p&&m&&(0,e.jsx)("span",{children:m}),p?(0,e.jsx)("p",{className:"font-normal",children:c?.find(e=>e.value===p)?.label}):(0,e.jsx)("p",{children:"pt-br"===d?"Selecione uma op\xe7\xe3o":"en-us"===d?"Select an option":"Seleccione una opci\xf3"})]}),(0,e.jsx)(a.CaretDown,{weight:"bold",className:"h-4 w-4 text-dark-gray group-data-[state=open]:rotate-180"})]})}),(0,e.jsx)(t.PopoverContent,{className:"w-full min-w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:(0,e.jsxs)(n.Command,{children:[(0,e.jsx)(n.CommandInput,{name:i,value:b,onValueChange:f,placeholder:"pt-br"===d?"Digite para buscar...":"en-us"===d?"Type to search...":"Buscar por palabra clave..."}),(0,e.jsx)(l.ScrollArea,{className:"h-[200px] overflow-y-auto",children:g?.length===0?(0,e.jsx)(n.CommandEmpty,{children:"pt-br"===d?"Nenhuma op\xe7\xe3o encontrada":"en-us"===d?"No options found":"No se encontraron opciones"}):(0,e.jsx)(n.CommandGroup,{children:g?.map(o=>(0,e.jsxs)(n.CommandItem,{value:o.label,onSelect:()=>{h&&h(o.value),j(!1)},children:[(0,e.jsx)(a.Check,{className:(0,r.cn)("mr-2 h-4 w-4",o.value===p?"opacity-100":"opacity-0")}),!!o.icon&&(0,e.jsx)("span",{className:"mr-2",children:o.icon}),o.label]},o.value))})})]})})]})};export{c as ComboBox};
+import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as o from"react";import*as r from"../lib/utils.js";import*as s from"./button.js";import*as n from"./command.js";import*as t from"./popover.js";import*as l from"./scroll-area.js";let i=({items:i,name:c,value:p,valueIcon:m,language:d="pt-br",disabled:u=!1,onValueChange:h})=>{let[x,j]=(0,o.useState)(!1),[b,f]=(0,o.useState)(""),g=i?.filter(e=>e.label.toLowerCase().includes(b?.toLowerCase()));return(0,e.jsxs)(t.Popover,{open:x,onOpenChange:j,children:[(0,e.jsx)(t.PopoverTrigger,{asChild:!0,className:"group",children:(0,e.jsxs)(s.Button,{variant:"outline",role:"combobox",disabled:u,className:(0,r.cn)("h-12 w-full justify-between",!p&&"text-dark-gray/50"),onClick:e=>e.stopPropagation(),children:[(0,e.jsxs)("div",{className:"flex flex-row items-center gap-4 truncate",children:[p&&m&&(0,e.jsx)("span",{children:m}),p?(0,e.jsx)("p",{className:"font-normal",children:i?.find(e=>e.value===p)?.label}):(0,e.jsx)("p",{children:"pt-br"===d?"Selecione uma op\xe7\xe3o":"en-us"===d?"Select an option":"Seleccione una opci\xf3"})]}),(0,e.jsx)(a.CaretDown,{weight:"bold",className:"h-4 w-4 text-dark-gray group-data-[state=open]:rotate-180"})]})}),(0,e.jsx)(t.PopoverContent,{className:"w-full min-w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:(0,e.jsxs)(n.Command,{children:[(0,e.jsx)(n.CommandInput,{name:c,value:b,onValueChange:f,placeholder:"pt-br"===d?"Digite para buscar...":"en-us"===d?"Type to search...":"Buscar por palabra clave..."}),(0,e.jsx)(l.ScrollArea,{className:"h-[200px] overflow-y-auto",children:g?.length===0?(0,e.jsx)(n.CommandEmpty,{children:"pt-br"===d?"Nenhuma op\xe7\xe3o encontrada":"en-us"===d?"No options found":"No se encontraron opciones"}):(0,e.jsx)(n.CommandGroup,{children:g?.map(o=>(0,e.jsxs)(n.CommandItem,{value:o.label,onSelect:()=>{h&&h(o.value),j(!1)},children:[(0,e.jsx)(a.Check,{className:(0,r.cn)("mr-2 h-4 w-4",o.value===p?"opacity-100":"opacity-0")}),!!o.icon&&(0,e.jsx)("span",{className:"mr-2",children:o.icon}),o.label]},o.value))})})]})})]})};export{i as ComboBox};
 //# sourceMappingURL=combobox.js.map

package/dist/esm/components/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\combobox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/combobox.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, Check } from '@phosphor-icons/react'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { ScrollArea } from './scroll-area'\r\n\r\ninterface ComboBoxProps {\r\n  name?: string\r\n  value: string | number | undefined\r\n  language?: 'pt-br' | 'en-us' | 'es'\r\n  valueIcon?: React.ReactNode\r\n  items: { value: string; label: string; icon?: React.ReactNode }[]\r\n  disabled?: boolean\r\n  onValueChange?: (value: string) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst ComboBox = ({\r\n  items,\r\n  name,\r\n  value,\r\n  valueIcon,\r\n  language = 'pt-br',\r\n  disabled = false,\r\n  onValueChange,\r\n}: ComboBoxProps) => {\r\n  const [open, setOpen] = useState(false)\r\n  const [search, setSearch] = useState('')\r\n\r\n  const filteredItems = items?.filter(item =>\r\n    item.label.toLowerCase().includes(search?.toLowerCase())\r\n  )\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild className=\"group\">\r\n        <Button\r\n          variant=\"secondary\"\r\n          // biome-ignore lint/a11y/useSemanticElements: <explanation>\r\n          role=\"combobox\"\r\n          disabled={disabled}\r\n          className={cn(\r\n            'h-12 w-full justify-between',\r\n            !value && 'text-dark-gray/50'\r\n          )}\r\n          onClick={e => e.stopPropagation()}\r\n        >\r\n          <div className=\"flex flex-row items-center gap-4 truncate\">\r\n            {value && valueIcon && <span>{valueIcon}</span>}\r\n            {value ? (\r\n              <p className=\"font-normal\">\r\n                {items?.find(item => item.value === value)?.label}\r\n              </p>\r\n            ) : (\r\n              <p>\r\n                {language === 'pt-br'\r\n                  ? 'Selecione uma opção'\r\n                  : language === 'en-us'\r\n                    ? 'Select an option'\r\n                    : 'Seleccione una opció'}\r\n              </p>\r\n            )}\r\n          </div>\r\n          <CaretDown\r\n            weight=\"bold\"\r\n            className=\"h-4 w-4 text-dark-gray group-data-[state=open]:rotate-180\"\r\n          />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"w-full min-w-[var(--radix-popover-trigger-width)] p-0\"\r\n        align=\"start\"\r\n      >\r\n        <Command>\r\n          <CommandInput\r\n            name={name}\r\n            value={search}\r\n            onValueChange={setSearch}\r\n            placeholder={\r\n              language === 'pt-br'\r\n                ? 'Digite para buscar...'\r\n                : language === 'en-us'\r\n                  ? 'Type to search...'\r\n                  : 'Buscar por palabra clave...'\r\n            }\r\n          />\r\n          <ScrollArea className=\"h-[200px] overflow-y-auto\">\r\n            {filteredItems?.length === 0 ? (\r\n              <CommandEmpty>\r\n                {language === 'pt-br'\r\n                  ? 'Nenhuma opção encontrada'\r\n                  : language === 'en-us'\r\n                    ? 'No options found'\r\n                    : 'No se encontraron opciones'}\r\n              </CommandEmpty>\r\n            ) : (\r\n              <CommandGroup>\r\n                {filteredItems?.map(item => (\r\n                  <CommandItem\r\n                    key={item.value}\r\n                    value={item.label}\r\n                    onSelect={() => {\r\n                      if (onValueChange) onValueChange(item.value)\r\n                      setOpen(false)\r\n                    }}\r\n                  >\r\n                    <Check\r\n                      className={cn(\r\n                        'mr-2 h-4 w-4',\r\n                        item.value === value ? 'opacity-100' : 'opacity-0'\r\n                      )}\r\n                    />\r\n                    {!!item.icon && <span className=\"mr-2\">{item.icon}</span>}\r\n                    {item.label}\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            )}\r\n          </ScrollArea>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ComboBox }\r\n"],"names":["ComboBox","items","name","value","valueIcon","language","disabled","onValueChange","open","setOpen","useState","search","setSearch","filteredItems","item","Popover","PopoverTrigger","Button","cn","e","CaretDown","PopoverContent","Command","CommandInput","ScrollArea","CommandEmpty","CommandGroup","CommandItem","Check"],"mappings":";qQAgCA,IAAMA,EAAW,CAAC,CAChBC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,EAAW,OAAO,CAClBC,SAAAA,EAAW,EAAK,CAChBC,cAAAA,CAAa,CACC,IACd,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,EAAAA,QAAAA,EAAS,IAC3B,CAACC,EAAQC,EAAU,CAAGF,GAAAA,EAAAA,QAAAA,EAAS,IAE/BG,EAAgBZ,GAAO,OAAOa,GAClCA,EAAK,KAAK,CAAC,WAAW,GAAG,QAAQ,CAACH,GAAQ,gBAG5C,MACE,WAACI,EAAAA,OAAOA,CAAAA,CAAC,KAAMP,EAAM,aAAcC,E,UACjC,UAACO,EAAAA,cAAcA,CAAAA,CAAC,QAAO,GAAC,UAAU,Q,SAChC,WAACC,EAAAA,MAAMA,CAAAA,CACL,QAAQ,YAER,KAAK,WACL,SAAUX,EACV,UAAWY,GAAAA,EAAAA,EAAAA,EACT,8BACA,CAACf,GAAS,qBAEZ,QAASgB,GAAKA,EAAE,eAAe,G,UAE/B,WAAC,OAAI,UAAU,4C,UACZhB,GAASC,GAAa,UAAC,Q,SAAMA,C,GAC7BD,EACC,UAAC,KAAE,UAAU,c,SACVF,GAAO,KAAKa,GAAQA,EAAK,KAAK,GAAKX,IAAQ,K,GAG9C,UAAC,K,SACEE,UAAAA,EACG,4BACAA,UAAAA,EACE,mBACA,yB,MAIZ,UAACe,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,2D,QAIhB,UAACC,EAAAA,cAAcA,CAAAA,CACb,UAAU,wDACV,MAAM,Q,SAEN,WAACC,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CACX,KAAMrB,EACN,MAAOS,EACP,cAAeC,EACf,YACEP,UAAAA,EACI,wBACAA,UAAAA,EACE,oBACA,6B,GAGV,UAACmB,EAAAA,UAAUA,CAAAA,CAAC,UAAU,4B,SACnBX,GAAe,SAAW,EACzB,UAACY,EAAAA,YAAYA,CAAAA,C,SACVpB,UAAAA,EACG,iCACAA,UAAAA,EACE,mBACA,4B,GAGR,UAACqB,EAAAA,YAAYA,CAAAA,C,SACVb,GAAe,IAAIC,GAClB,WAACa,EAAAA,WAAWA,CAAAA,CAEV,MAAOb,EAAK,KAAK,CACjB,SAAU,KACJP,GAAeA,EAAcO,EAAK,KAAK,EAC3CL,EAAQ,GACV,E,UAEA,UAACmB,EAAAA,KAAKA,CAAAA,CACJ,UAAWV,GAAAA,EAAAA,EAAAA,EACT,eACAJ,EAAK,KAAK,GAAKX,EAAQ,cAAgB,Y,GAG1C,CAAC,CAACW,EAAK,IAAI,EAAI,UAAC,QAAK,UAAU,O,SAAQA,EAAK,IAAI,GAChDA,EAAK,KAAK,C,EAdNA,EAAK,KAAK,E,YAwBnC,S"}
+{"version":3,"file":"components\\combobox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/combobox.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, Check } from '@phosphor-icons/react'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { ScrollArea } from './scroll-area'\r\n\r\ninterface ComboBoxProps {\r\n  name?: string\r\n  value: string | number | undefined\r\n  language?: 'pt-br' | 'en-us' | 'es'\r\n  valueIcon?: React.ReactNode\r\n  items: { value: string; label: string; icon?: React.ReactNode }[]\r\n  disabled?: boolean\r\n  onValueChange?: (value: string) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst ComboBox = ({\r\n  items,\r\n  name,\r\n  value,\r\n  valueIcon,\r\n  language = 'pt-br',\r\n  disabled = false,\r\n  onValueChange,\r\n}: ComboBoxProps) => {\r\n  const [open, setOpen] = useState(false)\r\n  const [search, setSearch] = useState('')\r\n\r\n  const filteredItems = items?.filter(item =>\r\n    item.label.toLowerCase().includes(search?.toLowerCase())\r\n  )\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild className=\"group\">\r\n        <Button\r\n          variant=\"outline\"\r\n          role=\"combobox\"\r\n          disabled={disabled}\r\n          className={cn(\r\n            'h-12 w-full justify-between',\r\n            !value && 'text-dark-gray/50'\r\n          )}\r\n          onClick={e => e.stopPropagation()}\r\n        >\r\n          <div className=\"flex flex-row items-center gap-4 truncate\">\r\n            {value && valueIcon && <span>{valueIcon}</span>}\r\n            {value ? (\r\n              <p className=\"font-normal\">\r\n                {items?.find(item => item.value === value)?.label}\r\n              </p>\r\n            ) : (\r\n              <p>\r\n                {language === 'pt-br'\r\n                  ? 'Selecione uma opção'\r\n                  : language === 'en-us'\r\n                    ? 'Select an option'\r\n                    : 'Seleccione una opció'}\r\n              </p>\r\n            )}\r\n          </div>\r\n          <CaretDown\r\n            weight=\"bold\"\r\n            className=\"h-4 w-4 text-dark-gray group-data-[state=open]:rotate-180\"\r\n          />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent\r\n        className=\"w-full min-w-[var(--radix-popover-trigger-width)] p-0\"\r\n        align=\"start\"\r\n      >\r\n        <Command>\r\n          <CommandInput\r\n            name={name}\r\n            value={search}\r\n            onValueChange={setSearch}\r\n            placeholder={\r\n              language === 'pt-br'\r\n                ? 'Digite para buscar...'\r\n                : language === 'en-us'\r\n                  ? 'Type to search...'\r\n                  : 'Buscar por palabra clave...'\r\n            }\r\n          />\r\n          <ScrollArea className=\"h-[200px] overflow-y-auto\">\r\n            {filteredItems?.length === 0 ? (\r\n              <CommandEmpty>\r\n                {language === 'pt-br'\r\n                  ? 'Nenhuma opção encontrada'\r\n                  : language === 'en-us'\r\n                    ? 'No options found'\r\n                    : 'No se encontraron opciones'}\r\n              </CommandEmpty>\r\n            ) : (\r\n              <CommandGroup>\r\n                {filteredItems?.map(item => (\r\n                  <CommandItem\r\n                    key={item.value}\r\n                    value={item.label}\r\n                    onSelect={() => {\r\n                      if (onValueChange) onValueChange(item.value)\r\n                      setOpen(false)\r\n                    }}\r\n                  >\r\n                    <Check\r\n                      className={cn(\r\n                        'mr-2 h-4 w-4',\r\n                        item.value === value ? 'opacity-100' : 'opacity-0'\r\n                      )}\r\n                    />\r\n                    {!!item.icon && <span className=\"mr-2\">{item.icon}</span>}\r\n                    {item.label}\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            )}\r\n          </ScrollArea>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ComboBox }\r\n"],"names":["ComboBox","items","name","value","valueIcon","language","disabled","onValueChange","open","setOpen","useState","search","setSearch","filteredItems","item","Popover","PopoverTrigger","Button","cn","e","CaretDown","PopoverContent","Command","CommandInput","ScrollArea","CommandEmpty","CommandGroup","CommandItem","Check"],"mappings":";qQAgCA,IAAMA,EAAW,CAAC,CAChBC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,EAAW,OAAO,CAClBC,SAAAA,EAAW,EAAK,CAChBC,cAAAA,CAAa,CACC,IACd,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,EAAAA,QAAAA,EAAS,IAC3B,CAACC,EAAQC,EAAU,CAAGF,GAAAA,EAAAA,QAAAA,EAAS,IAE/BG,EAAgBZ,GAAO,OAAOa,GAClCA,EAAK,KAAK,CAAC,WAAW,GAAG,QAAQ,CAACH,GAAQ,gBAG5C,MACE,WAACI,EAAAA,OAAOA,CAAAA,CAAC,KAAMP,EAAM,aAAcC,E,UACjC,UAACO,EAAAA,cAAcA,CAAAA,CAAC,QAAO,GAAC,UAAU,Q,SAChC,WAACC,EAAAA,MAAMA,CAAAA,CACL,QAAQ,UACR,KAAK,WACL,SAAUX,EACV,UAAWY,GAAAA,EAAAA,EAAAA,EACT,8BACA,CAACf,GAAS,qBAEZ,QAASgB,GAAKA,EAAE,eAAe,G,UAE/B,WAAC,OAAI,UAAU,4C,UACZhB,GAASC,GAAa,UAAC,Q,SAAMA,C,GAC7BD,EACC,UAAC,KAAE,UAAU,c,SACVF,GAAO,KAAKa,GAAQA,EAAK,KAAK,GAAKX,IAAQ,K,GAG9C,UAAC,K,SACEE,UAAAA,EACG,4BACAA,UAAAA,EACE,mBACA,yB,MAIZ,UAACe,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,2D,QAIhB,UAACC,EAAAA,cAAcA,CAAAA,CACb,UAAU,wDACV,MAAM,Q,SAEN,WAACC,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CACX,KAAMrB,EACN,MAAOS,EACP,cAAeC,EACf,YACEP,UAAAA,EACI,wBACAA,UAAAA,EACE,oBACA,6B,GAGV,UAACmB,EAAAA,UAAUA,CAAAA,CAAC,UAAU,4B,SACnBX,GAAe,SAAW,EACzB,UAACY,EAAAA,YAAYA,CAAAA,C,SACVpB,UAAAA,EACG,iCACAA,UAAAA,EACE,mBACA,4B,GAGR,UAACqB,EAAAA,YAAYA,CAAAA,C,SACVb,GAAe,IAAIC,GAClB,WAACa,EAAAA,WAAWA,CAAAA,CAEV,MAAOb,EAAK,KAAK,CACjB,SAAU,KACJP,GAAeA,EAAcO,EAAK,KAAK,EAC3CL,EAAQ,GACV,E,UAEA,UAACmB,EAAAA,KAAKA,CAAAA,CACJ,UAAWV,GAAAA,EAAAA,EAAAA,EACT,eACAJ,EAAK,KAAK,GAAKX,EAAQ,cAAgB,Y,GAG1C,CAAC,CAACW,EAAK,IAAI,EAAI,UAAC,QAAK,UAAU,O,SAAQA,EAAK,IAAI,GAChDA,EAAK,KAAK,C,EAdNA,EAAK,KAAK,E,YAwBnC,S"}

package/dist/esm/components/data-table/data-table-action-bar.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"../button.js";import*as o from"../separator.js";import*as r from"../tooltip.js";import*as s from"../../lib/utils.js";import*as i from"@phosphor-icons/react";import*as a from"motion/react";import*as n from"react";import*as l from"react-dom";import*as c from"../spinner.js";function d({table:t,visible:o,container:r,children:i,className:c,...d}){let[m,p]=n.useState(!1);n.useLayoutEffect(()=>{p(!0)},[]),n.useEffect(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let x=r??(m?globalThis.document?.body:null);if(!x)return null;let h=o??t.getFilteredSelectedRowModel().rows.length>0;return l.createPortal((0,e.jsx)(a.AnimatePresence,{children:h&&(0,e.jsx)(a.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,s.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",c),...d,children:i})}),x)}function m({size:o="sm",tooltip:i,isPending:a,disabled:n,className:l,children:d,...m}){let p=(0,e.jsx)(t.Button,{variant:"secondary",size:o,className:(0,s.cn)("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-8":"h-8",l),disabled:n||a,...m,children:a?(0,e.jsx)(c.Spinner,{}):d});return i?(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:p}),(0,e.jsx)(r.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,e.jsx)("p",{children:i})})]}):p}function p({table:s}){let a=n.useCallback(()=>{s.toggleAllRowsSelected(!1)},[s]);return(0,e.jsxs)("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[(0,e.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[s.getFilteredSelectedRowModel().rows.length," ",1===s.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,e.jsx)(o.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:a,children:(0,e.jsx)(i.X,{className:"size-4"})})}),(0,e.jsxs)(r.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,e.jsx)("p",{children:"Limpar sele\xe7\xe3o"}),(0,e.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,e.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{d as DataTableActionBar,m as DataTableActionBarAction,p as DataTableActionBarSelection};
+import*as e from"react/jsx-runtime";import*as t from"../button.js";import*as o from"../separator.js";import*as r from"../tooltip.js";import*as s from"../../lib/utils.js";import*as i from"@phosphor-icons/react";import*as a from"motion/react";import*as n from"react";import*as l from"react-dom";import*as c from"../spinner.js";function d({table:t,visible:o,container:r,children:i,className:c,...d}){let[m,p]=n.useState(!1);n.useLayoutEffect(()=>{p(!0)},[]),n.useEffect(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let x=r??(m?globalThis.document?.body:null);if(!x)return null;let h=o??t.getFilteredSelectedRowModel().rows.length>0;return l.createPortal((0,e.jsx)(a.AnimatePresence,{children:h&&(0,e.jsx)(a.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,s.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",c),...d,children:i})}),x)}function m({size:o="sm",tooltip:i,isPending:a,disabled:n,className:l,children:d,...m}){let p=(0,e.jsx)(t.Button,{variant:"outline",size:o,className:(0,s.cn)("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-8":"h-8",l),disabled:n||a,...m,children:a?(0,e.jsx)(c.Spinner,{}):d});return i?(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:p}),(0,e.jsx)(r.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,e.jsx)("p",{children:i})})]}):p}function p({table:s}){let a=n.useCallback(()=>{s.toggleAllRowsSelected(!1)},[s]);return(0,e.jsxs)("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[(0,e.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[s.getFilteredSelectedRowModel().rows.length," ",1===s.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,e.jsx)(o.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:a,children:(0,e.jsx)(i.X,{className:"size-4"})})}),(0,e.jsxs)(r.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,e.jsx)("p",{children:"Limpar sele\xe7\xe3o"}),(0,e.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,e.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{d as DataTableActionBar,m as DataTableActionBarAction,p as DataTableActionBarSelection};
 //# sourceMappingURL=data-table-action-bar.js.map

package/dist/esm/components/data-table/data-table-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n  extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData>\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === 'Escape') {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [table])\r\n\r\n  const container =\r\n    containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container) return null\r\n\r\n  const visible =\r\n    visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n          className={cn(\r\n            'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n            className\r\n          )}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n  extends React.ComponentProps<typeof Button> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = 'sm',\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant=\"secondary\"\r\n      size={size}\r\n      className={cn(\r\n        'gap-1.5 [&>svg]:size-3.5',\r\n        size === 'icon' ? 'size-8' : 'h-8',\r\n        className\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Spinner /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n  table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    table.toggleAllRowsSelected(false)\r\n  }, [table])\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-md border pr-1 pl-2.5\">\r\n      <span className=\"whitespace-nowrap text-xs\">\r\n        {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n        {table.getFilteredSelectedRowModel().rows.length === 1\r\n          ? 'selecionado'\r\n          : 'selecionados'}\r\n      </span>\r\n      <Separator\r\n        orientation=\"vertical\"\r\n        className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n      />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"size-5\"\r\n            onClick={onClearSelection}\r\n          >\r\n            <X className=\"size-4\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n        >\r\n          <p>Limpar seleção</p>\r\n          <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {\r\n  DataTableActionBar,\r\n  DataTableActionBarAction,\r\n  DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
+{"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n  extends React.ComponentProps<typeof motion.div> {\r\n  table: Table<TData>\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n  table,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableActionBarProps<TData>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === 'Escape') {\r\n        table.toggleAllRowsSelected(false)\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [table])\r\n\r\n  const container =\r\n    containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container) return null\r\n\r\n  const visible =\r\n    visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n          className={cn(\r\n            'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n            className\r\n          )}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n  extends React.ComponentProps<typeof Button> {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n  size = 'sm',\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  ...props\r\n}: DataTableActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant=\"outline\"\r\n      size={size}\r\n      className={cn(\r\n        'gap-1.5 [&>svg]:size-3.5',\r\n        size === 'icon' ? 'size-8' : 'h-8',\r\n        className\r\n      )}\r\n      disabled={disabled || isPending}\r\n      {...props}\r\n    >\r\n      {isPending ? <Spinner /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n  table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    table.toggleAllRowsSelected(false)\r\n  }, [table])\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-md border pr-1 pl-2.5\">\r\n      <span className=\"whitespace-nowrap text-xs\">\r\n        {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n        {table.getFilteredSelectedRowModel().rows.length === 1\r\n          ? 'selecionado'\r\n          : 'selecionados'}\r\n      </span>\r\n      <Separator\r\n        orientation=\"vertical\"\r\n        className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n      />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            className=\"size-5\"\r\n            onClick={onClearSelection}\r\n          >\r\n            <X className=\"size-4\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n        >\r\n          <p>Limpar seleção</p>\r\n          <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {\r\n  DataTableActionBar,\r\n  DataTableActionBarAction,\r\n  DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}

package/dist/esm/components/data-table/data-table-date-filter.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"react";import*as a from"../button.js";import*as o from"../calendar.js";import*as i from"../popover.js";import*as n from"../separator.js";import*as s from"../../lib/format.js";function l(e){return e&&"object"==typeof e&&!Array.isArray(e)}function m(e){if(!e)return;let r=new Date("string"==typeof e?Number(e):e);return Number.isNaN(r.getTime())?void 0:r}function c(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function f({column:f,title:u,multiple:d}){let p=f.getFilterValue(),g=t.useMemo(()=>{if(!p)return d?{from:void 0,to:void 0}:[];if(d){let e=c(p);return{from:m(e[0]),to:m(e[1])}}let e=m(c(p)[0]);return e?[e]:[]},[p,d]),j=t.useCallback(e=>{if(!e)return void f.setFilterValue(void 0);if(!d||"getTime"in e)!d&&"getTime"in e&&f.setFilterValue(e.getTime());else{let r=e.from?.getTime(),t=e.to?.getTime();f.setFilterValue(r||t?[r,t]:void 0)}},[f,d]),x=t.useCallback(e=>{e.stopPropagation(),f.setFilterValue(void 0)},[f]),v=t.useMemo(()=>d?!!l(g)&&(g.from||g.to):!!Array.isArray(g)&&g.length>0,[d,g]),h=t.useCallback(e=>e.from||e.to?e.from&&e.to?`${(0,s.formatDate)(e.from)} - ${(0,s.formatDate)(e.to)}`:(0,s.formatDate)(e.from??e.to):"",[]),b=t.useMemo(()=>{if(d){if(!l(g))return null;let r=g.from||g.to,t=r?h(g):"Select date range";return(0,e.jsxs)("span",{className:"flex items-center gap-2",children:[(0,e.jsx)("span",{children:u}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)("span",{children:t})]})]})}if(l(g))return null;let r=g.length>0,t=r?(0,s.formatDate)(g[0]):"Select date";return(0,e.jsxs)("span",{className:"flex items-center gap-2",children:[(0,e.jsx)("span",{children:u}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)("span",{children:t})]})]})},[g,d,h,u]);return(0,e.jsxs)(i.Popover,{children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(a.Button,{variant:"secondary",size:"sm",children:[v?(0,e.jsx)("div",{role:"button","aria-label":`Clear ${u} filter`,tabIndex:0,onClick:x,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,e.jsx)(r.XCircle,{})}):(0,e.jsx)(r.CalendarBlank,{}),b]})}),(0,e.jsx)(i.PopoverContent,{className:"w-auto p-0",align:"start",children:d?(0,e.jsx)(o.Calendar,{initialFocus:!0,mode:"range",selected:l(g)?g:{from:void 0,to:void 0},onSelect:j}):(0,e.jsx)(o.Calendar,{initialFocus:!0,mode:"single",selected:l(g)?void 0:g[0],onSelect:j})})]})}export{f as DataTableDateFilter};
+import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"react";import*as a from"../button.js";import*as i from"../calendar.js";import*as o from"../popover.js";import*as n from"../separator.js";import*as s from"../../lib/format.js";function l(e){return e&&"object"==typeof e&&!Array.isArray(e)}function m(e){if(!e)return;let r=new Date("string"==typeof e?Number(e):e);return Number.isNaN(r.getTime())?void 0:r}function c(e){return null==e?[]:Array.isArray(e)?e.map(e=>{if("number"==typeof e||"string"==typeof e)return e}):"string"==typeof e||"number"==typeof e?[e]:[]}function u({column:u,title:f,multiple:d}){let p=u.getFilterValue(),g=t.useMemo(()=>{if(!p)return d?{from:void 0,to:void 0}:[];if(d){let e=c(p);return{from:m(e[0]),to:m(e[1])}}let e=m(c(p)[0]);return e?[e]:[]},[p,d]),j=t.useCallback(e=>{if(!e)return void u.setFilterValue(void 0);if(!d||"getTime"in e)!d&&"getTime"in e&&u.setFilterValue(e.getTime());else{let r=e.from?.getTime(),t=e.to?.getTime();u.setFilterValue(r||t?[r,t]:void 0)}},[u,d]),x=t.useCallback(e=>{e.stopPropagation(),u.setFilterValue(void 0)},[u]),v=t.useMemo(()=>d?!!l(g)&&(g.from||g.to):!!Array.isArray(g)&&g.length>0,[d,g]),h=t.useCallback(e=>e.from||e.to?e.from&&e.to?`${(0,s.formatDate)(e.from)} - ${(0,s.formatDate)(e.to)}`:(0,s.formatDate)(e.from??e.to):"",[]),b=t.useMemo(()=>{if(d){if(!l(g))return null;let r=g.from||g.to,t=r?h(g):"Select date range";return(0,e.jsxs)("span",{className:"flex items-center gap-2",children:[(0,e.jsx)("span",{children:f}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)("span",{children:t})]})]})}if(l(g))return null;let r=g.length>0,t=r?(0,s.formatDate)(g[0]):"Select date";return(0,e.jsxs)("span",{className:"flex items-center gap-2",children:[(0,e.jsx)("span",{children:f}),r&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)("span",{children:t})]})]})},[g,d,h,f]);return(0,e.jsxs)(o.Popover,{children:[(0,e.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(a.Button,{variant:"outline",size:"sm",children:[v?(0,e.jsx)("div",{role:"button","aria-label":`Clear ${f} filter`,tabIndex:0,onClick:x,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,e.jsx)(r.XCircle,{})}):(0,e.jsx)(r.CalendarBlank,{}),b]})}),(0,e.jsx)(o.PopoverContent,{className:"w-auto p-0",align:"start",children:d?(0,e.jsx)(i.Calendar,{initialFocus:!0,mode:"range",selected:l(g)?g:{from:void 0,to:void 0},onSelect:j}):(0,e.jsx)(i.Calendar,{initialFocus:!0,mode:"single",selected:l(g)?void 0:g[0],onSelect:j})})]})}export{u as DataTableDateFilter};
 //# sourceMappingURL=data-table-date-filter.js.map

package/dist/esm/components/data-table/data-table-date-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-date-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\nimport type { DateRange } from 'react-day-picker'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { formatDate } from '@/lib/format'\r\n\r\ntype DateSelection = Date[] | DateRange\r\n\r\nfunction getIsDateRange(value: DateSelection): value is DateRange {\r\n  return value && typeof value === 'object' && !Array.isArray(value)\r\n}\r\n\r\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\r\n  if (!timestamp) return undefined\r\n  const numericTimestamp =\r\n    typeof timestamp === 'string' ? Number(timestamp) : timestamp\r\n  const date = new Date(numericTimestamp)\r\n  return !Number.isNaN(date.getTime()) ? date : undefined\r\n}\r\n\r\nfunction parseColumnFilterValue(value: unknown) {\r\n  if (value === null || value === undefined) {\r\n    return []\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return value.map(item => {\r\n      if (typeof item === 'number' || typeof item === 'string') {\r\n        return item\r\n      }\r\n      return undefined\r\n    })\r\n  }\r\n\r\n  if (typeof value === 'string' || typeof value === 'number') {\r\n    return [value]\r\n  }\r\n\r\n  return []\r\n}\r\n\r\ninterface DataTableDateFilterProps<TData> {\r\n  column: Column<TData, unknown>\r\n  title?: string\r\n  multiple?: boolean\r\n}\r\n\r\nexport function DataTableDateFilter<TData>({\r\n  column,\r\n  title,\r\n  multiple,\r\n}: DataTableDateFilterProps<TData>) {\r\n  const columnFilterValue = column.getFilterValue()\r\n\r\n  const selectedDates = React.useMemo<DateSelection>(() => {\r\n    if (!columnFilterValue) {\r\n      return multiple ? { from: undefined, to: undefined } : []\r\n    }\r\n\r\n    if (multiple) {\r\n      const timestamps = parseColumnFilterValue(columnFilterValue)\r\n      return {\r\n        from: parseAsDate(timestamps[0]),\r\n        to: parseAsDate(timestamps[1]),\r\n      }\r\n    }\r\n\r\n    const timestamps = parseColumnFilterValue(columnFilterValue)\r\n    const date = parseAsDate(timestamps[0])\r\n    return date ? [date] : []\r\n  }, [columnFilterValue, multiple])\r\n\r\n  const onSelect = React.useCallback(\r\n    (date: Date | DateRange | undefined) => {\r\n      if (!date) {\r\n        column.setFilterValue(undefined)\r\n        return\r\n      }\r\n\r\n      if (multiple && !('getTime' in date)) {\r\n        const from = date.from?.getTime()\r\n        const to = date.to?.getTime()\r\n        column.setFilterValue(from || to ? [from, to] : undefined)\r\n      } else if (!multiple && 'getTime' in date) {\r\n        column.setFilterValue(date.getTime())\r\n      }\r\n    },\r\n    [column, multiple]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event: React.MouseEvent) => {\r\n      event.stopPropagation()\r\n      column.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  const hasValue = React.useMemo(() => {\r\n    if (multiple) {\r\n      if (!getIsDateRange(selectedDates)) return false\r\n      return selectedDates.from || selectedDates.to\r\n    }\r\n    if (!Array.isArray(selectedDates)) return false\r\n    return selectedDates.length > 0\r\n  }, [multiple, selectedDates])\r\n\r\n  const formatDateRange = React.useCallback((range: DateRange) => {\r\n    if (!range.from && !range.to) return ''\r\n    if (range.from && range.to) {\r\n      return `${formatDate(range.from)} - ${formatDate(range.to)}`\r\n    }\r\n    return formatDate(range.from ?? range.to)\r\n  }, [])\r\n\r\n  const label = React.useMemo(() => {\r\n    if (multiple) {\r\n      if (!getIsDateRange(selectedDates)) return null\r\n\r\n      const hasSelectedDates = selectedDates.from || selectedDates.to\r\n      const dateText = hasSelectedDates\r\n        ? formatDateRange(selectedDates)\r\n        : 'Select date range'\r\n\r\n      return (\r\n        <span className=\"flex items-center gap-2\">\r\n          <span>{title}</span>\r\n          {hasSelectedDates && (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              <span>{dateText}</span>\r\n            </>\r\n          )}\r\n        </span>\r\n      )\r\n    }\r\n\r\n    if (getIsDateRange(selectedDates)) return null\r\n\r\n    const hasSelectedDate = selectedDates.length > 0\r\n    const dateText = hasSelectedDate\r\n      ? formatDate(selectedDates[0])\r\n      : 'Select date'\r\n\r\n    return (\r\n      <span className=\"flex items-center gap-2\">\r\n        <span>{title}</span>\r\n        {hasSelectedDate && (\r\n          <>\r\n            <Separator\r\n              orientation=\"vertical\"\r\n              className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n            />\r\n            <span>{dateText}</span>\r\n          </>\r\n        )}\r\n      </span>\r\n    )\r\n  }, [selectedDates, multiple, formatDateRange, title])\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"secondary\" size=\"sm\">\r\n          {hasValue ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              onClick={onReset}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n            >\r\n              <XCircle />\r\n            </div>\r\n          ) : (\r\n            <CalendarBlank />\r\n          )}\r\n          {label}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        {multiple ? (\r\n          <Calendar\r\n            initialFocus\r\n            mode=\"range\"\r\n            selected={\r\n              getIsDateRange(selectedDates)\r\n                ? selectedDates\r\n                : { from: undefined, to: undefined }\r\n            }\r\n            onSelect={onSelect}\r\n          />\r\n        ) : (\r\n          <Calendar\r\n            initialFocus\r\n            mode=\"single\"\r\n            selected={\r\n              !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\r\n            }\r\n            onSelect={onSelect}\r\n          />\r\n        )}\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarBlank","PopoverContent","Calendar"],"mappings":"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"}
+{"version":3,"file":"components\\data-table\\data-table-date-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\nimport type { DateRange } from 'react-day-picker'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { formatDate } from '@/lib/format'\r\n\r\ntype DateSelection = Date[] | DateRange\r\n\r\nfunction getIsDateRange(value: DateSelection): value is DateRange {\r\n  return value && typeof value === 'object' && !Array.isArray(value)\r\n}\r\n\r\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\r\n  if (!timestamp) return undefined\r\n  const numericTimestamp =\r\n    typeof timestamp === 'string' ? Number(timestamp) : timestamp\r\n  const date = new Date(numericTimestamp)\r\n  return !Number.isNaN(date.getTime()) ? date : undefined\r\n}\r\n\r\nfunction parseColumnFilterValue(value: unknown) {\r\n  if (value === null || value === undefined) {\r\n    return []\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return value.map(item => {\r\n      if (typeof item === 'number' || typeof item === 'string') {\r\n        return item\r\n      }\r\n      return undefined\r\n    })\r\n  }\r\n\r\n  if (typeof value === 'string' || typeof value === 'number') {\r\n    return [value]\r\n  }\r\n\r\n  return []\r\n}\r\n\r\ninterface DataTableDateFilterProps<TData> {\r\n  column: Column<TData, unknown>\r\n  title?: string\r\n  multiple?: boolean\r\n}\r\n\r\nexport function DataTableDateFilter<TData>({\r\n  column,\r\n  title,\r\n  multiple,\r\n}: DataTableDateFilterProps<TData>) {\r\n  const columnFilterValue = column.getFilterValue()\r\n\r\n  const selectedDates = React.useMemo<DateSelection>(() => {\r\n    if (!columnFilterValue) {\r\n      return multiple ? { from: undefined, to: undefined } : []\r\n    }\r\n\r\n    if (multiple) {\r\n      const timestamps = parseColumnFilterValue(columnFilterValue)\r\n      return {\r\n        from: parseAsDate(timestamps[0]),\r\n        to: parseAsDate(timestamps[1]),\r\n      }\r\n    }\r\n\r\n    const timestamps = parseColumnFilterValue(columnFilterValue)\r\n    const date = parseAsDate(timestamps[0])\r\n    return date ? [date] : []\r\n  }, [columnFilterValue, multiple])\r\n\r\n  const onSelect = React.useCallback(\r\n    (date: Date | DateRange | undefined) => {\r\n      if (!date) {\r\n        column.setFilterValue(undefined)\r\n        return\r\n      }\r\n\r\n      if (multiple && !('getTime' in date)) {\r\n        const from = date.from?.getTime()\r\n        const to = date.to?.getTime()\r\n        column.setFilterValue(from || to ? [from, to] : undefined)\r\n      } else if (!multiple && 'getTime' in date) {\r\n        column.setFilterValue(date.getTime())\r\n      }\r\n    },\r\n    [column, multiple]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event: React.MouseEvent) => {\r\n      event.stopPropagation()\r\n      column.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  const hasValue = React.useMemo(() => {\r\n    if (multiple) {\r\n      if (!getIsDateRange(selectedDates)) return false\r\n      return selectedDates.from || selectedDates.to\r\n    }\r\n    if (!Array.isArray(selectedDates)) return false\r\n    return selectedDates.length > 0\r\n  }, [multiple, selectedDates])\r\n\r\n  const formatDateRange = React.useCallback((range: DateRange) => {\r\n    if (!range.from && !range.to) return ''\r\n    if (range.from && range.to) {\r\n      return `${formatDate(range.from)} - ${formatDate(range.to)}`\r\n    }\r\n    return formatDate(range.from ?? range.to)\r\n  }, [])\r\n\r\n  const label = React.useMemo(() => {\r\n    if (multiple) {\r\n      if (!getIsDateRange(selectedDates)) return null\r\n\r\n      const hasSelectedDates = selectedDates.from || selectedDates.to\r\n      const dateText = hasSelectedDates\r\n        ? formatDateRange(selectedDates)\r\n        : 'Select date range'\r\n\r\n      return (\r\n        <span className=\"flex items-center gap-2\">\r\n          <span>{title}</span>\r\n          {hasSelectedDates && (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              <span>{dateText}</span>\r\n            </>\r\n          )}\r\n        </span>\r\n      )\r\n    }\r\n\r\n    if (getIsDateRange(selectedDates)) return null\r\n\r\n    const hasSelectedDate = selectedDates.length > 0\r\n    const dateText = hasSelectedDate\r\n      ? formatDate(selectedDates[0])\r\n      : 'Select date'\r\n\r\n    return (\r\n      <span className=\"flex items-center gap-2\">\r\n        <span>{title}</span>\r\n        {hasSelectedDate && (\r\n          <>\r\n            <Separator\r\n              orientation=\"vertical\"\r\n              className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n            />\r\n            <span>{dateText}</span>\r\n          </>\r\n        )}\r\n      </span>\r\n    )\r\n  }, [selectedDates, multiple, formatDateRange, title])\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          {hasValue ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              onClick={onReset}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n            >\r\n              <XCircle />\r\n            </div>\r\n          ) : (\r\n            <CalendarBlank />\r\n          )}\r\n          {label}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        {multiple ? (\r\n          <Calendar\r\n            initialFocus\r\n            mode=\"range\"\r\n            selected={\r\n              getIsDateRange(selectedDates)\r\n                ? selectedDates\r\n                : { from: undefined, to: undefined }\r\n            }\r\n            onSelect={onSelect}\r\n          />\r\n        ) : (\r\n          <Calendar\r\n            initialFocus\r\n            mode=\"single\"\r\n            selected={\r\n              !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\r\n            }\r\n            onSelect={onSelect}\r\n          />\r\n        )}\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarBlank","PopoverContent","Calendar"],"mappings":"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"}

package/dist/esm/components/data-table/data-table-faceted-filter.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as s from"../badge.js";import*as r from"../button.js";import*as o from"../command.js";import*as i from"../popover.js";import*as t from"../separator.js";import*as n from"../../lib/utils.js";import*as l from"react";function m({column:m,title:c,options:d,multiple:p}){let[u,x]=l.useState(!1),h=m?.getFilterValue(),j=new Set(Array.isArray(h)?h:[]),f=l.useCallback((e,a)=>{if(m)if(p){let s=new Set(j);a?s.delete(e.value):s.add(e.value);let r=Array.from(s);m.setFilterValue(r.length?r:void 0)}else m.setFilterValue(a?void 0:[e.value]),x(!1)},[m,p,j]),v=l.useCallback(e=>{e?.stopPropagation(),m?.setFilterValue(void 0)},[m]);return(0,e.jsxs)(i.Popover,{open:u,onOpenChange:x,children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(r.Button,{variant:"secondary",size:"sm",children:[j?.size>0?(0,e.jsx)("div",{role:"button","aria-label":`Clear ${c} filter`,tabIndex:0,onClick:v,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,e.jsx)(a.XCircle,{})}):(0,e.jsx)(a.PlusCircle,{}),c,j?.size>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:j.size}),(0,e.jsx)("div",{className:"hidden items-center gap-1 lg:flex",children:j.size>2?(0,e.jsxs)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[j.size," selected"]}):d.filter(e=>j.has(e.value)).map(a=>(0,e.jsx)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:a.label},a.value))})]})]})}),(0,e.jsx)(i.PopoverContent,{className:"w-[12.5rem] p-0",align:"start",children:(0,e.jsxs)(o.Command,{children:[(0,e.jsx)(o.CommandInput,{placeholder:c}),(0,e.jsxs)(o.CommandList,{className:"max-h-full",children:[(0,e.jsx)(o.CommandEmpty,{children:"No results found."}),(0,e.jsx)(o.CommandGroup,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:d.map(s=>{let r=j.has(s.value);return(0,e.jsxs)(o.CommandItem,{onSelect:()=>f(s,r),children:[(0,e.jsx)("div",{className:(0,n.cn)("flex size-4 items-center justify-center rounded-sm border border-primary",r?"bg-primary":"opacity-50 [&_svg]:invisible"),children:(0,e.jsx)(a.Check,{})}),s.icon&&(0,e.jsx)(s.icon,{}),(0,e.jsx)("span",{className:"truncate",children:s.label}),s.count&&(0,e.jsx)("span",{className:"ml-auto font-mono text-xs",children:s.count})]},s.value)})}),j.size>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.CommandSeparator,{}),(0,e.jsx)(o.CommandGroup,{children:(0,e.jsx)(o.CommandItem,{onSelect:()=>v(),className:"justify-center text-center",children:"Limpar filtros"})})]})]})]})})]})}export{m as DataTableFacetedFilter};
+import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as s from"../badge.js";import*as r from"../button.js";import*as o from"../command.js";import*as n from"../popover.js";import*as i from"../separator.js";import*as t from"../../lib/utils.js";import*as l from"react";function m({column:m,title:c,options:d,multiple:u}){let[p,x]=l.useState(!1),h=m?.getFilterValue(),j=new Set(Array.isArray(h)?h:[]),f=l.useCallback((e,a)=>{if(m)if(u){let s=new Set(j);a?s.delete(e.value):s.add(e.value);let r=Array.from(s);m.setFilterValue(r.length?r:void 0)}else m.setFilterValue(a?void 0:[e.value]),x(!1)},[m,u,j]),v=l.useCallback(e=>{e?.stopPropagation(),m?.setFilterValue(void 0)},[m]);return(0,e.jsxs)(n.Popover,{open:p,onOpenChange:x,children:[(0,e.jsx)(n.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(r.Button,{variant:"outline",size:"sm",children:[j?.size>0?(0,e.jsx)("div",{role:"button","aria-label":`Clear ${c} filter`,tabIndex:0,onClick:v,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:(0,e.jsx)(a.XCircleIcon,{})}):(0,e.jsx)(a.PlusCircleIcon,{}),c,j?.size>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),(0,e.jsx)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:j.size}),(0,e.jsx)("div",{className:"hidden items-center gap-1 lg:flex",children:j.size>2?(0,e.jsxs)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[j.size," selected"]}):d.filter(e=>j.has(e.value)).map(a=>(0,e.jsx)(s.Badge,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:a.label},a.value))})]})]})}),(0,e.jsx)(n.PopoverContent,{className:"w-[12.5rem] p-0",align:"start",children:(0,e.jsxs)(o.Command,{children:[(0,e.jsx)(o.CommandInput,{placeholder:c}),(0,e.jsxs)(o.CommandList,{className:"max-h-full",children:[(0,e.jsx)(o.CommandEmpty,{children:"No results found."}),(0,e.jsx)(o.CommandGroup,{className:"max-h-[18.75rem] overflow-y-auto overflow-x-hidden",children:d.map(s=>{let r=j.has(s.value);return(0,e.jsxs)(o.CommandItem,{onSelect:()=>f(s,r),children:[(0,e.jsx)("div",{className:(0,t.cn)("flex size-4 items-center justify-center rounded-sm border border-primary",r?"bg-primary":"opacity-50 [&_svg]:invisible"),children:(0,e.jsx)(a.CheckIcon,{})}),s.icon&&(0,e.jsx)(s.icon,{}),(0,e.jsx)("span",{className:"truncate",children:s.label}),s.count&&(0,e.jsx)("span",{className:"ml-auto font-mono text-xs",children:s.count})]},s.value)})}),j.size>0&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.CommandSeparator,{}),(0,e.jsx)(o.CommandGroup,{children:(0,e.jsx)(o.CommandItem,{onSelect:()=>v(),className:"justify-center text-center",children:"Limpar filtros"})})]})]})]})})]})}export{m as DataTableFacetedFilter};
 //# sourceMappingURL=data-table-faceted-filter.js.map

package/dist/esm/components/data-table/data-table-faceted-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-faceted-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-faceted-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Option } from '@/types/data-table'\r\nimport { Check, PlusCircle, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  CommandSeparator,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n  column?: Column<TData, TValue>\r\n  title?: string\r\n  options: Option[]\r\n  multiple?: boolean\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n  column,\r\n  title,\r\n  options,\r\n  multiple,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  const columnFilterValue = column?.getFilterValue()\r\n  const selectedValues = new Set(\r\n    Array.isArray(columnFilterValue) ? columnFilterValue : []\r\n  )\r\n\r\n  const onItemSelect = React.useCallback(\r\n    (option: Option, isSelected: boolean) => {\r\n      if (!column) return\r\n\r\n      if (multiple) {\r\n        const newSelectedValues = new Set(selectedValues)\r\n        if (isSelected) {\r\n          newSelectedValues.delete(option.value)\r\n        } else {\r\n          newSelectedValues.add(option.value)\r\n        }\r\n        const filterValues = Array.from(newSelectedValues)\r\n        column.setFilterValue(filterValues.length ? filterValues : undefined)\r\n      } else {\r\n        column.setFilterValue(isSelected ? undefined : [option.value])\r\n        setOpen(false)\r\n      }\r\n    },\r\n    [column, multiple, selectedValues]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event?: React.MouseEvent) => {\r\n      event?.stopPropagation()\r\n      column?.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"secondary\" size=\"sm\">\r\n          {selectedValues?.size > 0 ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              onClick={onReset}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n            >\r\n              <XCircle />\r\n            </div>\r\n          ) : (\r\n            <PlusCircle />\r\n          )}\r\n          {title}\r\n          {selectedValues?.size > 0 && (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"rounded-sm px-1 font-normal lg:hidden\"\r\n              >\r\n                {selectedValues.size}\r\n              </Badge>\r\n              <div className=\"hidden items-center gap-1 lg:flex\">\r\n                {selectedValues.size > 2 ? (\r\n                  <Badge\r\n                    variant=\"secondary\"\r\n                    className=\"rounded-sm px-1 font-normal\"\r\n                  >\r\n                    {selectedValues.size} selected\r\n                  </Badge>\r\n                ) : (\r\n                  options\r\n                    .filter(option => selectedValues.has(option.value))\r\n                    .map(option => (\r\n                      <Badge\r\n                        variant=\"secondary\"\r\n                        key={option.value}\r\n                        className=\"rounded-sm px-1 font-normal\"\r\n                      >\r\n                        {option.label}\r\n                      </Badge>\r\n                    ))\r\n                )}\r\n              </div>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[12.5rem] p-0\" align=\"start\">\r\n        <Command>\r\n          <CommandInput placeholder={title} />\r\n          <CommandList className=\"max-h-full\">\r\n            <CommandEmpty>No results found.</CommandEmpty>\r\n            <CommandGroup className=\"max-h-[18.75rem] overflow-y-auto overflow-x-hidden\">\r\n              {options.map(option => {\r\n                const isSelected = selectedValues.has(option.value)\r\n\r\n                return (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    onSelect={() => onItemSelect(option, isSelected)}\r\n                  >\r\n                    <div\r\n                      className={cn(\r\n                        'flex size-4 items-center justify-center rounded-sm border border-primary',\r\n                        isSelected\r\n                          ? 'bg-primary'\r\n                          : 'opacity-50 [&_svg]:invisible'\r\n                      )}\r\n                    >\r\n                      <Check />\r\n                    </div>\r\n                    {option.icon && <option.icon />}\r\n                    <span className=\"truncate\">{option.label}</span>\r\n                    {option.count && (\r\n                      <span className=\"ml-auto font-mono text-xs\">\r\n                        {option.count}\r\n                      </span>\r\n                    )}\r\n                  </CommandItem>\r\n                )\r\n              })}\r\n            </CommandGroup>\r\n            {selectedValues.size > 0 && (\r\n              <>\r\n                <CommandSeparator />\r\n                <CommandGroup>\r\n                  <CommandItem\r\n                    onSelect={() => onReset()}\r\n                    className=\"justify-center text-center\"\r\n                  >\r\n                    Limpar filtros\r\n                  </CommandItem>\r\n                </CommandGroup>\r\n              </>\r\n            )}\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["DataTableFacetedFilter","column","title","options","multiple","open","setOpen","React","columnFilterValue","selectedValues","Set","Array","onItemSelect","option","isSelected","newSelectedValues","filterValues","undefined","onReset","event","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","cn","Check","CommandSeparator"],"mappings":"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"}
+{"version":3,"file":"components\\data-table\\data-table-faceted-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-faceted-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Option } from '@/types/data-table'\r\nimport { CheckIcon, PlusCircleIcon, XCircleIcon } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  CommandSeparator,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n  column?: Column<TData, TValue>\r\n  title?: string\r\n  options: Option[]\r\n  multiple?: boolean\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n  column,\r\n  title,\r\n  options,\r\n  multiple,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  const columnFilterValue = column?.getFilterValue()\r\n  const selectedValues = new Set(\r\n    Array.isArray(columnFilterValue) ? columnFilterValue : []\r\n  )\r\n\r\n  const onItemSelect = React.useCallback(\r\n    (option: Option, isSelected: boolean) => {\r\n      if (!column) return\r\n\r\n      if (multiple) {\r\n        const newSelectedValues = new Set(selectedValues)\r\n        if (isSelected) {\r\n          newSelectedValues.delete(option.value)\r\n        } else {\r\n          newSelectedValues.add(option.value)\r\n        }\r\n        const filterValues = Array.from(newSelectedValues)\r\n        column.setFilterValue(filterValues.length ? filterValues : undefined)\r\n      } else {\r\n        column.setFilterValue(isSelected ? undefined : [option.value])\r\n        setOpen(false)\r\n      }\r\n    },\r\n    [column, multiple, selectedValues]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event?: React.MouseEvent) => {\r\n      event?.stopPropagation()\r\n      column?.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          {selectedValues?.size > 0 ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              onClick={onReset}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n            >\r\n              <XCircleIcon />\r\n            </div>\r\n          ) : (\r\n            <PlusCircleIcon />\r\n          )}\r\n          {title}\r\n          {selectedValues?.size > 0 && (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"rounded-sm px-1 font-normal lg:hidden\"\r\n              >\r\n                {selectedValues.size}\r\n              </Badge>\r\n              <div className=\"hidden items-center gap-1 lg:flex\">\r\n                {selectedValues.size > 2 ? (\r\n                  <Badge\r\n                    variant=\"secondary\"\r\n                    className=\"rounded-sm px-1 font-normal\"\r\n                  >\r\n                    {selectedValues.size} selected\r\n                  </Badge>\r\n                ) : (\r\n                  options\r\n                    .filter(option => selectedValues.has(option.value))\r\n                    .map(option => (\r\n                      <Badge\r\n                        variant=\"secondary\"\r\n                        key={option.value}\r\n                        className=\"rounded-sm px-1 font-normal\"\r\n                      >\r\n                        {option.label}\r\n                      </Badge>\r\n                    ))\r\n                )}\r\n              </div>\r\n            </>\r\n          )}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[12.5rem] p-0\" align=\"start\">\r\n        <Command>\r\n          <CommandInput placeholder={title} />\r\n          <CommandList className=\"max-h-full\">\r\n            <CommandEmpty>No results found.</CommandEmpty>\r\n            <CommandGroup className=\"max-h-[18.75rem] overflow-y-auto overflow-x-hidden\">\r\n              {options.map(option => {\r\n                const isSelected = selectedValues.has(option.value)\r\n\r\n                return (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    onSelect={() => onItemSelect(option, isSelected)}\r\n                  >\r\n                    <div\r\n                      className={cn(\r\n                        'flex size-4 items-center justify-center rounded-sm border border-primary',\r\n                        isSelected\r\n                          ? 'bg-primary'\r\n                          : 'opacity-50 [&_svg]:invisible'\r\n                      )}\r\n                    >\r\n                      <CheckIcon />\r\n                    </div>\r\n                    {option.icon && <option.icon />}\r\n                    <span className=\"truncate\">{option.label}</span>\r\n                    {option.count && (\r\n                      <span className=\"ml-auto font-mono text-xs\">\r\n                        {option.count}\r\n                      </span>\r\n                    )}\r\n                  </CommandItem>\r\n                )\r\n              })}\r\n            </CommandGroup>\r\n            {selectedValues.size > 0 && (\r\n              <>\r\n                <CommandSeparator />\r\n                <CommandGroup>\r\n                  <CommandItem\r\n                    onSelect={() => onReset()}\r\n                    className=\"justify-center text-center\"\r\n                  >\r\n                    Limpar filtros\r\n                  </CommandItem>\r\n                </CommandGroup>\r\n              </>\r\n            )}\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["DataTableFacetedFilter","column","title","options","multiple","open","setOpen","React","columnFilterValue","selectedValues","Set","Array","onItemSelect","option","isSelected","newSelectedValues","filterValues","undefined","onReset","event","Popover","PopoverTrigger","Button","XCircleIcon","PlusCircleIcon","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","cn","CheckIcon","CommandSeparator"],"mappings":"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"}

package/dist/esm/components/data-table/data-table-filter-list.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as t from"nuqs";import*as r from"react";import*as l from"../badge.js";import*as n from"../button.js";import*as s from"../calendar.js";import*as i from"../command.js";import*as o from"./data-table-range-filter.js";import*as d from"../faceted.js";import*as c from"../input.js";import*as m from"../popover.js";import*as u from"../select.js";import*as p from"../sortable.js";import*as f from"../../hooks/use-debounced-callback.js";import*as x from"../../lib/data-table.js";import*as h from"../../lib/data-table-config.js";import*as j from"../../lib/format.js";import*as v from"../../lib/id.js";import*as g from"../../lib/parsers.js";import*as b from"../../lib/utils.js";let w=["backspace","delete"];function y({table:s,debounceMs:i=300,throttleMs:o=50,shallow:d=!0,...c}){let u=r.useId(),h=r.useId(),j=r.useId(),[y,N]=r.useState(!1),S=r.useRef(null),I=r.useMemo(()=>s.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[s]),[D,F]=(0,t.useQueryState)("filters",(0,g.getFiltersStateParser)(I.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:d,throttleMs:o})),k=(0,f.useDebouncedCallback)(F,i),[$,T]=(0,t.useQueryState)("joinOperator",(0,t.parseAsStringEnum)(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:d})),O=r.useCallback(()=>{let e=I[0];e&&k([...D,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:(0,x.getDefaultFilterOperator)(e.columnDef.meta?.variant??"text"),filterId:(0,v.generateId)({length:8})}])},[I,D,k]),B=r.useCallback((e,a)=>{k(t=>t.map(t=>t.filterId===e?{...t,...a}:t))},[k]),E=r.useCallback(e=>{F(D.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{S.current?.focus()})},[D,F]),z=r.useCallback(()=>{F(null),T("e")},[F,T]);r.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),N(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&D.length>0&&(e.preventDefault(),E(D[D.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[D,E]);let L=r.useCallback(e=>{w.includes(e.key.toLowerCase())&&D.length>0&&(e.preventDefault(),E(D[D.length-1]?.filterId??""))},[D,E]);return(0,e.jsxs)(p.Sortable,{value:D,onValueChange:F,getItemValue:e=>e.filterId,children:[(0,e.jsxs)(m.Popover,{open:y,onOpenChange:N,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{variant:"secondary",size:"sm",onKeyDown:L,children:[(0,e.jsx)(a.FunnelSimple,{weight:"bold"}),"Filtro",D.length>0&&(0,e.jsx)(l.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:D.length})]})}),(0,e.jsxs)(m.PopoverContent,{"aria-describedby":j,"aria-labelledby":h,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...c,children:[(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)("h4",{id:h,className:"font-medium leading-none",children:D.length>0?"Filtros":"Nenhum filtro aplicado"}),(0,e.jsx)("p",{id:j,className:(0,b.cn)("text-gray-400 text-sm",D.length>0&&"sr-only"),children:D.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),D.length>0?(0,e.jsx)(p.SortableContent,{asChild:!0,children:(0,e.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:D.map((a,t)=>(0,e.jsx)(C,{filter:a,index:t,filterItemId:`${u}-filter-${a.filterId}`,joinOperator:$,setJoinOperator:T,columns:I,onFilterUpdate:B,onFilterRemove:E},a.filterId))})}):null,(0,e.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,e.jsx)(n.Button,{size:"sm",className:"rounded",ref:S,onClick:O,children:"Adicionar filtro"}),D.length>0?(0,e.jsx)(n.Button,{variant:"secondary",size:"sm",className:"rounded",onClick:z,children:"Resetar filtros"}):null]})]})]}),(0,e.jsx)(p.SortableOverlay,{children:(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function C({filter:t,index:l,filterItemId:f,joinOperator:v,setJoinOperator:g,columns:y,onFilterUpdate:C,onFilterRemove:N}){let[S,I]=r.useState(!1),[D,F]=r.useState(!1),[k,$]=r.useState(!1),T=y.find(e=>e.id===t.id);if(!T)return null;let O=`${f}-join-operator-listbox`,B=`${f}-field-listbox`,E=`${f}-operator-listbox`,z=`${f}-input`,L=T.columnDef.meta,A=(0,x.getFilterOperators)(t.variant),V=r.useCallback(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(S||D||k||w.includes(e.key.toLowerCase())&&(e.preventDefault(),N(t.filterId)))},[t.filterId,S,D,k,N]);return(0,e.jsx)(p.SortableItem,{value:t.filterId,asChild:!0,children:(0,e.jsxs)("div",{role:"listitem",id:f,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:V,children:[(0,e.jsx)("div",{className:"min-w-[72px] text-center",children:0===l?(0,e.jsx)("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===l?(0,e.jsxs)(u.Select,{value:v,onValueChange:e=>g(e),children:[(0,e.jsx)(u.SelectTrigger,{"aria-label":"Select join operator","aria-controls":O,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:(0,e.jsx)(u.SelectValue,{placeholder:v})}),(0,e.jsx)(u.SelectContent,{id:O,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:h.dataTableConfig.joinOperators.map(a=>(0,e.jsx)(u.SelectItem,{value:a,children:a},a))})]}):(0,e.jsx)("span",{className:"text-gray-400 text-sm",children:v})}),(0,e.jsxs)(m.Popover,{open:S,onOpenChange:I,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{role:"combobox","aria-controls":B,variant:"secondary",size:"sm",className:"w-32 justify-between rounded font-normal",children:[(0,e.jsx)("span",{className:"truncate",children:y.find(e=>e.id===t.id)?.columnDef.meta?.label??"Selecione o campo"}),(0,e.jsx)(a.CaretUpDown,{className:"opacity-50"})]})}),(0,e.jsx)(m.PopoverContent,{id:B,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,e.jsxs)(i.Command,{children:[(0,e.jsx)(i.CommandInput,{placeholder:"Buscar campo..."}),(0,e.jsxs)(i.CommandList,{children:[(0,e.jsx)(i.CommandEmpty,{children:"Nenhum campo encontrado."}),(0,e.jsx)(i.CommandGroup,{children:y.map(r=>(0,e.jsxs)(i.CommandItem,{value:r.id,onSelect:e=>{C(t.filterId,{id:e,variant:r.columnDef.meta?.variant??"text",operator:(0,x.getDefaultFilterOperator)(r.columnDef.meta?.variant??"text"),value:""}),I(!1)},children:[(0,e.jsx)("span",{className:"truncate",children:r.columnDef.meta?.label}),(0,e.jsx)(a.Check,{className:(0,b.cn)("ml-auto",r.id===t.id?"opacity-100":"opacity-0")})]},r.id))})]})]})})]}),(0,e.jsxs)(u.Select,{open:D,onOpenChange:F,value:t.operator,onValueChange:e=>C(t.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":t.value}),children:[(0,e.jsx)(u.SelectTrigger,{"aria-controls":E,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:(0,e.jsx)("div",{className:"truncate",children:(0,e.jsx)(u.SelectValue,{placeholder:t.operator})})}),(0,e.jsx)(u.SelectContent,{id:E,className:"origin-[var(--radix-select-content-transform-origin)]",children:A.map(a=>(0,e.jsx)(u.SelectItem,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),(0,e.jsx)("div",{className:"min-w-36 flex-1",children:function({filter:t,inputId:r,column:l,columnMeta:i,onFilterUpdate:p,showValueSelector:f,setShowValueSelector:x}){if("isEmpty"===t.operator||"isNotEmpty"===t.operator)return(0,e.jsx)("div",{id:r,role:"status","aria-label":`${i?.label} filter is ${"isEmpty"===t.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(t.variant){case"text":case"number":case"range":{if("range"===t.variant&&"isBetween"===t.operator||"isBetween"===t.operator)return(0,e.jsx)(o.DataTableRangeFilter,{filter:t,column:l,inputId:r,onFilterUpdate:p});let a="number"===t.variant||"range"===t.variant;return(0,e.jsx)(c.Input,{id:r,type:a?"number":t.variant,"aria-label":`${i?.label} filter value`,"aria-describedby":`${r}-description`,inputMode:a?"numeric":void 0,placeholder:i?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof t.value?t.value:void 0,onChange:e=>p(t.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(t.value))return null;let a=`${r}-listbox`;return(0,e.jsxs)(u.Select,{open:f,onOpenChange:x,value:t.value,onValueChange:e=>p(t.filterId,{value:e}),children:[(0,e.jsx)(u.SelectTrigger,{id:r,"aria-controls":a,"aria-label":`${i?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:(0,e.jsx)(u.SelectValue,{placeholder:t.value?"True":"False"})}),(0,e.jsxs)(u.SelectContent,{id:a,children:[(0,e.jsx)(u.SelectItem,{value:"true",children:"True"}),(0,e.jsx)(u.SelectItem,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${r}-listbox`,l="multiSelect"===t.variant,s=l?Array.isArray(t.value)?t.value:[]:"string"==typeof t.value?t.value:void 0;return(0,e.jsxs)(d.Faceted,{open:f,onOpenChange:x,value:s,onValueChange:e=>{p(t.filterId,{value:e})},multiple:l,children:[(0,e.jsx)(d.FacetedTrigger,{asChild:!0,children:(0,e.jsx)(n.Button,{id:r,"aria-controls":a,"aria-label":`${i?.label} filter value${l?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:(0,e.jsx)(d.FacetedBadgeList,{options:i?.options,placeholder:i?.placeholder??`Select option${l?"s":""}...`})})}),(0,e.jsxs)(d.FacetedContent,{id:a,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[(0,e.jsx)(d.FacetedInput,{"aria-label":`Search ${i?.label} options`,placeholder:i?.placeholder??"Search options..."}),(0,e.jsxs)(d.FacetedList,{children:[(0,e.jsx)(d.FacetedEmpty,{children:"Nenhum resultado"}),(0,e.jsx)(d.FacetedGroup,{children:i?.options?.map(a=>(0,e.jsxs)(d.FacetedItem,{value:a.value,children:[a.icon&&(0,e.jsx)(a.icon,{}),(0,e.jsx)("span",{children:a.label}),a.count&&(0,e.jsx)("span",{className:"ml-auto font-mono text-xs",children:a.count})]},a.value))})]})]})]})}case"date":case"dateRange":{let l=`${r}-listbox`,o=Array.isArray(t.value)?t.value.filter(Boolean):[t.value,t.value].filter(Boolean),d="isBetween"===t.operator&&2===o.length?`${(0,j.formatDate)(new Date(Number(o[0])))} - ${(0,j.formatDate)(new Date(Number(o[1])))}`:o[0]?(0,j.formatDate)(new Date(Number(o[0]))):"Escolha uma data";return(0,e.jsxs)(m.Popover,{open:f,onOpenChange:x,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{id:r,"aria-controls":l,"aria-label":`${i?.label} date filter`,variant:"secondary",size:"sm",className:(0,b.cn)("w-full justify-start rounded text-left font-normal",!t.value&&"text-gray-400"),children:[(0,e.jsx)(a.CalendarBlank,{weight:"bold"}),(0,e.jsx)("span",{className:"truncate text-sm",children:d})]})}),(0,e.jsx)(m.PopoverContent,{id:l,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===t.operator?(0,e.jsx)(s.Calendar,{"aria-label":`Select ${i?.label} date range`,mode:"range",selected:2===o.length?{from:new Date(Number(o[0])),to:new Date(Number(o[1]))}:{from:new Date,to:new Date},onSelect:e=>{p(t.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):(0,e.jsx)(s.Calendar,{"aria-label":`Select ${i?.label} date`,mode:"single",selected:o[0]?new Date(Number(o[0])):void 0,onSelect:e=>{p(t.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:t,inputId:z,column:T,columnMeta:L,onFilterUpdate:C,showValueSelector:k,setShowValueSelector:$})}),(0,e.jsx)(n.Button,{"aria-controls":f,variant:"secondary",size:"icon",className:"size-8 rounded",onClick:()=>N(t.filterId),children:(0,e.jsx)(a.Trash,{weight:"bold"})}),(0,e.jsx)(p.SortableItemHandle,{asChild:!0,children:(0,e.jsx)(n.Button,{variant:"secondary",size:"icon",className:"size-8 rounded",children:(0,e.jsx)(a.DotsSixVertical,{weight:"bold"})})})]})})}export{y as DataTableFilterList};
+import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as t from"nuqs";import*as l from"react";import*as r from"../badge.js";import*as n from"../button.js";import*as i from"../calendar.js";import*as s from"../command.js";import*as o from"./data-table-range-filter.js";import*as d from"../faceted.js";import*as c from"../input.js";import*as m from"../popover.js";import*as u from"../select.js";import*as p from"../sortable.js";import*as f from"../../hooks/use-debounced-callback.js";import*as x from"../../lib/data-table.js";import*as h from"../../lib/data-table-config.js";import*as j from"../../lib/format.js";import*as v from"../../lib/id.js";import*as g from"../../lib/parsers.js";import*as b from"../../lib/utils.js";let w=["backspace","delete"];function C({table:i,debounceMs:s=300,throttleMs:o=50,shallow:d=!0,...c}){let u=l.useId(),h=l.useId(),j=l.useId(),[C,y]=l.useState(!1),I=l.useRef(null),S=l.useMemo(()=>i.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[i]),[D,F]=(0,t.useQueryState)("filters",(0,g.getFiltersStateParser)(S.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:d,throttleMs:o})),k=(0,f.useDebouncedCallback)(F,s),[$,T]=(0,t.useQueryState)("joinOperator",(0,t.parseAsStringEnum)(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:d})),O=l.useCallback(()=>{let e=S[0];e&&k([...D,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:(0,x.getDefaultFilterOperator)(e.columnDef.meta?.variant??"text"),filterId:(0,v.generateId)({length:8})}])},[S,D,k]),B=l.useCallback((e,a)=>{k(t=>t.map(t=>t.filterId===e?{...t,...a}:t))},[k]),E=l.useCallback(e=>{F(D.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{I.current?.focus()})},[D,F]),z=l.useCallback(()=>{F(null),T("e")},[F,T]);l.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),y(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&D.length>0&&(e.preventDefault(),E(D[D.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[D,E]);let L=l.useCallback(e=>{w.includes(e.key.toLowerCase())&&D.length>0&&(e.preventDefault(),E(D[D.length-1]?.filterId??""))},[D,E]);return(0,e.jsxs)(p.Sortable,{value:D,onValueChange:F,getItemValue:e=>e.filterId,children:[(0,e.jsxs)(m.Popover,{open:C,onOpenChange:y,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{variant:"outline",size:"sm",onKeyDown:L,children:[(0,e.jsx)(a.FunnelSimpleIcon,{weight:"bold"}),"Filtro",D.length>0&&(0,e.jsx)(r.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:D.length})]})}),(0,e.jsxs)(m.PopoverContent,{"aria-describedby":j,"aria-labelledby":h,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...c,children:[(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)("h4",{id:h,className:"font-medium leading-none",children:D.length>0?"Filtros":"Nenhum filtro aplicado"}),(0,e.jsx)("p",{id:j,className:(0,b.cn)("text-gray-400 text-sm",D.length>0&&"sr-only"),children:D.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),D.length>0?(0,e.jsx)(p.SortableContent,{asChild:!0,children:(0,e.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:D.map((a,t)=>(0,e.jsx)(N,{filter:a,index:t,filterItemId:`${u}-filter-${a.filterId}`,joinOperator:$,setJoinOperator:T,columns:S,onFilterUpdate:B,onFilterRemove:E},a.filterId))})}):null,(0,e.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,e.jsx)(n.Button,{size:"sm",className:"rounded",ref:I,onClick:O,children:"Adicionar filtro"}),D.length>0?(0,e.jsx)(n.Button,{variant:"outline",size:"sm",className:"rounded",onClick:z,children:"Resetar filtros"}):null]})]})]}),(0,e.jsx)(p.SortableOverlay,{children:(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,e.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function N({filter:t,index:r,filterItemId:f,joinOperator:v,setJoinOperator:g,columns:C,onFilterUpdate:N,onFilterRemove:y}){let[I,S]=l.useState(!1),[D,F]=l.useState(!1),[k,$]=l.useState(!1),T=C.find(e=>e.id===t.id);if(!T)return null;let O=`${f}-join-operator-listbox`,B=`${f}-field-listbox`,E=`${f}-operator-listbox`,z=`${f}-input`,L=T.columnDef.meta,A=(0,x.getFilterOperators)(t.variant),V=l.useCallback(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(I||D||k||w.includes(e.key.toLowerCase())&&(e.preventDefault(),y(t.filterId)))},[t.filterId,I,D,k,y]);return(0,e.jsx)(p.SortableItem,{value:t.filterId,asChild:!0,children:(0,e.jsxs)("div",{role:"listitem",id:f,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:V,children:[(0,e.jsx)("div",{className:"min-w-[72px] text-center",children:0===r?(0,e.jsx)("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===r?(0,e.jsxs)(u.Select,{value:v,onValueChange:e=>g(e),children:[(0,e.jsx)(u.SelectTrigger,{"aria-label":"Select join operator","aria-controls":O,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:(0,e.jsx)(u.SelectValue,{placeholder:v})}),(0,e.jsx)(u.SelectContent,{id:O,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:h.dataTableConfig.joinOperators.map(a=>(0,e.jsx)(u.SelectItem,{value:a,children:a},a))})]}):(0,e.jsx)("span",{className:"text-gray-400 text-sm",children:v})}),(0,e.jsxs)(m.Popover,{open:I,onOpenChange:S,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{role:"combobox","aria-controls":B,variant:"outline",size:"sm",className:"w-32 justify-between rounded font-normal",children:[(0,e.jsx)("span",{className:"truncate",children:C.find(e=>e.id===t.id)?.columnDef.meta?.label??"Selecione o campo"}),(0,e.jsx)(a.CaretUpDownIcon,{className:"opacity-50"})]})}),(0,e.jsx)(m.PopoverContent,{id:B,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,e.jsxs)(s.Command,{children:[(0,e.jsx)(s.CommandInput,{placeholder:"Buscar campo..."}),(0,e.jsxs)(s.CommandList,{children:[(0,e.jsx)(s.CommandEmpty,{children:"Nenhum campo encontrado."}),(0,e.jsx)(s.CommandGroup,{children:C.map(l=>(0,e.jsxs)(s.CommandItem,{value:l.id,onSelect:e=>{N(t.filterId,{id:e,variant:l.columnDef.meta?.variant??"text",operator:(0,x.getDefaultFilterOperator)(l.columnDef.meta?.variant??"text"),value:""}),S(!1)},children:[(0,e.jsx)("span",{className:"truncate",children:l.columnDef.meta?.label}),(0,e.jsx)(a.CheckIcon,{className:(0,b.cn)("ml-auto",l.id===t.id?"opacity-100":"opacity-0")})]},l.id))})]})]})})]}),(0,e.jsxs)(u.Select,{open:D,onOpenChange:F,value:t.operator,onValueChange:e=>N(t.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":t.value}),children:[(0,e.jsx)(u.SelectTrigger,{"aria-controls":E,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:(0,e.jsx)("div",{className:"truncate",children:(0,e.jsx)(u.SelectValue,{placeholder:t.operator})})}),(0,e.jsx)(u.SelectContent,{id:E,className:"origin-[var(--radix-select-content-transform-origin)]",children:A.map(a=>(0,e.jsx)(u.SelectItem,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),(0,e.jsx)("div",{className:"min-w-36 flex-1",children:function({filter:t,inputId:l,column:r,columnMeta:s,onFilterUpdate:p,showValueSelector:f,setShowValueSelector:x}){if("isEmpty"===t.operator||"isNotEmpty"===t.operator)return(0,e.jsx)("div",{id:l,role:"status","aria-label":`${s?.label} filter is ${"isEmpty"===t.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(t.variant){case"text":case"number":case"range":{if("range"===t.variant&&"isBetween"===t.operator||"isBetween"===t.operator)return(0,e.jsx)(o.DataTableRangeFilter,{filter:t,column:r,inputId:l,onFilterUpdate:p});let a="number"===t.variant||"range"===t.variant;return(0,e.jsx)(c.Input,{id:l,type:a?"number":t.variant,"aria-label":`${s?.label} filter value`,"aria-describedby":`${l}-description`,inputMode:a?"numeric":void 0,placeholder:s?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof t.value?t.value:void 0,onChange:e=>p(t.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(t.value))return null;let a=`${l}-listbox`;return(0,e.jsxs)(u.Select,{open:f,onOpenChange:x,value:t.value,onValueChange:e=>p(t.filterId,{value:e}),children:[(0,e.jsx)(u.SelectTrigger,{id:l,"aria-controls":a,"aria-label":`${s?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:(0,e.jsx)(u.SelectValue,{placeholder:t.value?"True":"False"})}),(0,e.jsxs)(u.SelectContent,{id:a,children:[(0,e.jsx)(u.SelectItem,{value:"true",children:"True"}),(0,e.jsx)(u.SelectItem,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${l}-listbox`,r="multiSelect"===t.variant,i=r?Array.isArray(t.value)?t.value:[]:"string"==typeof t.value?t.value:void 0;return(0,e.jsxs)(d.Faceted,{open:f,onOpenChange:x,value:i,onValueChange:e=>{p(t.filterId,{value:e})},multiple:r,children:[(0,e.jsx)(d.FacetedTrigger,{asChild:!0,children:(0,e.jsx)(n.Button,{id:l,"aria-controls":a,"aria-label":`${s?.label} filter value${r?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:(0,e.jsx)(d.FacetedBadgeList,{options:s?.options,placeholder:s?.placeholder??`Select option${r?"s":""}...`})})}),(0,e.jsxs)(d.FacetedContent,{id:a,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[(0,e.jsx)(d.FacetedInput,{"aria-label":`Search ${s?.label} options`,placeholder:s?.placeholder??"Search options..."}),(0,e.jsxs)(d.FacetedList,{children:[(0,e.jsx)(d.FacetedEmpty,{children:"Nenhum resultado"}),(0,e.jsx)(d.FacetedGroup,{children:s?.options?.map(a=>(0,e.jsxs)(d.FacetedItem,{value:a.value,children:[a.icon&&(0,e.jsx)(a.icon,{}),(0,e.jsx)("span",{children:a.label}),a.count&&(0,e.jsx)("span",{className:"ml-auto font-mono text-xs",children:a.count})]},a.value))})]})]})]})}case"date":case"dateRange":{let r=`${l}-listbox`,o=Array.isArray(t.value)?t.value.filter(Boolean):[t.value,t.value].filter(Boolean),d="isBetween"===t.operator&&2===o.length?`${(0,j.formatDate)(new Date(Number(o[0])))} - ${(0,j.formatDate)(new Date(Number(o[1])))}`:o[0]?(0,j.formatDate)(new Date(Number(o[0]))):"Escolha uma data";return(0,e.jsxs)(m.Popover,{open:f,onOpenChange:x,children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(n.Button,{id:l,"aria-controls":r,"aria-label":`${s?.label} date filter`,variant:"outline",size:"sm",className:(0,b.cn)("w-full justify-start rounded text-left font-normal",!t.value&&"text-gray-400"),children:[(0,e.jsx)(a.CalendarBlankIcon,{weight:"bold"}),(0,e.jsx)("span",{className:"truncate text-sm",children:d})]})}),(0,e.jsx)(m.PopoverContent,{id:r,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===t.operator?(0,e.jsx)(i.Calendar,{"aria-label":`Select ${s?.label} date range`,mode:"range",selected:2===o.length?{from:new Date(Number(o[0])),to:new Date(Number(o[1]))}:{from:new Date,to:new Date},onSelect:e=>{p(t.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):(0,e.jsx)(i.Calendar,{"aria-label":`Select ${s?.label} date`,mode:"single",selected:o[0]?new Date(Number(o[0])):void 0,onSelect:e=>{p(t.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:t,inputId:z,column:T,columnMeta:L,onFilterUpdate:N,showValueSelector:k,setShowValueSelector:$})}),(0,e.jsx)(n.Button,{"aria-controls":f,variant:"outline",size:"icon",className:"size-8 rounded",onClick:()=>y(t.filterId),children:(0,e.jsx)(a.TrashIcon,{weight:"bold"})}),(0,e.jsx)(p.SortableItemHandle,{asChild:!0,children:(0,e.jsx)(n.Button,{variant:"outline",size:"icon",className:"size-8 rounded",children:(0,e.jsx)(a.DotsSixVerticalIcon,{weight:"bold"})})})]})})}export{C as DataTableFilterList};
 //# sourceMappingURL=data-table-filter-list.js.map

package/dist/esm/components/data-table/data-table-filter-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-filter-list.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  CalendarBlank,\r\n  CaretUpDown,\r\n  Check,\r\n  DotsSixVertical,\r\n  FunnelSimple,\r\n  Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, ColumnMeta, Table } from '@tanstack/react-table'\r\nimport { parseAsStringEnum, useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\r\nimport {\r\n  Faceted,\r\n  FacetedBadgeList,\r\n  FacetedContent,\r\n  FacetedEmpty,\r\n  FacetedGroup,\r\n  FacetedInput,\r\n  FacetedItem,\r\n  FacetedList,\r\n  FacetedTrigger,\r\n} from '@/components/faceted'\r\nimport { Input } from '@/components/input'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n  Sortable,\r\n  SortableContent,\r\n  SortableItem,\r\n  SortableItemHandle,\r\n  SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { formatDate } from '@/lib/format'\r\nimport { generateId } from '@/lib/id'\r\nimport { getFiltersStateParser } from '@/lib/parsers'\r\nimport { cn } from '@/lib/utils'\r\nimport type {\r\n  ExtendedColumnFilter,\r\n  FilterOperator,\r\n  JoinOperator,\r\n} from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\r\nconst JOIN_OPERATOR_KEY = 'joinOperator'\r\nconst DEBOUNCE_MS = 300\r\nconst THROTTLE_MS = 50\r\nconst OPEN_MENU_SHORTCUT = 'f'\r\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableFilterListProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n  debounceMs?: number\r\n  throttleMs?: number\r\n  shallow?: boolean\r\n}\r\n\r\nexport function DataTableFilterList<TData>({\r\n  table,\r\n  debounceMs = DEBOUNCE_MS,\r\n  throttleMs = THROTTLE_MS,\r\n  shallow = true,\r\n  ...props\r\n}: DataTableFilterListProps<TData>) {\r\n  const id = React.useId()\r\n  const labelId = React.useId()\r\n  const descriptionId = React.useId()\r\n  const [open, setOpen] = React.useState(false)\r\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n  const columns = React.useMemo(() => {\r\n    return table\r\n      .getAllColumns()\r\n      .filter(column => column.columnDef.enableColumnFilter)\r\n  }, [table])\r\n\r\n  const [filters, setFilters] = useQueryState(\r\n    FILTERS_KEY,\r\n    getFiltersStateParser<TData>(columns.map(field => field.id))\r\n      .withDefault([])\r\n      .withOptions({\r\n        clearOnDefault: true,\r\n        shallow,\r\n        throttleMs,\r\n      })\r\n  )\r\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\r\n\r\n  const [joinOperator, setJoinOperator] = useQueryState(\r\n    JOIN_OPERATOR_KEY,\r\n    parseAsStringEnum(['e', 'ou']).withDefault('e').withOptions({\r\n      clearOnDefault: true,\r\n      shallow,\r\n    })\r\n  )\r\n\r\n  const onFilterAdd = React.useCallback(() => {\r\n    const column = columns[0]\r\n\r\n    if (!column) return\r\n\r\n    debouncedSetFilters([\r\n      ...filters,\r\n      {\r\n        id: column.id as Extract<keyof TData, string>,\r\n        value: '',\r\n        variant: column.columnDef.meta?.variant ?? 'text',\r\n        operator: getDefaultFilterOperator(\r\n          column.columnDef.meta?.variant ?? 'text'\r\n        ),\r\n        filterId: generateId({ length: 8 }),\r\n      },\r\n    ])\r\n  }, [columns, filters, debouncedSetFilters])\r\n\r\n  const onFilterUpdate = React.useCallback(\r\n    (\r\n      filterId: string,\r\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n    ) => {\r\n      debouncedSetFilters(prevFilters => {\r\n        const updatedFilters = prevFilters.map(filter => {\r\n          if (filter.filterId === filterId) {\r\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\r\n          }\r\n          return filter\r\n        })\r\n        return updatedFilters\r\n      })\r\n    },\r\n    [debouncedSetFilters]\r\n  )\r\n\r\n  const onFilterRemove = React.useCallback(\r\n    (filterId: string) => {\r\n      const updatedFilters = filters.filter(\r\n        filter => filter.filterId !== filterId\r\n      )\r\n      void setFilters(updatedFilters)\r\n      requestAnimationFrame(() => {\r\n        addButtonRef.current?.focus()\r\n      })\r\n    },\r\n    [filters, setFilters]\r\n  )\r\n\r\n  const onFiltersReset = React.useCallback(() => {\r\n    void setFilters(null)\r\n    void setJoinOperator('e')\r\n  }, [setFilters, setJoinOperator])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [filters, onFilterRemove])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    },\r\n    [filters, onFilterRemove]\r\n  )\r\n\r\n  return (\r\n    <Sortable\r\n      value={filters}\r\n      onValueChange={setFilters}\r\n      getItemValue={item => item.filterId}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button variant=\"secondary\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\r\n            <FunnelSimple weight=\"bold\" />\r\n            Filtro\r\n            {filters.length > 0 && (\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n              >\r\n                {filters.length}\r\n              </Badge>\r\n            )}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          aria-describedby={descriptionId}\r\n          aria-labelledby={labelId}\r\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n          {...props}\r\n        >\r\n          <div className=\"flex flex-col gap-1\">\r\n            <h4 id={labelId} className=\"font-medium leading-none\">\r\n              {filters.length > 0 ? 'Filtros' : 'Nenhum filtro aplicado'}\r\n            </h4>\r\n            <p\r\n              id={descriptionId}\r\n              className={cn(\r\n                'text-gray-400 text-sm',\r\n                filters.length > 0 && 'sr-only'\r\n              )}\r\n            >\r\n              {filters.length > 0\r\n                ? 'Modifique os filtros para filtrar suas linhas.'\r\n                : 'Adicione filtros para filtrar suas linhas.'}\r\n            </p>\r\n          </div>\r\n          {filters.length > 0 ? (\r\n            <SortableContent asChild>\r\n              <div\r\n                role=\"list\"\r\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n              >\r\n                {filters.map((filter, index) => (\r\n                  <DataTableFilterItem<TData>\r\n                    key={filter.filterId}\r\n                    filter={filter}\r\n                    index={index}\r\n                    filterItemId={`${id}-filter-${filter.filterId}`}\r\n                    joinOperator={joinOperator}\r\n                    setJoinOperator={setJoinOperator}\r\n                    columns={columns}\r\n                    onFilterUpdate={onFilterUpdate}\r\n                    onFilterRemove={onFilterRemove}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </SortableContent>\r\n          ) : null}\r\n          <div className=\"flex w-full items-center gap-2\">\r\n            <Button\r\n              size=\"sm\"\r\n              className=\"rounded\"\r\n              ref={addButtonRef}\r\n              onClick={onFilterAdd}\r\n            >\r\n              Adicionar filtro\r\n            </Button>\r\n            {filters.length > 0 ? (\r\n              <Button\r\n                variant=\"secondary\"\r\n                size=\"sm\"\r\n                className=\"rounded\"\r\n                onClick={onFiltersReset}\r\n              >\r\n                Resetar filtros\r\n              </Button>\r\n            ) : null}\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n      <SortableOverlay>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"h-10 min-w-[72px] rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 min-w-36 flex-1 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n        </div>\r\n      </SortableOverlay>\r\n    </Sortable>\r\n  )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n  filter: ExtendedColumnFilter<TData>\r\n  index: number\r\n  filterItemId: string\r\n  joinOperator: JoinOperator\r\n  setJoinOperator: (value: JoinOperator) => void\r\n  columns: Column<TData>[]\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  onFilterRemove: (filterId: string) => void\r\n}\r\n\r\nfunction DataTableFilterItem<TData>({\r\n  filter,\r\n  index,\r\n  filterItemId,\r\n  joinOperator,\r\n  setJoinOperator,\r\n  columns,\r\n  onFilterUpdate,\r\n  onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n  const [showOperatorSelector, setShowOperatorSelector] = React.useState(false)\r\n  const [showValueSelector, setShowValueSelector] = React.useState(false)\r\n\r\n  const column = columns.find(column => column.id === filter.id)\r\n  if (!column) return null\r\n\r\n  const joinOperatorListboxId = `${filterItemId}-join-operator-listbox`\r\n  const fieldListboxId = `${filterItemId}-field-listbox`\r\n  const operatorListboxId = `${filterItemId}-operator-listbox`\r\n  const inputId = `${filterItemId}-input`\r\n\r\n  const columnMeta = column.columnDef.meta\r\n  const filterOperators = getFilterOperators(filter.variant)\r\n\r\n  const onItemKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (showFieldSelector || showOperatorSelector || showValueSelector) {\r\n        return\r\n      }\r\n\r\n      if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n        event.preventDefault()\r\n        onFilterRemove(filter.filterId)\r\n      }\r\n    },\r\n    [\r\n      filter.filterId,\r\n      showFieldSelector,\r\n      showOperatorSelector,\r\n      showValueSelector,\r\n      onFilterRemove,\r\n    ]\r\n  )\r\n\r\n  return (\r\n    <SortableItem value={filter.filterId} asChild>\r\n      <div\r\n        role=\"listitem\"\r\n        id={filterItemId}\r\n        tabIndex={-1}\r\n        className=\"flex items-center gap-2\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <div className=\"min-w-[72px] text-center\">\r\n          {index === 0 ? (\r\n            <span className=\"text-gray-400 text-sm\">Onde</span>\r\n          ) : index === 1 ? (\r\n            <Select\r\n              value={joinOperator}\r\n              onValueChange={(value: JoinOperator) => setJoinOperator(value)}\r\n            >\r\n              <SelectTrigger\r\n                aria-label=\"Select join operator\"\r\n                aria-controls={joinOperatorListboxId}\r\n                className=\"h-10 rounded lowercase [&[data-size]]:h-10\"\r\n              >\r\n                <SelectValue placeholder={joinOperator} />\r\n              </SelectTrigger>\r\n              <SelectContent\r\n                id={joinOperatorListboxId}\r\n                position=\"popper\"\r\n                className=\"min-w-(--radix-select-trigger-width) lowercase\"\r\n              >\r\n                {dataTableConfig.joinOperators.map(joinOperator => (\r\n                  <SelectItem key={joinOperator} value={joinOperator}>\r\n                    {joinOperator}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          ) : (\r\n            <span className=\"text-gray-400 text-sm\">{joinOperator}</span>\r\n          )}\r\n        </div>\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              role=\"combobox\"\r\n              aria-controls={fieldListboxId}\r\n              variant=\"secondary\"\r\n              size=\"sm\"\r\n              className=\"w-32 justify-between rounded font-normal\"\r\n            >\r\n              <span className=\"truncate\">\r\n                {columns.find(column => column.id === filter.id)?.columnDef.meta\r\n                  ?.label ?? 'Selecione o campo'}\r\n              </span>\r\n              <CaretUpDown className=\"opacity-50\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={fieldListboxId}\r\n            align=\"start\"\r\n            className=\"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Buscar campo...\" />\r\n              <CommandList>\r\n                <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={value => {\r\n                        onFilterUpdate(filter.filterId, {\r\n                          id: value as Extract<keyof TData, string>,\r\n                          variant: column.columnDef.meta?.variant ?? 'text',\r\n                          operator: getDefaultFilterOperator(\r\n                            column.columnDef.meta?.variant ?? 'text'\r\n                          ),\r\n                          value: '',\r\n                        })\r\n\r\n                        setShowFieldSelector(false)\r\n                      }}\r\n                    >\r\n                      <span className=\"truncate\">\r\n                        {column.columnDef.meta?.label}\r\n                      </span>\r\n                      <Check\r\n                        className={cn(\r\n                          'ml-auto',\r\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\r\n                        )}\r\n                      />\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showOperatorSelector}\r\n          onOpenChange={setShowOperatorSelector}\r\n          value={filter.operator}\r\n          onValueChange={(value: FilterOperator) =>\r\n            onFilterUpdate(filter.filterId, {\r\n              operator: value,\r\n              value:\r\n                value === 'isEmpty' || value === 'isNotEmpty'\r\n                  ? ''\r\n                  : filter.value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={operatorListboxId}\r\n            className=\"h-10 w-32 rounded lowercase [&[data-size]]:h-10\"\r\n          >\r\n            <div className=\"truncate\">\r\n              <SelectValue placeholder={filter.operator} />\r\n            </div>\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={operatorListboxId}\r\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {filterOperators.map(operator => (\r\n              <SelectItem\r\n                key={operator.value}\r\n                value={operator.value}\r\n                className=\"lowercase\"\r\n              >\r\n                {operator.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"min-w-36 flex-1\">\r\n          {onFilterInputRender({\r\n            filter,\r\n            inputId,\r\n            column,\r\n            columnMeta,\r\n            onFilterUpdate,\r\n            showValueSelector,\r\n            setShowValueSelector,\r\n          })}\r\n        </div>\r\n        <Button\r\n          aria-controls={filterItemId}\r\n          variant=\"secondary\"\r\n          size=\"icon\"\r\n          className=\"size-8 rounded\"\r\n          onClick={() => onFilterRemove(filter.filterId)}\r\n        >\r\n          <Trash weight=\"bold\" />\r\n        </Button>\r\n        <SortableItemHandle asChild>\r\n          <Button variant=\"secondary\" size=\"icon\" className=\"size-8 rounded\">\r\n            <DotsSixVertical weight=\"bold\" />\r\n          </Button>\r\n        </SortableItemHandle>\r\n      </div>\r\n    </SortableItem>\r\n  )\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n  filter,\r\n  inputId,\r\n  column,\r\n  columnMeta,\r\n  onFilterUpdate,\r\n  showValueSelector,\r\n  setShowValueSelector,\r\n}: {\r\n  filter: ExtendedColumnFilter<TData>\r\n  inputId: string\r\n  column: Column<TData>\r\n  columnMeta?: ColumnMeta<TData, unknown>\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  showValueSelector: boolean\r\n  setShowValueSelector: (value: boolean) => void\r\n}) {\r\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\r\n    return (\r\n      <div\r\n        id={inputId}\r\n        role=\"status\"\r\n        aria-label={`${columnMeta?.label} filter is ${\r\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n        }`}\r\n        aria-live=\"polite\"\r\n        className=\"h-10 w-full rounded border bg-transparent dark:bg-input/30\"\r\n      />\r\n    )\r\n  }\r\n\r\n  switch (filter.variant) {\r\n    case 'text':\r\n    case 'number':\r\n    case 'range': {\r\n      if (\r\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\r\n        filter.operator === 'isBetween'\r\n      ) {\r\n        return (\r\n          <DataTableRangeFilter\r\n            filter={filter}\r\n            column={column}\r\n            inputId={inputId}\r\n            onFilterUpdate={onFilterUpdate}\r\n          />\r\n        )\r\n      }\r\n\r\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\r\n\r\n      return (\r\n        <Input\r\n          id={inputId}\r\n          type={isNumber ? 'number' : filter.variant}\r\n          aria-label={`${columnMeta?.label} filter value`}\r\n          aria-describedby={`${inputId}-description`}\r\n          inputMode={isNumber ? 'numeric' : undefined}\r\n          placeholder={columnMeta?.placeholder ?? 'Enter a value...'}\r\n          className=\"h-10 w-full rounded\"\r\n          defaultValue={\r\n            typeof filter.value === 'string' ? filter.value : undefined\r\n          }\r\n          onChange={event =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value: event.target.value,\r\n            })\r\n          }\r\n        />\r\n      )\r\n    }\r\n\r\n    case 'boolean': {\r\n      if (Array.isArray(filter.value)) return null\r\n\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      return (\r\n        <Select\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={filter.value}\r\n          onValueChange={value =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            id={inputId}\r\n            aria-controls={inputListboxId}\r\n            aria-label={`${columnMeta?.label} boolean filter`}\r\n            className=\"h-10 w-full rounded [&[data-size]]:h-10\"\r\n          >\r\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\r\n          </SelectTrigger>\r\n          <SelectContent id={inputListboxId}>\r\n            <SelectItem value=\"true\">True</SelectItem>\r\n            <SelectItem value=\"false\">False</SelectItem>\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    case 'select':\r\n    case 'multiSelect': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const multiple = filter.variant === 'multiSelect'\r\n      const selectedValues = multiple\r\n        ? Array.isArray(filter.value)\r\n          ? filter.value\r\n          : []\r\n        : typeof filter.value === 'string'\r\n          ? filter.value\r\n          : undefined\r\n\r\n      return (\r\n        <Faceted\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={selectedValues}\r\n          onValueChange={value => {\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }}\r\n          multiple={multiple}\r\n        >\r\n          <FacetedTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} filter value${multiple ? 's' : ''}`}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className=\"w-full rounded font-normal\"\r\n            >\r\n              <FacetedBadgeList\r\n                options={columnMeta?.options}\r\n                placeholder={\r\n                  columnMeta?.placeholder ??\r\n                  `Select option${multiple ? 's' : ''}...`\r\n                }\r\n              />\r\n            </Button>\r\n          </FacetedTrigger>\r\n          <FacetedContent\r\n            id={inputListboxId}\r\n            className=\"w-[200px] origin-[var(--radix-popover-content-transform-origin)]\"\r\n          >\r\n            <FacetedInput\r\n              aria-label={`Search ${columnMeta?.label} options`}\r\n              placeholder={columnMeta?.placeholder ?? 'Search options...'}\r\n            />\r\n            <FacetedList>\r\n              <FacetedEmpty>Nenhum resultado</FacetedEmpty>\r\n              <FacetedGroup>\r\n                {columnMeta?.options?.map(option => (\r\n                  <FacetedItem key={option.value} value={option.value}>\r\n                    {option.icon && <option.icon />}\r\n                    <span>{option.label}</span>\r\n                    {option.count && (\r\n                      <span className=\"ml-auto font-mono text-xs\">\r\n                        {option.count}\r\n                      </span>\r\n                    )}\r\n                  </FacetedItem>\r\n                ))}\r\n              </FacetedGroup>\r\n            </FacetedList>\r\n          </FacetedContent>\r\n        </Faceted>\r\n      )\r\n    }\r\n\r\n    case 'date':\r\n    case 'dateRange': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const dateValue = Array.isArray(filter.value)\r\n        ? filter.value.filter(Boolean)\r\n        : [filter.value, filter.value].filter(Boolean)\r\n\r\n      const displayValue =\r\n        filter.operator === 'isBetween' && dateValue.length === 2\r\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\r\n              new Date(Number(dateValue[1]))\r\n            )}`\r\n          : dateValue[0]\r\n            ? formatDate(new Date(Number(dateValue[0])))\r\n            : 'Escolha uma data'\r\n\r\n      return (\r\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} date filter`}\r\n              variant=\"secondary\"\r\n              size=\"sm\"\r\n              className={cn(\r\n                'w-full justify-start rounded text-left font-normal',\r\n                !filter.value && 'text-gray-400'\r\n              )}\r\n            >\r\n              <CalendarBlank weight=\"bold\" />\r\n              <span className=\"truncate text-sm\">{displayValue}</span>\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={inputListboxId}\r\n            align=\"start\"\r\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            {filter.operator === 'isBetween' ? (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date range`}\r\n                mode=\"range\"\r\n                selected={\r\n                  dateValue.length === 2\r\n                    ? {\r\n                        from: new Date(Number(dateValue[0])),\r\n                        to: new Date(Number(dateValue[1])),\r\n                      }\r\n                    : {\r\n                        from: new Date(),\r\n                        to: new Date(),\r\n                      }\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: date\r\n                      ? [\r\n                          (date.from?.getTime() ?? '').toString(),\r\n                          (date.to?.getTime() ?? '').toString(),\r\n                        ]\r\n                      : [],\r\n                  })\r\n                }}\r\n              />\r\n            ) : (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date`}\r\n                mode=\"single\"\r\n                selected={\r\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: (date?.getTime() ?? '').toString(),\r\n                  })\r\n                }}\r\n              />\r\n            )}\r\n          </PopoverContent>\r\n        </Popover>\r\n      )\r\n    }\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n"],"names":["REMOVE_FILTER_SHORTCUTS","DataTableFilterList","table","debounceMs","throttleMs","shallow","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","columns","column","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","joinOperator","setJoinOperator","parseAsStringEnum","onFilterAdd","getDefaultFilterOperator","generateId","onFilterUpdate","filterId","updates","prevFilters","filter","onFilterRemove","requestAnimationFrame","onFiltersReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","item","Popover","PopoverTrigger","Button","FunnelSimple","Badge","PopoverContent","cn","SortableContent","index","DataTableFilterItem","SortableOverlay","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","joinOperatorListboxId","fieldListboxId","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","SortableItem","Select","value","SelectTrigger","SelectValue","SelectContent","dataTableConfig","SelectItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","operator","onFilterInputRender","DataTableRangeFilter","isNumber","Input","undefined","Array","inputListboxId","multiple","selectedValues","Faceted","FacetedTrigger","FacetedBadgeList","FacetedContent","FacetedInput","FacetedList","FacetedEmpty","FacetedGroup","option","FacetedItem","dateValue","Boolean","displayValue","formatDate","Date","Number","CalendarBlank","Calendar","date","Trash","SortableItemHandle","DotsSixVertical"],"mappings":"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"}
+{"version":3,"file":"components\\data-table\\data-table-filter-list.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  CalendarBlankIcon,\r\n  CaretUpDownIcon,\r\n  CheckIcon,\r\n  DotsSixVerticalIcon,\r\n  FunnelSimpleIcon,\r\n  TrashIcon,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, ColumnMeta, Table } from '@tanstack/react-table'\r\nimport { parseAsStringEnum, useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\r\nimport {\r\n  Faceted,\r\n  FacetedBadgeList,\r\n  FacetedContent,\r\n  FacetedEmpty,\r\n  FacetedGroup,\r\n  FacetedInput,\r\n  FacetedItem,\r\n  FacetedList,\r\n  FacetedTrigger,\r\n} from '@/components/faceted'\r\nimport { Input } from '@/components/input'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n  Sortable,\r\n  SortableContent,\r\n  SortableItem,\r\n  SortableItemHandle,\r\n  SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { formatDate } from '@/lib/format'\r\nimport { generateId } from '@/lib/id'\r\nimport { getFiltersStateParser } from '@/lib/parsers'\r\nimport { cn } from '@/lib/utils'\r\nimport type {\r\n  ExtendedColumnFilter,\r\n  FilterOperator,\r\n  JoinOperator,\r\n} from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\r\nconst JOIN_OPERATOR_KEY = 'joinOperator'\r\nconst DEBOUNCE_MS = 300\r\nconst THROTTLE_MS = 50\r\nconst OPEN_MENU_SHORTCUT = 'f'\r\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableFilterListProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n  debounceMs?: number\r\n  throttleMs?: number\r\n  shallow?: boolean\r\n}\r\n\r\nexport function DataTableFilterList<TData>({\r\n  table,\r\n  debounceMs = DEBOUNCE_MS,\r\n  throttleMs = THROTTLE_MS,\r\n  shallow = true,\r\n  ...props\r\n}: DataTableFilterListProps<TData>) {\r\n  const id = React.useId()\r\n  const labelId = React.useId()\r\n  const descriptionId = React.useId()\r\n  const [open, setOpen] = React.useState(false)\r\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n  const columns = React.useMemo(() => {\r\n    return table\r\n      .getAllColumns()\r\n      .filter(column => column.columnDef.enableColumnFilter)\r\n  }, [table])\r\n\r\n  const [filters, setFilters] = useQueryState(\r\n    FILTERS_KEY,\r\n    getFiltersStateParser<TData>(columns.map(field => field.id))\r\n      .withDefault([])\r\n      .withOptions({\r\n        clearOnDefault: true,\r\n        shallow,\r\n        throttleMs,\r\n      })\r\n  )\r\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\r\n\r\n  const [joinOperator, setJoinOperator] = useQueryState(\r\n    JOIN_OPERATOR_KEY,\r\n    parseAsStringEnum(['e', 'ou']).withDefault('e').withOptions({\r\n      clearOnDefault: true,\r\n      shallow,\r\n    })\r\n  )\r\n\r\n  const onFilterAdd = React.useCallback(() => {\r\n    const column = columns[0]\r\n\r\n    if (!column) return\r\n\r\n    debouncedSetFilters([\r\n      ...filters,\r\n      {\r\n        id: column.id as Extract<keyof TData, string>,\r\n        value: '',\r\n        variant: column.columnDef.meta?.variant ?? 'text',\r\n        operator: getDefaultFilterOperator(\r\n          column.columnDef.meta?.variant ?? 'text'\r\n        ),\r\n        filterId: generateId({ length: 8 }),\r\n      },\r\n    ])\r\n  }, [columns, filters, debouncedSetFilters])\r\n\r\n  const onFilterUpdate = React.useCallback(\r\n    (\r\n      filterId: string,\r\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n    ) => {\r\n      debouncedSetFilters(prevFilters => {\r\n        const updatedFilters = prevFilters.map(filter => {\r\n          if (filter.filterId === filterId) {\r\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\r\n          }\r\n          return filter\r\n        })\r\n        return updatedFilters\r\n      })\r\n    },\r\n    [debouncedSetFilters]\r\n  )\r\n\r\n  const onFilterRemove = React.useCallback(\r\n    (filterId: string) => {\r\n      const updatedFilters = filters.filter(\r\n        filter => filter.filterId !== filterId\r\n      )\r\n      void setFilters(updatedFilters)\r\n      requestAnimationFrame(() => {\r\n        addButtonRef.current?.focus()\r\n      })\r\n    },\r\n    [filters, setFilters]\r\n  )\r\n\r\n  const onFiltersReset = React.useCallback(() => {\r\n    void setFilters(null)\r\n    void setJoinOperator('e')\r\n  }, [setFilters, setJoinOperator])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [filters, onFilterRemove])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    },\r\n    [filters, onFilterRemove]\r\n  )\r\n\r\n  return (\r\n    <Sortable\r\n      value={filters}\r\n      onValueChange={setFilters}\r\n      getItemValue={item => item.filterId}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button variant=\"outline\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\r\n            <FunnelSimpleIcon weight=\"bold\" />\r\n            Filtro\r\n            {filters.length > 0 && (\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n              >\r\n                {filters.length}\r\n              </Badge>\r\n            )}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          aria-describedby={descriptionId}\r\n          aria-labelledby={labelId}\r\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n          {...props}\r\n        >\r\n          <div className=\"flex flex-col gap-1\">\r\n            <h4 id={labelId} className=\"font-medium leading-none\">\r\n              {filters.length > 0 ? 'Filtros' : 'Nenhum filtro aplicado'}\r\n            </h4>\r\n            <p\r\n              id={descriptionId}\r\n              className={cn(\r\n                'text-gray-400 text-sm',\r\n                filters.length > 0 && 'sr-only'\r\n              )}\r\n            >\r\n              {filters.length > 0\r\n                ? 'Modifique os filtros para filtrar suas linhas.'\r\n                : 'Adicione filtros para filtrar suas linhas.'}\r\n            </p>\r\n          </div>\r\n          {filters.length > 0 ? (\r\n            <SortableContent asChild>\r\n              <div\r\n                role=\"list\"\r\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n              >\r\n                {filters.map((filter, index) => (\r\n                  <DataTableFilterItem<TData>\r\n                    key={filter.filterId}\r\n                    filter={filter}\r\n                    index={index}\r\n                    filterItemId={`${id}-filter-${filter.filterId}`}\r\n                    joinOperator={joinOperator}\r\n                    setJoinOperator={setJoinOperator}\r\n                    columns={columns}\r\n                    onFilterUpdate={onFilterUpdate}\r\n                    onFilterRemove={onFilterRemove}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </SortableContent>\r\n          ) : null}\r\n          <div className=\"flex w-full items-center gap-2\">\r\n            <Button\r\n              size=\"sm\"\r\n              className=\"rounded\"\r\n              ref={addButtonRef}\r\n              onClick={onFilterAdd}\r\n            >\r\n              Adicionar filtro\r\n            </Button>\r\n            {filters.length > 0 ? (\r\n              <Button\r\n                variant=\"outline\"\r\n                size=\"sm\"\r\n                className=\"rounded\"\r\n                onClick={onFiltersReset}\r\n              >\r\n                Resetar filtros\r\n              </Button>\r\n            ) : null}\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n      <SortableOverlay>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"h-10 min-w-[72px] rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 min-w-36 flex-1 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n        </div>\r\n      </SortableOverlay>\r\n    </Sortable>\r\n  )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n  filter: ExtendedColumnFilter<TData>\r\n  index: number\r\n  filterItemId: string\r\n  joinOperator: JoinOperator\r\n  setJoinOperator: (value: JoinOperator) => void\r\n  columns: Column<TData>[]\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  onFilterRemove: (filterId: string) => void\r\n}\r\n\r\nfunction DataTableFilterItem<TData>({\r\n  filter,\r\n  index,\r\n  filterItemId,\r\n  joinOperator,\r\n  setJoinOperator,\r\n  columns,\r\n  onFilterUpdate,\r\n  onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n  const [showOperatorSelector, setShowOperatorSelector] = React.useState(false)\r\n  const [showValueSelector, setShowValueSelector] = React.useState(false)\r\n\r\n  const column = columns.find(column => column.id === filter.id)\r\n  if (!column) return null\r\n\r\n  const joinOperatorListboxId = `${filterItemId}-join-operator-listbox`\r\n  const fieldListboxId = `${filterItemId}-field-listbox`\r\n  const operatorListboxId = `${filterItemId}-operator-listbox`\r\n  const inputId = `${filterItemId}-input`\r\n\r\n  const columnMeta = column.columnDef.meta\r\n  const filterOperators = getFilterOperators(filter.variant)\r\n\r\n  const onItemKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (showFieldSelector || showOperatorSelector || showValueSelector) {\r\n        return\r\n      }\r\n\r\n      if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n        event.preventDefault()\r\n        onFilterRemove(filter.filterId)\r\n      }\r\n    },\r\n    [\r\n      filter.filterId,\r\n      showFieldSelector,\r\n      showOperatorSelector,\r\n      showValueSelector,\r\n      onFilterRemove,\r\n    ]\r\n  )\r\n\r\n  return (\r\n    <SortableItem value={filter.filterId} asChild>\r\n      <div\r\n        role=\"listitem\"\r\n        id={filterItemId}\r\n        tabIndex={-1}\r\n        className=\"flex items-center gap-2\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <div className=\"min-w-[72px] text-center\">\r\n          {index === 0 ? (\r\n            <span className=\"text-gray-400 text-sm\">Onde</span>\r\n          ) : index === 1 ? (\r\n            <Select\r\n              value={joinOperator}\r\n              onValueChange={(value: JoinOperator) => setJoinOperator(value)}\r\n            >\r\n              <SelectTrigger\r\n                aria-label=\"Select join operator\"\r\n                aria-controls={joinOperatorListboxId}\r\n                className=\"h-10 rounded lowercase [&[data-size]]:h-10\"\r\n              >\r\n                <SelectValue placeholder={joinOperator} />\r\n              </SelectTrigger>\r\n              <SelectContent\r\n                id={joinOperatorListboxId}\r\n                position=\"popper\"\r\n                className=\"min-w-(--radix-select-trigger-width) lowercase\"\r\n              >\r\n                {dataTableConfig.joinOperators.map(joinOperator => (\r\n                  <SelectItem key={joinOperator} value={joinOperator}>\r\n                    {joinOperator}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          ) : (\r\n            <span className=\"text-gray-400 text-sm\">{joinOperator}</span>\r\n          )}\r\n        </div>\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              role=\"combobox\"\r\n              aria-controls={fieldListboxId}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className=\"w-32 justify-between rounded font-normal\"\r\n            >\r\n              <span className=\"truncate\">\r\n                {columns.find(column => column.id === filter.id)?.columnDef.meta\r\n                  ?.label ?? 'Selecione o campo'}\r\n              </span>\r\n              <CaretUpDownIcon className=\"opacity-50\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={fieldListboxId}\r\n            align=\"start\"\r\n            className=\"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Buscar campo...\" />\r\n              <CommandList>\r\n                <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={value => {\r\n                        onFilterUpdate(filter.filterId, {\r\n                          id: value as Extract<keyof TData, string>,\r\n                          variant: column.columnDef.meta?.variant ?? 'text',\r\n                          operator: getDefaultFilterOperator(\r\n                            column.columnDef.meta?.variant ?? 'text'\r\n                          ),\r\n                          value: '',\r\n                        })\r\n\r\n                        setShowFieldSelector(false)\r\n                      }}\r\n                    >\r\n                      <span className=\"truncate\">\r\n                        {column.columnDef.meta?.label}\r\n                      </span>\r\n                      <CheckIcon\r\n                        className={cn(\r\n                          'ml-auto',\r\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\r\n                        )}\r\n                      />\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showOperatorSelector}\r\n          onOpenChange={setShowOperatorSelector}\r\n          value={filter.operator}\r\n          onValueChange={(value: FilterOperator) =>\r\n            onFilterUpdate(filter.filterId, {\r\n              operator: value,\r\n              value:\r\n                value === 'isEmpty' || value === 'isNotEmpty'\r\n                  ? ''\r\n                  : filter.value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={operatorListboxId}\r\n            className=\"h-10 w-32 rounded lowercase [&[data-size]]:h-10\"\r\n          >\r\n            <div className=\"truncate\">\r\n              <SelectValue placeholder={filter.operator} />\r\n            </div>\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={operatorListboxId}\r\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {filterOperators.map(operator => (\r\n              <SelectItem\r\n                key={operator.value}\r\n                value={operator.value}\r\n                className=\"lowercase\"\r\n              >\r\n                {operator.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"min-w-36 flex-1\">\r\n          {onFilterInputRender({\r\n            filter,\r\n            inputId,\r\n            column,\r\n            columnMeta,\r\n            onFilterUpdate,\r\n            showValueSelector,\r\n            setShowValueSelector,\r\n          })}\r\n        </div>\r\n        <Button\r\n          aria-controls={filterItemId}\r\n          variant=\"outline\"\r\n          size=\"icon\"\r\n          className=\"size-8 rounded\"\r\n          onClick={() => onFilterRemove(filter.filterId)}\r\n        >\r\n          <TrashIcon weight=\"bold\" />\r\n        </Button>\r\n        <SortableItemHandle asChild>\r\n          <Button variant=\"outline\" size=\"icon\" className=\"size-8 rounded\">\r\n            <DotsSixVerticalIcon weight=\"bold\" />\r\n          </Button>\r\n        </SortableItemHandle>\r\n      </div>\r\n    </SortableItem>\r\n  )\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n  filter,\r\n  inputId,\r\n  column,\r\n  columnMeta,\r\n  onFilterUpdate,\r\n  showValueSelector,\r\n  setShowValueSelector,\r\n}: {\r\n  filter: ExtendedColumnFilter<TData>\r\n  inputId: string\r\n  column: Column<TData>\r\n  columnMeta?: ColumnMeta<TData, unknown>\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  showValueSelector: boolean\r\n  setShowValueSelector: (value: boolean) => void\r\n}) {\r\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\r\n    return (\r\n      <div\r\n        id={inputId}\r\n        role=\"status\"\r\n        aria-label={`${columnMeta?.label} filter is ${\r\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n        }`}\r\n        aria-live=\"polite\"\r\n        className=\"h-10 w-full rounded border bg-transparent dark:bg-input/30\"\r\n      />\r\n    )\r\n  }\r\n\r\n  switch (filter.variant) {\r\n    case 'text':\r\n    case 'number':\r\n    case 'range': {\r\n      if (\r\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\r\n        filter.operator === 'isBetween'\r\n      ) {\r\n        return (\r\n          <DataTableRangeFilter\r\n            filter={filter}\r\n            column={column}\r\n            inputId={inputId}\r\n            onFilterUpdate={onFilterUpdate}\r\n          />\r\n        )\r\n      }\r\n\r\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\r\n\r\n      return (\r\n        <Input\r\n          id={inputId}\r\n          type={isNumber ? 'number' : filter.variant}\r\n          aria-label={`${columnMeta?.label} filter value`}\r\n          aria-describedby={`${inputId}-description`}\r\n          inputMode={isNumber ? 'numeric' : undefined}\r\n          placeholder={columnMeta?.placeholder ?? 'Enter a value...'}\r\n          className=\"h-10 w-full rounded\"\r\n          defaultValue={\r\n            typeof filter.value === 'string' ? filter.value : undefined\r\n          }\r\n          onChange={event =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value: event.target.value,\r\n            })\r\n          }\r\n        />\r\n      )\r\n    }\r\n\r\n    case 'boolean': {\r\n      if (Array.isArray(filter.value)) return null\r\n\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      return (\r\n        <Select\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={filter.value}\r\n          onValueChange={value =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            id={inputId}\r\n            aria-controls={inputListboxId}\r\n            aria-label={`${columnMeta?.label} boolean filter`}\r\n            className=\"h-10 w-full rounded [&[data-size]]:h-10\"\r\n          >\r\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\r\n          </SelectTrigger>\r\n          <SelectContent id={inputListboxId}>\r\n            <SelectItem value=\"true\">True</SelectItem>\r\n            <SelectItem value=\"false\">False</SelectItem>\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    case 'select':\r\n    case 'multiSelect': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const multiple = filter.variant === 'multiSelect'\r\n      const selectedValues = multiple\r\n        ? Array.isArray(filter.value)\r\n          ? filter.value\r\n          : []\r\n        : typeof filter.value === 'string'\r\n          ? filter.value\r\n          : undefined\r\n\r\n      return (\r\n        <Faceted\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={selectedValues}\r\n          onValueChange={value => {\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }}\r\n          multiple={multiple}\r\n        >\r\n          <FacetedTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} filter value${multiple ? 's' : ''}`}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className=\"w-full rounded font-normal\"\r\n            >\r\n              <FacetedBadgeList\r\n                options={columnMeta?.options}\r\n                placeholder={\r\n                  columnMeta?.placeholder ??\r\n                  `Select option${multiple ? 's' : ''}...`\r\n                }\r\n              />\r\n            </Button>\r\n          </FacetedTrigger>\r\n          <FacetedContent\r\n            id={inputListboxId}\r\n            className=\"w-[200px] origin-[var(--radix-popover-content-transform-origin)]\"\r\n          >\r\n            <FacetedInput\r\n              aria-label={`Search ${columnMeta?.label} options`}\r\n              placeholder={columnMeta?.placeholder ?? 'Search options...'}\r\n            />\r\n            <FacetedList>\r\n              <FacetedEmpty>Nenhum resultado</FacetedEmpty>\r\n              <FacetedGroup>\r\n                {columnMeta?.options?.map(option => (\r\n                  <FacetedItem key={option.value} value={option.value}>\r\n                    {option.icon && <option.icon />}\r\n                    <span>{option.label}</span>\r\n                    {option.count && (\r\n                      <span className=\"ml-auto font-mono text-xs\">\r\n                        {option.count}\r\n                      </span>\r\n                    )}\r\n                  </FacetedItem>\r\n                ))}\r\n              </FacetedGroup>\r\n            </FacetedList>\r\n          </FacetedContent>\r\n        </Faceted>\r\n      )\r\n    }\r\n\r\n    case 'date':\r\n    case 'dateRange': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const dateValue = Array.isArray(filter.value)\r\n        ? filter.value.filter(Boolean)\r\n        : [filter.value, filter.value].filter(Boolean)\r\n\r\n      const displayValue =\r\n        filter.operator === 'isBetween' && dateValue.length === 2\r\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\r\n              new Date(Number(dateValue[1]))\r\n            )}`\r\n          : dateValue[0]\r\n            ? formatDate(new Date(Number(dateValue[0])))\r\n            : 'Escolha uma data'\r\n\r\n      return (\r\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} date filter`}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className={cn(\r\n                'w-full justify-start rounded text-left font-normal',\r\n                !filter.value && 'text-gray-400'\r\n              )}\r\n            >\r\n              <CalendarBlankIcon weight=\"bold\" />\r\n              <span className=\"truncate text-sm\">{displayValue}</span>\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={inputListboxId}\r\n            align=\"start\"\r\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            {filter.operator === 'isBetween' ? (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date range`}\r\n                mode=\"range\"\r\n                selected={\r\n                  dateValue.length === 2\r\n                    ? {\r\n                        from: new Date(Number(dateValue[0])),\r\n                        to: new Date(Number(dateValue[1])),\r\n                      }\r\n                    : {\r\n                        from: new Date(),\r\n                        to: new Date(),\r\n                      }\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: date\r\n                      ? [\r\n                          (date.from?.getTime() ?? '').toString(),\r\n                          (date.to?.getTime() ?? '').toString(),\r\n                        ]\r\n                      : [],\r\n                  })\r\n                }}\r\n              />\r\n            ) : (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date`}\r\n                mode=\"single\"\r\n                selected={\r\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: (date?.getTime() ?? '').toString(),\r\n                  })\r\n                }}\r\n              />\r\n            )}\r\n          </PopoverContent>\r\n        </Popover>\r\n      )\r\n    }\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n"],"names":["REMOVE_FILTER_SHORTCUTS","DataTableFilterList","table","debounceMs","throttleMs","shallow","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","columns","column","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","joinOperator","setJoinOperator","parseAsStringEnum","onFilterAdd","getDefaultFilterOperator","generateId","onFilterUpdate","filterId","updates","prevFilters","filter","onFilterRemove","requestAnimationFrame","onFiltersReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","item","Popover","PopoverTrigger","Button","FunnelSimpleIcon","Badge","PopoverContent","cn","SortableContent","index","DataTableFilterItem","SortableOverlay","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","joinOperatorListboxId","fieldListboxId","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","SortableItem","Select","value","SelectTrigger","SelectValue","SelectContent","dataTableConfig","SelectItem","CaretUpDownIcon","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","operator","onFilterInputRender","DataTableRangeFilter","isNumber","Input","undefined","Array","inputListboxId","multiple","selectedValues","Faceted","FacetedTrigger","FacetedBadgeList","FacetedContent","FacetedInput","FacetedList","FacetedEmpty","FacetedGroup","option","FacetedItem","dateValue","Boolean","displayValue","formatDate","Date","Number","CalendarBlankIcon","Calendar","date","TrashIcon","SortableItemHandle","DotsSixVerticalIcon"],"mappings":"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"}