npm - @gbmtech/aurora-ui - Versions diffs - 0.1.47 → 0.1.49 - Mend

@gbmtech/aurora-ui 0.1.47 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/cjs/components/data-table/data-table-filter-menu.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableFilterMenu:()=>DataTableFilterMenu});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_nuqs_namespaceObject=require("nuqs"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_data_table_range_filter_cjs_namespaceObject=require("./data-table-range-filter.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),use_debounced_callback_cjs_namespaceObject=require("../../hooks/use-debounced-callback.cjs"),data_table_cjs_namespaceObject=require("../../lib/data-table.cjs"),format_cjs_namespaceObject=require("../../lib/format.cjs"),id_cjs_namespaceObject=require("../../lib/id.cjs"),parsers_cjs_namespaceObject=require("../../lib/parsers.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),FILTERS_KEY="filters",DEBOUNCE_MS=300,THROTTLE_MS=50,OPEN_MENU_SHORTCUT="f",REMOVE_FILTER_SHORTCUTS=["backspace","delete"];function DataTableFilterMenu({table:e,debounceMs:a=300,throttleMs:t=50,shallow:n=!0,align:c="start",...s}){let r=external_react_namespaceObject.useId(),l=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[e]),[m,_]=external_react_namespaceObject.useState(!1),[i,j]=external_react_namespaceObject.useState(null),[o,p]=external_react_namespaceObject.useState(""),u=external_react_namespaceObject.useRef(null),d=external_react_namespaceObject.useRef(null),b=external_react_namespaceObject.useCallback(e=>{_(e),e||setTimeout(()=>{j(null),p("")},100)},[]),x=external_react_namespaceObject.useCallback(e=>{REMOVE_FILTER_SHORTCUTS.includes(e.key.toLowerCase())&&!o&&i&&(e.preventDefault(),j(null))},[o,i]),[O,f]=(0,external_nuqs_namespaceObject.useQueryState)("filters",(0,parsers_cjs_namespaceObject.getFiltersStateParser)(l.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:n,throttleMs:t})),v=(0,use_debounced_callback_cjs_namespaceObject.useDebouncedCallback)(f,a),h=external_react_namespaceObject.useCallback((e,a)=>{if(!a.trim()&&e.columnDef.meta?.variant!=="boolean")return;let t=e.columnDef.meta?.variant==="multiSelect"?[a]:a;v([...O,{id:e.id,value:t,variant:e.columnDef.meta?.variant??"text",operator:(0,data_table_cjs_namespaceObject.getDefaultFilterOperator)(e.columnDef.meta?.variant??"text"),filterId:(0,id_cjs_namespaceObject.generateId)({length:8})}]),_(!1),setTimeout(()=>{j(null),p("")},100)},[O,v]),g=external_react_namespaceObject.useCallback(e=>{v(O.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{u.current?.focus()})},[O,v]),C=external_react_namespaceObject.useCallback((e,a)=>{v(t=>t.map(t=>t.filterId===e?{...t,...a}:t))},[v]),S=external_react_namespaceObject.useCallback(()=>{v([])},[v]);external_react_namespaceObject.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),_(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!m&&O.length>0&&(e.preventDefault(),g(O[O.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[m,O,g]);let w=external_react_namespaceObject.useCallback(e=>{REMOVE_FILTER_SHORTCUTS.includes(e.key.toLowerCase())&&O.length>0&&(e.preventDefault(),g(O[O.length-1]?.filterId??""))},[O,g]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[O.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableFilterItem,{filter:e,filterItemId:`${r}-filter-${e.filterId}`,columns:l,onFilterUpdate:C,onFilterRemove:g},e.filterId)),O.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:S,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:m,onOpenChange:b,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Open filter command menu",variant:"outline",size:O.length>0?"icon":"sm",className:(0,utils_cjs_namespaceObject.cn)(O.length>0&&"size-8","h-8"),ref:u,onKeyDown:w,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.FunnelSimple,{}),O.length>0?null:"Filter"]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:c,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...s,children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{ref:d,placeholder:i?i.columnDef.meta?.label??i.id:"Search fields...",value:o,onValueChange:p,onKeyDown:x}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandList,{children:i?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[i.columnDef.meta?.options&&(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No options found."}),(0,jsx_runtime_namespaceObject.jsx)(FilterValueSelector,{column:i,value:o,onSelect:e=>h(i,e)})]}):(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No fields found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:l.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:e.id,onSelect:()=>{j(e),p(""),requestAnimationFrame(()=>{d.current?.focus()})},children:[e.columnDef.meta?.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.columnDef.meta.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function DataTableFilterItem({filter:e,filterItemId:a,columns:t,onFilterUpdate:n,onFilterRemove:c}){{let[s,r]=external_react_namespaceObject.useState(!1),[l,m]=external_react_namespaceObject.useState(!1),[_,i]=external_react_namespaceObject.useState(!1),j=t.find(a=>a.id===e.id);if(!j)return null;let o=`${a}-operator-listbox`,p=`${a}-input`,u=j.columnDef.meta,d=(0,data_table_cjs_namespaceObject.getFilterOperators)(e.variant),b=external_react_namespaceObject.useCallback(a=>{!(a.target instanceof HTMLInputElement||a.target instanceof HTMLTextAreaElement)&&(s||l||_||REMOVE_FILTER_SHORTCUTS.includes(a.key.toLowerCase())&&(a.preventDefault(),c(e.filterId)))},[e.filterId,s,l,_,c]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"listitem",id:a,className:"flex h-8 items-center rounded-md bg-background",onKeyDown:b,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:s,onOpenChange:r,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[u?.icon&&(0,jsx_runtime_namespaceObject.jsx)(u.icon,{className:"text-muted-foreground"}),u?.label??j.id]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{loop:!0,children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search fields..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No fields found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:t.map(a=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:a.id,onSelect:()=>{n(e.filterId,{id:a.id,variant:a.columnDef.meta?.variant??"text",operator:(0,data_table_cjs_namespaceObject.getDefaultFilterOperator)(a.columnDef.meta?.variant??"text"),value:""}),r(!1)},children:[a.columnDef.meta?.icon&&(0,jsx_runtime_namespaceObject.jsx)(a.columnDef.meta.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.columnDef.meta?.label??a.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto",a.id===e.id?"opacity-100":"opacity-0")})]},a.id))})]})]})})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:l,onOpenChange:m,value:e.operator,onValueChange:a=>n(e.filterId,{operator:a,value:"isEmpty"===a||"isNotEmpty"===a?"":e.value}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{"aria-controls":o,className:"h-8 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-8 [&_svg]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.operator})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{id:o,className:"origin-[var(--radix-select-content-transform-origin)]",children:d.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),onFilterInputRender({filter:e,column:j,inputId:p,onFilterUpdate:n,showValueSelector:_,setShowValueSelector:i}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-controls":a,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>c(e.filterId),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{className:"size-3.5"})})]},e.filterId)}}function FilterValueSelector({column:e,value:a,onSelect:t}){switch(e.columnDef.meta?.variant??"text"){case"boolean":return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandGroup,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:"true",onSelect:()=>t("true"),children:"True"}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:"false",onSelect:()=>t("false"),children:"False"})]});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:e.columnDef.meta?.options?.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:e.value,onSelect:()=>t(e.value),children:[e.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.label}),e.count&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"single",selected:a?new Date(a):void 0,onSelect:e=>t(e?.getTime().toString()??"")});default:{let e=!a.trim();return(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:a,onSelect:()=>t(a),disabled:e,children:e?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.TextAlignLeft,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Type to add filter..."})]}):(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SealCheck,{}),(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"truncate",children:['Filter by "',a,'"']})]})})})}}}function onFilterInputRender({filter:e,column:a,inputId:t,onFilterUpdate:n,showValueSelector:c,setShowValueSelector:s}){if("isEmpty"===e.operator||"isNotEmpty"===e.operator)return(0,jsx_runtime_namespaceObject.jsx)("div",{id:t,role:"status","aria-label":`${a.columnDef.meta?.label} filter is ${"isEmpty"===e.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(e.variant){case"text":case"number":case"range":{if("range"===e.variant&&"isBetween"===e.operator||"isBetween"===e.operator)return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_range_filter_cjs_namespaceObject.DataTableRangeFilter,{filter:e,column:a,inputId:t,onFilterUpdate:n,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let c="number"===e.variant||"range"===e.variant;return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:t,type:c?"number":"text",inputMode:c?"numeric":void 0,placeholder:a.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof e.value?e.value:"",onChange:a=>n(e.filterId,{value:a.target.value})})}case"boolean":{let a=`${t}-listbox`;return(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:c,onOpenChange:s,value:"string"==typeof e.value?e.value:"true",onValueChange:a=>n(e.filterId,{value:a}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{id:t,"aria-controls":a,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.value?"True":"False"})}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.SelectContent,{id:a,children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:"true",children:"True"}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let r=`${t}-listbox`,l=a.columnDef.meta?.options??[],m=Array.isArray(e.value)?e.value:[e.value],_=l.filter(e=>m.includes(e.value));return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:c,onOpenChange:s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{id:t,"aria-controls":r,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===_.length?"multiSelect"===e.variant?"Select options...":"Select option...":(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:_.map(e=>e.icon?(0,jsx_runtime_namespaceObject.jsx)("div",{className:"rounded-full border bg-background p-0.5",children:(0,jsx_runtime_namespaceObject.jsx)(e.icon,{className:"size-3.5"})},e.value):null)}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:_.length>1?`${_.length} selected`:_[0]?.label})]})})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:r,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search options..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No options found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:l.map(a=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:a.value,onSelect:()=>{let t="multiSelect"===e.variant?m.includes(a.value)?m.filter(e=>e!==a.value):[...m,a.value]:a.value;n(e.filterId,{value:t})},children:[a.icon&&(0,jsx_runtime_namespaceObject.jsx)(a.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.label}),"multiSelect"===e.variant&&(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto",m.includes(a.value)?"opacity-100":"opacity-0")})]},a.value))})]})]})})]})}case"date":case"dateRange":{let a=`${t}-listbox`,r=Array.isArray(e.value)?e.value.filter(Boolean):[e.value,e.value].filter(Boolean),l="isBetween"===e.operator&&2===r.length?`${(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[0])))} - ${(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[1])))}`:r[0]?(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[0]))):"Pick date...";return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:c,onOpenChange:s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:t,"aria-controls":a,variant:"ghost",size:"sm",className:(0,utils_cjs_namespaceObject.cn)("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!e.value&&"text-muted-foreground"),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Calendar,{className:"size-3.5"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:l})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:a,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===e.operator?(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"range",initialFocus:!0,selected:2===r.length?{from:new Date(Number(r[0])),to:new Date(Number(r[1]))}:{from:new Date,to:new Date},onSelect:a=>{n(e.filterId,{value:a?[(a.from?.getTime()??"").toString(),(a.to?.getTime()??"").toString()]:[]})}}):(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",initialFocus:!0,selected:r[0]?new Date(Number(r[0])):void 0,onSelect:a=>{n(e.filterId,{value:(a?.getTime()??"").toString()})}})})]})}default:return null}}for(var __webpack_i__ in exports.DataTableFilterMenu=__webpack_exports__.DataTableFilterMenu,__webpack_exports__)-1===["DataTableFilterMenu"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableFilterMenu:()=>DataTableFilterMenu});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_nuqs_namespaceObject=require("nuqs"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_calendar_cjs_namespaceObject=require("../calendar.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_data_table_range_filter_cjs_namespaceObject=require("./data-table-range-filter.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),use_debounced_callback_cjs_namespaceObject=require("../../hooks/use-debounced-callback.cjs"),data_table_cjs_namespaceObject=require("../../lib/data-table.cjs"),format_cjs_namespaceObject=require("../../lib/format.cjs"),id_cjs_namespaceObject=require("../../lib/id.cjs"),parsers_cjs_namespaceObject=require("../../lib/parsers.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),FILTERS_KEY="filters",DEBOUNCE_MS=300,THROTTLE_MS=50,OPEN_MENU_SHORTCUT="f",REMOVE_FILTER_SHORTCUTS=["backspace","delete"];function DataTableFilterMenu({table:e,debounceMs:a=300,throttleMs:t=50,shallow:n=!0,align:c="start",...s}){let r=external_react_namespaceObject.useId(),l=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[e]),[m,_]=external_react_namespaceObject.useState(!1),[i,j]=external_react_namespaceObject.useState(null),[o,p]=external_react_namespaceObject.useState(""),u=external_react_namespaceObject.useRef(null),d=external_react_namespaceObject.useRef(null),b=external_react_namespaceObject.useCallback(e=>{_(e),e||setTimeout(()=>{j(null),p("")},100)},[]),x=external_react_namespaceObject.useCallback(e=>{REMOVE_FILTER_SHORTCUTS.includes(e.key.toLowerCase())&&!o&&i&&(e.preventDefault(),j(null))},[o,i]),[O,f]=(0,external_nuqs_namespaceObject.useQueryState)("filters",(0,parsers_cjs_namespaceObject.getFiltersStateParser)(l.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:n,throttleMs:t})),v=(0,use_debounced_callback_cjs_namespaceObject.useDebouncedCallback)(f,a),h=external_react_namespaceObject.useCallback((e,a)=>{if(!a.trim()&&e.columnDef.meta?.variant!=="boolean")return;let t=e.columnDef.meta?.variant==="multiSelect"?[a]:a;v([...O,{id:e.id,value:t,variant:e.columnDef.meta?.variant??"text",operator:(0,data_table_cjs_namespaceObject.getDefaultFilterOperator)(e.columnDef.meta?.variant??"text"),filterId:(0,id_cjs_namespaceObject.generateId)({length:8})}]),_(!1),setTimeout(()=>{j(null),p("")},100)},[O,v]),g=external_react_namespaceObject.useCallback(e=>{v(O.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{u.current?.focus()})},[O,v]),C=external_react_namespaceObject.useCallback((e,a)=>{v(t=>t.map(t=>t.filterId===e?{...t,...a}:t))},[v]),S=external_react_namespaceObject.useCallback(()=>{v([])},[v]);external_react_namespaceObject.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),_(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!m&&O.length>0&&(e.preventDefault(),g(O[O.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[m,O,g]);let w=external_react_namespaceObject.useCallback(e=>{REMOVE_FILTER_SHORTCUTS.includes(e.key.toLowerCase())&&O.length>0&&(e.preventDefault(),g(O[O.length-1]?.filterId??""))},[O,g]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[O.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableFilterItem,{filter:e,filterItemId:`${r}-filter-${e.filterId}`,columns:l,onFilterUpdate:C,onFilterRemove:g},e.filterId)),O.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:S,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:m,onOpenChange:b,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Open filter command menu",variant:"outline",size:O.length>0?"icon":"sm",className:(0,utils_cjs_namespaceObject.cn)(O.length>0&&"size-8","h-10"),ref:u,onKeyDown:w,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.FunnelSimple,{}),O.length>0?null:"Filter"]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:c,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...s,children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{ref:d,placeholder:i?i.columnDef.meta?.label??i.id:"Search fields...",value:o,onValueChange:p,onKeyDown:x}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandList,{children:i?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[i.columnDef.meta?.options&&(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No options found."}),(0,jsx_runtime_namespaceObject.jsx)(FilterValueSelector,{column:i,value:o,onSelect:e=>h(i,e)})]}):(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No fields found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:l.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:e.id,onSelect:()=>{j(e),p(""),requestAnimationFrame(()=>{d.current?.focus()})},children:[e.columnDef.meta?.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.columnDef.meta.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function DataTableFilterItem({filter:e,filterItemId:a,columns:t,onFilterUpdate:n,onFilterRemove:c}){{let[s,r]=external_react_namespaceObject.useState(!1),[l,m]=external_react_namespaceObject.useState(!1),[_,i]=external_react_namespaceObject.useState(!1),j=t.find(a=>a.id===e.id);if(!j)return null;let o=`${a}-operator-listbox`,p=`${a}-input`,u=j.columnDef.meta,d=(0,data_table_cjs_namespaceObject.getFilterOperators)(e.variant),b=external_react_namespaceObject.useCallback(a=>{!(a.target instanceof HTMLInputElement||a.target instanceof HTMLTextAreaElement)&&(s||l||_||REMOVE_FILTER_SHORTCUTS.includes(a.key.toLowerCase())&&(a.preventDefault(),c(e.filterId)))},[e.filterId,s,l,_,c]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"listitem",id:a,className:"flex h-10 items-center rounded-md bg-background",onKeyDown:b,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:s,onOpenChange:r,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[u?.icon&&(0,jsx_runtime_namespaceObject.jsx)(u.icon,{className:"text-muted-foreground"}),u?.label??j.id]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{loop:!0,children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search fields..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No fields found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:t.map(a=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:a.id,onSelect:()=>{n(e.filterId,{id:a.id,variant:a.columnDef.meta?.variant??"text",operator:(0,data_table_cjs_namespaceObject.getDefaultFilterOperator)(a.columnDef.meta?.variant??"text"),value:""}),r(!1)},children:[a.columnDef.meta?.icon&&(0,jsx_runtime_namespaceObject.jsx)(a.columnDef.meta.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.columnDef.meta?.label??a.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto",a.id===e.id?"opacity-100":"opacity-0")})]},a.id))})]})]})})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:l,onOpenChange:m,value:e.operator,onValueChange:a=>n(e.filterId,{operator:a,value:"isEmpty"===a||"isNotEmpty"===a?"":e.value}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{"aria-controls":o,className:"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.operator})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{id:o,className:"origin-[var(--radix-select-content-transform-origin)]",children:d.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),onFilterInputRender({filter:e,column:j,inputId:p,onFilterUpdate:n,showValueSelector:_,setShowValueSelector:i}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-controls":a,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>c(e.filterId),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{className:"size-3.5"})})]},e.filterId)}}function FilterValueSelector({column:e,value:a,onSelect:t}){switch(e.columnDef.meta?.variant??"text"){case"boolean":return(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandGroup,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:"true",onSelect:()=>t("true"),children:"True"}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:"false",onSelect:()=>t("false"),children:"False"})]});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:e.columnDef.meta?.options?.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:e.value,onSelect:()=>t(e.value),children:[e.icon&&(0,jsx_runtime_namespaceObject.jsx)(e.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.label}),e.count&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{initialFocus:!0,mode:"single",selected:a?new Date(a):void 0,onSelect:e=>t(e?.getTime().toString()??"")});default:{let e=!a.trim();return(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:a,onSelect:()=>t(a),disabled:e,children:e?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.TextAlignLeft,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Type to add filter..."})]}):(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SealCheck,{}),(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"truncate",children:['Filter by "',a,'"']})]})})})}}}function onFilterInputRender({filter:e,column:a,inputId:t,onFilterUpdate:n,showValueSelector:c,setShowValueSelector:s}){if("isEmpty"===e.operator||"isNotEmpty"===e.operator)return(0,jsx_runtime_namespaceObject.jsx)("div",{id:t,role:"status","aria-label":`${a.columnDef.meta?.label} filter is ${"isEmpty"===e.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(e.variant){case"text":case"number":case"range":{if("range"===e.variant&&"isBetween"===e.operator||"isBetween"===e.operator)return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_range_filter_cjs_namespaceObject.DataTableRangeFilter,{filter:e,column:a,inputId:t,onFilterUpdate:n,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let c="number"===e.variant||"range"===e.variant;return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:t,type:c?"number":"text",inputMode:c?"numeric":void 0,placeholder:a.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof e.value?e.value:"",onChange:a=>n(e.filterId,{value:a.target.value})})}case"boolean":{let a=`${t}-listbox`;return(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:c,onOpenChange:s,value:"string"==typeof e.value?e.value:"true",onValueChange:a=>n(e.filterId,{value:a}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{id:t,"aria-controls":a,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.value?"True":"False"})}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.SelectContent,{id:a,children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:"true",children:"True"}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let r=`${t}-listbox`,l=a.columnDef.meta?.options??[],m=Array.isArray(e.value)?e.value:[e.value],_=l.filter(e=>m.includes(e.value));return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:c,onOpenChange:s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{id:t,"aria-controls":r,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===_.length?"multiSelect"===e.variant?"Select options...":"Select option...":(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:_.map(e=>e.icon?(0,jsx_runtime_namespaceObject.jsx)("div",{className:"rounded-full border bg-background p-0.5",children:(0,jsx_runtime_namespaceObject.jsx)(e.icon,{className:"size-3.5"})},e.value):null)}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:_.length>1?`${_.length} selected`:_[0]?.label})]})})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:r,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search options..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No options found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:l.map(a=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{value:a.value,onSelect:()=>{let t="multiSelect"===e.variant?m.includes(a.value)?m.filter(e=>e!==a.value):[...m,a.value]:a.value;n(e.filterId,{value:t})},children:[a.icon&&(0,jsx_runtime_namespaceObject.jsx)(a.icon,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.label}),"multiSelect"===e.variant&&(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto",m.includes(a.value)?"opacity-100":"opacity-0")})]},a.value))})]})]})})]})}case"date":case"dateRange":{let a=`${t}-listbox`,r=Array.isArray(e.value)?e.value.filter(Boolean):[e.value,e.value].filter(Boolean),l="isBetween"===e.operator&&2===r.length?`${(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[0])))} - ${(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[1])))}`:r[0]?(0,format_cjs_namespaceObject.formatDate)(new Date(Number(r[0]))):"Pick date...";return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:c,onOpenChange:s,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:t,"aria-controls":a,variant:"ghost",size:"sm",className:(0,utils_cjs_namespaceObject.cn)("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!e.value&&"text-muted-foreground"),children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Calendar,{className:"size-3.5"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:l})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:a,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===e.operator?(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"range",initialFocus:!0,selected:2===r.length?{from:new Date(Number(r[0])),to:new Date(Number(r[1]))}:{from:new Date,to:new Date},onSelect:a=>{n(e.filterId,{value:a?[(a.from?.getTime()??"").toString(),(a.to?.getTime()??"").toString()]:[]})}}):(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",initialFocus:!0,selected:r[0]?new Date(Number(r[0])):void 0,onSelect:a=>{n(e.filterId,{value:(a?.getTime()??"").toString()})}})})]})}default:return null}}for(var __webpack_i__ in exports.DataTableFilterMenu=__webpack_exports__.DataTableFilterMenu,__webpack_exports__)-1===["DataTableFilterMenu"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-filter-menu.cjs.map

package/dist/cjs/components/data-table/data-table-filter-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-filter-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-menu.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n Calendar as CalendarIcon,\r\n Check,\r\n FunnelSimple,\r\n SealCheck,\r\n TextAlignLeft,\r\n X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport { useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\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 { 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 { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\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 { ExtendedColumnFilter, FilterOperator } from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\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 DataTableFilterMenuProps<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 DataTableFilterMenu<TData>({\r\n table,\r\n debounceMs = DEBOUNCE_MS,\r\n throttleMs = THROTTLE_MS,\r\n shallow = true,\r\n align = 'start',\r\n ...props\r\n}: DataTableFilterMenuProps<TData>) {\r\n const id = React.useId()\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 [open, setOpen] = React.useState(false)\r\n const [selectedColumn, setSelectedColumn] =\r\n React.useState<Column<TData> \| null>(null)\r\n const [inputValue, setInputValue] = React.useState('')\r\n const triggerRef = React.useRef<HTMLButtonElement>(null)\r\n const inputRef = React.useRef<HTMLInputElement>(null)\r\n\r\n const onOpenChange = React.useCallback((open: boolean) => {\r\n setOpen(open)\r\n\r\n if (!open) {\r\n setTimeout(() => {\r\n setSelectedColumn(null)\r\n setInputValue('')\r\n }, 100)\r\n }\r\n }, [])\r\n\r\n const onInputKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (\r\n REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n !inputValue &&\r\n selectedColumn\r\n ) {\r\n event.preventDefault()\r\n setSelectedColumn(null)\r\n }\r\n },\r\n [inputValue, selectedColumn]\r\n )\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 onFilterAdd = React.useCallback(\r\n (column: Column<TData>, value: string) => {\r\n if (!value.trim() && column.columnDef.meta?.variant !== 'boolean') {\r\n return\r\n }\r\n\r\n const filterValue =\r\n column.columnDef.meta?.variant === 'multiSelect' ? [value] : value\r\n\r\n const newFilter: ExtendedColumnFilter<TData> = {\r\n id: column.id as Extract<keyof TData, string>,\r\n value: filterValue,\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 debouncedSetFilters([...filters, newFilter])\r\n setOpen(false)\r\n\r\n setTimeout(() => {\r\n setSelectedColumn(null)\r\n setInputValue('')\r\n }, 100)\r\n },\r\n [filters, 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 debouncedSetFilters(updatedFilters)\r\n requestAnimationFrame(() => {\r\n triggerRef.current?.focus()\r\n })\r\n },\r\n [filters, debouncedSetFilters]\r\n )\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 onFiltersReset = React.useCallback(() => {\r\n debouncedSetFilters([])\r\n }, [debouncedSetFilters])\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 !open &&\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 }, [open, 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 <div className=\"flex flex-wrap items-center gap-2\">\r\n {filters.map(filter => (\r\n <DataTableFilterItem\r\n key={filter.filterId}\r\n filter={filter}\r\n filterItemId={`${id}-filter-${filter.filterId}`}\r\n columns={columns}\r\n onFilterUpdate={onFilterUpdate}\r\n onFilterRemove={onFilterRemove}\r\n />\r\n ))}\r\n {filters.length > 0 && (\r\n <Button\r\n aria-label=\"Reset all filters\"\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className=\"size-8\"\r\n onClick={onFiltersReset}\r\n >\r\n <X />\r\n </Button>\r\n )}\r\n <Popover open={open} onOpenChange={onOpenChange}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n aria-label=\"Open filter command menu\"\r\n variant=\"outline\"\r\n size={filters.length > 0 ? 'icon' : 'sm'}\r\n className={cn(filters.length > 0 && 'size-8', 'h-8')}\r\n ref={triggerRef}\r\n onKeyDown={onTriggerKeyDown}\r\n >\r\n <FunnelSimple />\r\n {filters.length > 0 ? null : 'Filter'}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n align={align}\r\n className=\"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n {...props}\r\n >\r\n <Command loop className=\"[&_[cmdk-input-wrapper]_svg]:hidden\">\r\n <CommandInput\r\n ref={inputRef}\r\n placeholder={\r\n selectedColumn\r\n ? (selectedColumn.columnDef.meta?.label ?? selectedColumn.id)\r\n : 'Search fields...'\r\n }\r\n value={inputValue}\r\n onValueChange={setInputValue}\r\n onKeyDown={onInputKeyDown}\r\n />\r\n <CommandList>\r\n {selectedColumn ? (\r\n <>\r\n {selectedColumn.columnDef.meta?.options && (\r\n <CommandEmpty>No options found.</CommandEmpty>\r\n )}\r\n <FilterValueSelector\r\n column={selectedColumn}\r\n value={inputValue}\r\n onSelect={value => onFilterAdd(selectedColumn, value)}\r\n />\r\n </>\r\n ) : (\r\n <>\r\n <CommandEmpty>No fields found.</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={() => {\r\n setSelectedColumn(column)\r\n setInputValue('')\r\n requestAnimationFrame(() => {\r\n inputRef.current?.focus()\r\n })\r\n }}\r\n >\r\n {column.columnDef.meta?.icon && (\r\n <column.columnDef.meta.icon />\r\n )}\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\r\n </span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </>\r\n )}\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n </div>\r\n )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n filter: ExtendedColumnFilter<TData>\r\n filterItemId: string\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 filterItemId,\r\n columns,\r\n onFilterUpdate,\r\n onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n {\r\n const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n const [showOperatorSelector, setShowOperatorSelector] =\r\n 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 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 <div\r\n key={filter.filterId}\r\n role=\"listitem\"\r\n id={filterItemId}\r\n className=\"flex h-8 items-center rounded-md bg-background\"\r\n onKeyDown={onItemKeyDown}\r\n >\r\n <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30\"\r\n >\r\n {columnMeta?.icon && (\r\n <columnMeta.icon className=\"text-muted-foreground\" />\r\n )}\r\n {columnMeta?.label ?? column.id}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n align=\"start\"\r\n className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command loop>\r\n <CommandInput placeholder=\"Search fields...\" />\r\n <CommandList>\r\n <CommandEmpty>No fields found.</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={() => {\r\n onFilterUpdate(filter.filterId, {\r\n id: column.id 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 {column.columnDef.meta?.icon && (\r\n <column.columnDef.meta.icon />\r\n )}\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\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-8 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-8 [&_svg]:hidden\"\r\n >\r\n <SelectValue placeholder={filter.operator} />\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 className=\"lowercase\"\r\n value={operator.value}\r\n >\r\n {operator.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n {onFilterInputRender({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n showValueSelector,\r\n setShowValueSelector,\r\n })}\r\n <Button\r\n aria-controls={filterItemId}\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30\"\r\n onClick={() => onFilterRemove(filter.filterId)}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </div>\r\n )\r\n }\r\n}\r\n\r\ninterface FilterValueSelectorProps<TData> {\r\n column: Column<TData>\r\n value: string\r\n onSelect: (value: string) => void\r\n}\r\n\r\nfunction FilterValueSelector<TData>({\r\n column,\r\n value,\r\n onSelect,\r\n}: FilterValueSelectorProps<TData>) {\r\n const variant = column.columnDef.meta?.variant ?? 'text'\r\n\r\n switch (variant) {\r\n case 'boolean':\r\n return (\r\n <CommandGroup>\r\n <CommandItem value=\"true\" onSelect={() => onSelect('true')}>\r\n True\r\n </CommandItem>\r\n <CommandItem value=\"false\" onSelect={() => onSelect('false')}>\r\n False\r\n </CommandItem>\r\n </CommandGroup>\r\n )\r\n\r\n case 'select':\r\n case 'multiSelect':\r\n return (\r\n <CommandGroup>\r\n {column.columnDef.meta?.options?.map(option => (\r\n <CommandItem\r\n key={option.value}\r\n value={option.value}\r\n onSelect={() => onSelect(option.value)}\r\n >\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 </CommandGroup>\r\n )\r\n\r\n case 'date':\r\n case 'dateRange':\r\n return (\r\n <Calendar\r\n initialFocus\r\n mode=\"single\"\r\n selected={value ? new Date(value) : undefined}\r\n onSelect={date => onSelect(date?.getTime().toString() ?? '')}\r\n />\r\n )\r\n\r\n default: {\r\n const isEmpty = !value.trim()\r\n\r\n return (\r\n <CommandGroup>\r\n <CommandItem\r\n value={value}\r\n onSelect={() => onSelect(value)}\r\n disabled={isEmpty}\r\n >\r\n {isEmpty ? (\r\n <>\r\n <TextAlignLeft />\r\n <span>Type to add filter...</span>\r\n </>\r\n ) : (\r\n <>\r\n <SealCheck />\r\n <span className=\"truncate\">Filter by "{value}"</span>\r\n </>\r\n )}\r\n </CommandItem>\r\n </CommandGroup>\r\n )\r\n }\r\n }\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n showValueSelector,\r\n setShowValueSelector,\r\n}: {\r\n filter: ExtendedColumnFilter<TData>\r\n column: Column<TData>\r\n inputId: string\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={`${column.columnDef.meta?.label} filter is ${\r\n filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n }`}\r\n aria-live=\"polite\"\r\n className=\"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground 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 className=\"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5\"\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' : 'text'}\r\n inputMode={isNumber ? 'numeric' : undefined}\r\n placeholder={column.columnDef.meta?.placeholder ?? 'Enter value...'}\r\n className=\"h-full w-24 rounded-none px-1.5\"\r\n defaultValue={typeof filter.value === 'string' ? filter.value : ''}\r\n onChange={event =>\r\n onFilterUpdate(filter.filterId, { value: event.target.value })\r\n }\r\n />\r\n )\r\n }\r\n\r\n case 'boolean': {\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={typeof filter.value === 'string' ? filter.value : 'true'}\r\n onValueChange={(value: 'true' \| 'false') =>\r\n onFilterUpdate(filter.filterId, { value })\r\n }\r\n >\r\n <SelectTrigger\r\n id={inputId}\r\n aria-controls={inputListboxId}\r\n className=\"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden\"\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 options = column.columnDef.meta?.options ?? []\r\n const selectedValues = Array.isArray(filter.value)\r\n ? filter.value\r\n : [filter.value]\r\n\r\n const selectedOptions = options.filter(option =>\r\n selectedValues.includes(option.value)\r\n )\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 variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30\"\r\n >\r\n {selectedOptions.length === 0 ? (\r\n filter.variant === 'multiSelect' ? (\r\n 'Select options...'\r\n ) : (\r\n 'Select option...'\r\n )\r\n ) : (\r\n <>\r\n <div className=\"-space-x-2 flex items-center rtl:space-x-reverse\">\r\n {selectedOptions.map(selectedOption =>\r\n selectedOption.icon ? (\r\n <div\r\n key={selectedOption.value}\r\n className=\"rounded-full border bg-background p-0.5\"\r\n >\r\n <selectedOption.icon className=\"size-3.5\" />\r\n </div>\r\n ) : null\r\n )}\r\n </div>\r\n <span className=\"truncate\">\r\n {selectedOptions.length > 1\r\n ? `${selectedOptions.length} selected`\r\n : selectedOptions[0]?.label}\r\n </span>\r\n </>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n id={inputListboxId}\r\n align=\"start\"\r\n className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command>\r\n <CommandInput placeholder=\"Search options...\" />\r\n <CommandList>\r\n <CommandEmpty>No options found.</CommandEmpty>\r\n <CommandGroup>\r\n {options.map(option => (\r\n <CommandItem\r\n key={option.value}\r\n value={option.value}\r\n onSelect={() => {\r\n const value =\r\n filter.variant === 'multiSelect'\r\n ? selectedValues.includes(option.value)\r\n ? selectedValues.filter(v => v !== option.value)\r\n : [...selectedValues, option.value]\r\n : option.value\r\n onFilterUpdate(filter.filterId, { value })\r\n }}\r\n >\r\n {option.icon && <option.icon />}\r\n <span className=\"truncate\">{option.label}</span>\r\n {filter.variant === 'multiSelect' && (\r\n <Check\r\n className={cn(\r\n 'ml-auto',\r\n selectedValues.includes(option.value)\r\n ? 'opacity-100'\r\n : 'opacity-0'\r\n )}\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 )\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 : 'Pick date...'\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 variant=\"ghost\"\r\n size=\"sm\"\r\n className={cn(\r\n 'h-full rounded-none border px-1.5 font-normal dark:bg-input/30',\r\n !filter.value && 'text-muted-foreground'\r\n )}\r\n >\r\n <CalendarIcon className=\"size-3.5\" />\r\n <span className=\"truncate\">{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 mode=\"range\"\r\n initialFocus\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 mode=\"single\"\r\n initialFocus\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":["FILTERS_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterMenu","table","debounceMs","throttleMs","shallow","align","props","id","React","columns","column","open","setOpen","selectedColumn","setSelectedColumn","inputValue","setInputValue","triggerRef","inputRef","onOpenChange","setTimeout","onInputKeyDown","event","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","onFilterAdd","value","filterValue","getDefaultFilterOperator","generateId","onFilterRemove","filterId","filter","requestAnimationFrame","onFilterUpdate","updates","prevFilters","onFiltersReset","onKeyDown","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","DataTableFilterItem","Button","X","Popover","PopoverTrigger","cn","FunnelSimple","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","FilterValueSelector","CommandGroup","CommandItem","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","Check","Select","SelectTrigger","SelectValue","SelectContent","operator","SelectItem","onFilterInputRender","onSelect","option","Calendar","Date","undefined","date","isEmpty","TextAlignLeft","SealCheck","DataTableRangeFilter","isNumber","Input","inputListboxId","options","selectedValues","Array","selectedOptions","selectedOption","v","dateValue","Boolean","displayValue","formatDate","Number","CalendarIcon"],"mappings":";k2DA0CMA,YAAc,UACdC,YAAc,IACdC,YAAc,GACdC,mBAAqB,IACrBC,wBAA0B,CAAC,YAAa,SAAS,CAUhD,SAASC,oBAA2B,CACzCC,MAAAA,CAAK,CACLC,WAAAA,EAfkB,GAeM,CACxBC,WAAAA,EAfkB,EAeM,CACxBC,QAAAA,EAAU,EAAI,CACdC,MAAAA,EAAQ,OAAO,CACf,GAAGC,EAC6B,EAChC,IAAMC,EAAKC,+BAAAA,KAAW,GAEhBC,EAAUD,+BAAAA,OAAa,CAAC,IACrBP,EACJ,aAAa,GACb,MAAM,CAACS,GAAUA,EAAO,SAAS,CAAC,kBAAkB,EACtD,CAACT,EAAM,EAEJ,CAACU,EAAMC,EAAQ,CAAGJ,+BAAAA,QAAc,CAAC,IACjC,CAACK,EAAgBC,EAAkB,CACvCN,+BAAAA,QAAc,CAAuB,MACjC,CAACO,EAAYC,EAAc,CAAGR,+BAAAA,QAAc,CAAC,IAC7CS,EAAaT,+BAAAA,MAAY,CAAoB,MAC7CU,EAAWV,+BAAAA,MAAY,CAAmB,MAE1CW,EAAeX,+BAAAA,WAAiB,CAAC,IACrCI,EAAQD,GAEJ,GACFS,WAAW,KACTN,EAAkB,MAClBE,EAAc,GAChB,EAAG,IAEP,EAAG,EAAE,EAECK,EAAiBb,+BAAAA,WAAiB,CACtC,IAEIT,wBAAwB,QAAQ,CAACuB,EAAM,GAAG,CAAC,WAAW,KACtD,CAACP,GACDF,IAEAS,EAAM,cAAc,GACpBR,EAAkB,MAEtB,EACA,CAACC,EAAYF,EAAe,EAGxB,CAACU,EAASC,EAAW,CAAGC,GAAAA,8BAAAA,aAAAA,EA9DZ,UAgEhBC,GAAAA,4BAAAA,qBAAAA,EAA6BjB,EAAQ,GAAG,CAACkB,GAASA,EAAM,EAAE,GACvD,WAAW,CAAC,EAAE,EACd,WAAW,CAAC,CACX,eAAgB,GAChBvB,QAAAA,EACAD,WAAAA,CACF,IAEEyB,EAAsBC,GAAAA,2CAAAA,oBAAAA,EAAqBL,EAAYtB,GAEvD4B,EAActB,+BAAAA,WAAiB,CACnC,CAACE,EAAuBqB,KACtB,GAAI,CAACA,EAAM,IAAI,IAAMrB,EAAO,SAAS,CAAC,IAAI,EAAE,UAAY,UACtD,OAGF,IAAMsB,EACJtB,EAAO,SAAS,CAAC,IAAI,EAAE,UAAY,cAAgB,CAACqB,EAAM,CAAGA,EAY/DH,EAAoB,IAAIL,EAVuB,CAC7C,GAAIb,EAAO,EAAE,CACb,MAAOsB,EACP,QAAStB,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,OAC3C,SAAUuB,GAAAA,+BAAAA,wBAAAA,EACRvB,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,QAEpC,SAAUwB,GAAAA,uBAAAA,UAAAA,EAAW,CAAE,OAAQ,CAAE,EACnC,EAE2C,EAC3CtB,EAAQ,IAERQ,WAAW,KACTN,EAAkB,MAClBE,EAAc,GAChB,EAAG,IACL,EACA,CAACO,EAASK,EAAoB,EAG1BO,EAAiB3B,+BAAAA,WAAiB,CACtC,IAIEoB,EAHuBL,EAAQ,MAAM,CACnCc,GAAUA,EAAO,QAAQ,GAAKD,IAGhCE,sBAAsB,KACpBrB,EAAW,OAAO,EAAE,OACtB,EACF,EACA,CAACM,EAASK,EAAoB,EAG1BW,EAAiB/B,+BAAAA,WAAiB,CACtC,CACE4B,EACAI,KAEAZ,EAAoBa,GACKA,EAAY,GAAG,CAACJ,GACrC,EAAW,QAAQ,GAAKD,EACf,CAAE,GAAGC,CAAM,CAAE,GAAGG,CAAO,EAEzBH,GAIb,EACA,CAACT,EAAoB,EAGjBc,EAAiBlC,+BAAAA,WAAiB,CAAC,KACvCoB,EAAoB,EAAE,CACxB,EAAG,CAACA,EAAoB,EAExBpB,+BAAAA,SAAe,CAAC,KACd,SAASmC,EAAUrB,CAAoB,GAEnCA,CAAAA,EAAM,MAAM,YAAYsB,kBACxBtB,EAAM,MAAM,YAAYuB,mBAAkB,IA5IvB,MAkJnBvB,EAAM,GAAG,CAAC,WAAW,IACpBA,EAAM,OAAO,EACbA,EAAM,OAAO,EACbA,EAAM,QAAQ,GAEfA,EAAM,cAAc,GACpBV,EAAQ,KAxJW,MA4JnBU,EAAM,GAAG,CAAC,WAAW,IACrBA,EAAM,QAAQ,EACd,CAACX,GACDY,EAAQ,MAAM,CAAG,IAEjBD,EAAM,cAAc,GACpBa,EAAeZ,CAAO,CAACA,EAAQ,MAAM,CAAG,EAAE,EAAE,UAAY,KAE5D,CAGA,OADAuB,OAAO,gBAAgB,CAAC,UAAWH,GAC5B,IAAMG,OAAO,mBAAmB,CAAC,UAAWH,EACrD,EAAG,CAAChC,EAAMY,EAASY,EAAe,EAElC,IAAMY,EAAmBvC,+BAAAA,WAAiB,CACxC,IAEIT,wBAAwB,QAAQ,CAACuB,EAAM,GAAG,CAAC,WAAW,KACtDC,EAAQ,MAAM,CAAG,IAEjBD,EAAM,cAAc,GACpBa,EAAeZ,CAAO,CAACA,EAAQ,MAAM,CAAG,EAAE,EAAE,UAAY,IAE5D,EACA,CAACA,EAASY,EAAe,EAG3B,MACE,qCAAC,OAAI,UAAU,oC,UACZZ,EAAQ,GAAG,CAACc,GACX,oCAACW,oBAAAA,CAEC,OAAQX,EACR,aAAc,CAAC,EAAE9B,EAAG,QAAQ,EAAE8B,EAAO,QAAQ,CAAC,CAAC,CAC/C,QAAS5B,EACT,eAAgB8B,EAChB,eAAgBJ,C,EALXE,EAAO,QAAQ,GAQvBd,EAAQ,MAAM,CAAG,GAChB,oCAAC0B,oCAAAA,MAAMA,CAAAA,CACL,aAAW,oBACX,QAAQ,UACR,KAAK,OACL,UAAU,SACV,QAASP,E,SAET,oCAACQ,sBAAAA,CAACA,CAAAA,CAAAA,E,GAGN,qCAACC,qCAAAA,OAAOA,CAAAA,CAAC,KAAMxC,EAAM,aAAcQ,E,UACjC,oCAACiC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACH,oCAAAA,MAAMA,CAAAA,CACL,aAAW,2BACX,QAAQ,UACR,KAAM1B,EAAQ,MAAM,CAAG,EAAI,OAAS,KACpC,UAAW8B,GAAAA,0BAAAA,EAAAA,EAAG9B,EAAQ,MAAM,CAAG,GAAK,SAAU,OAC9C,IAAKN,EACL,UAAW8B,E,UAEX,oCAACO,sBAAAA,YAAYA,CAAAA,CAAAA,GACZ/B,EAAQ,MAAM,CAAG,EAAI,KAAO,S,KAGjC,oCAACgC,qCAAAA,cAAcA,CAAAA,CACb,MAAOlD,EACP,UAAU,yHACT,GAAGC,CAAK,C,SAET,qCAACkD,qCAAAA,OAAOA,CAAAA,CAAC,KAAI,GAAC,UAAU,sC,UACtB,oCAACC,qCAAAA,YAAYA,CAAAA,CACX,IAAKvC,EACL,YACEL,EACKA,EAAe,SAAS,CAAC,IAAI,EAAE,OAASA,EAAe,EAAE,CAC1D,mBAEN,MAAOE,EACP,cAAeC,EACf,UAAWK,C,GAEb,oCAACqC,qCAAAA,WAAWA,CAAAA,C,SACT7C,EACC,2E,UACGA,EAAe,SAAS,CAAC,IAAI,EAAE,SAC9B,oCAAC8C,qCAAAA,YAAYA,CAAAA,C,SAAC,mB,GAEhB,oCAACC,oBAAAA,CACC,OAAQ/C,EACR,MAAOE,EACP,SAAUgB,GAASD,EAAYjB,EAAgBkB,E,MAInD,2E,UACE,oCAAC4B,qCAAAA,YAAYA,CAAAA,C,SAAC,kB,GACd,oCAACE,qCAAAA,YAAYA,CAAAA,C,SACVpD,EAAQ,GAAG,CAACC,GACX,qCAACoD,qCAAAA,WAAWA,CAAAA,CAEV,MAAOpD,EAAO,EAAE,CAChB,SAAU,KACRI,EAAkBJ,GAClBM,EAAc,IACdsB,sBAAsB,KACpBpB,EAAS,OAAO,EAAE,OACpB,EACF,E,UAECR,EAAO,SAAS,CAAC,IAAI,EAAE,MACtB,oCAACA,EAAO,SAAS,CAAC,IAAI,CAAC,IAAI,KAE7B,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,KAdvCA,EAAO,EAAE,E,kBA2BtC,CAaA,SAASsC,oBAA2B,CAClCX,OAAAA,CAAM,CACN0B,aAAAA,CAAY,CACZtD,QAAAA,CAAO,CACP8B,eAAAA,CAAc,CACdJ,eAAAA,CAAc,CACkB,EAChC,CACE,GAAM,CAAC6B,EAAmBC,EAAqB,CAAGzD,+BAAAA,QAAc,CAAC,IAC3D,CAAC0D,EAAsBC,EAAwB,CACnD3D,+BAAAA,QAAc,CAAC,IACX,CAAC4D,EAAmBC,EAAqB,CAAG7D,+BAAAA,QAAc,CAAC,IAE3DE,EAASD,EAAQ,IAAI,CAACC,GAAUA,EAAO,EAAE,GAAK2B,EAAO,EAAE,EAC7D,GAAI,CAAC3B,EAAQ,OAAO,KAEpB,IAAM4D,EAAoB,CAAC,EAAEP,EAAa,iBAAiB,CAAC,CACtDQ,EAAU,CAAC,EAAER,EAAa,MAAM,CAAC,CAEjCS,EAAa9D,EAAO,SAAS,CAAC,IAAI,CAClC+D,EAAkBC,GAAAA,+BAAAA,kBAAAA,EAAmBrC,EAAO,OAAO,EAEnDsC,EAAgBnE,+BAAAA,WAAiB,CACrC,KAEIc,CAAAA,EAAM,MAAM,YAAYsB,kBACxBtB,EAAM,MAAM,YAAYuB,mBAAkB,IAKxCmB,GAAqBE,GAAwBE,GAI7CrE,wBAAwB,QAAQ,CAACuB,EAAM,GAAG,CAAC,WAAW,MACxDA,EAAM,cAAc,GACpBa,EAAeE,EAAO,QAAQ,GAElC,EACA,CACEA,EAAO,QAAQ,CACf2B,EACAE,EACAE,EACAjC,EACD,EAGH,MACE,qCAAC,OAEC,KAAK,WACL,GAAI4B,EACJ,UAAU,iDACV,UAAWY,E,UAEX,qCAACxB,qCAAAA,OAAOA,CAAAA,CAAC,KAAMa,EAAmB,aAAcC,E,UAC9C,oCAACb,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACH,oCAAAA,MAAMA,CAAAA,CACL,QAAQ,QACR,KAAK,KACL,UAAU,2E,UAETuB,GAAY,MACX,oCAACA,EAAW,IAAI,EAAC,UAAU,uB,GAE5BA,GAAY,OAAS9D,EAAO,EAAE,C,KAGnC,oCAAC6C,qCAAAA,cAAcA,CAAAA,CACb,MAAM,QACN,UAAU,kE,SAEV,qCAACC,qCAAAA,OAAOA,CAAAA,CAAC,KAAI,G,UACX,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,kB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,kB,GACd,oCAACE,qCAAAA,YAAYA,CAAAA,C,SACVpD,EAAQ,GAAG,CAACC,GACX,qCAACoD,qCAAAA,WAAWA,CAAAA,CAEV,MAAOpD,EAAO,EAAE,CAChB,SAAU,KACR6B,EAAeF,EAAO,QAAQ,CAAE,CAC9B,GAAI3B,EAAO,EAAE,CACb,QAASA,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,OAC3C,SAAUuB,GAAAA,+BAAAA,wBAAAA,EACRvB,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,QAEpC,MAAO,EACT,GAEAuD,EAAqB,GACvB,E,UAECvD,EAAO,SAAS,CAAC,IAAI,EAAE,MACtB,oCAACA,EAAO,SAAS,CAAC,IAAI,CAAC,IAAI,KAE7B,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,oCAACkE,sBAAAA,KAAKA,CAAAA,CACJ,UAAWvB,GAAAA,0BAAAA,EAAAA,EACT,UACA3C,EAAO,EAAE,GAAK2B,EAAO,EAAE,CAAG,cAAgB,Y,KAxBzC3B,EAAO,EAAE,E,cAkC5B,qCAACmE,oCAAAA,MAAMA,CAAAA,CACL,KAAMX,EACN,aAAcC,EACd,MAAO9B,EAAO,QAAQ,CACtB,cAAe,GACbE,EAAeF,EAAO,QAAQ,CAAE,CAC9B,SAAUN,EACV,MACEA,YAAAA,GAAuBA,eAAAA,EACnB,GACAM,EAAO,KAAK,G,UAItB,oCAACyC,oCAAAA,aAAaA,CAAAA,CACZ,gBAAeR,EACf,UAAU,iF,SAEV,oCAACS,oCAAAA,WAAWA,CAAAA,CAAC,YAAa1C,EAAO,QAAQ,KAE3C,oCAAC2C,oCAAAA,aAAaA,CAAAA,CACZ,GAAIV,EACJ,UAAU,wD,SAETG,EAAgB,GAAG,CAACQ,GACnB,oCAACC,oCAAAA,UAAUA,CAAAA,CAET,UAAU,YACV,MAAOD,EAAS,KAAK,C,SAEpBA,EAAS,KAAK,EAJVA,EAAS,KAAK,E,MAS1BE,oBAAoB,CACnB9C,OAAAA,EACA3B,OAAAA,EACA6D,QAAAA,EACAhC,eAAAA,EACA6B,kBAAAA,EACAC,qBAAAA,CACF,GACA,oCAACpB,oCAAAA,MAAMA,CAAAA,CACL,gBAAec,EACf,QAAQ,QACR,KAAK,KACL,UAAU,yFACV,QAAS,IAAM5B,EAAeE,EAAO,QAAQ,E,SAE7C,oCAACa,sBAAAA,CAACA,CAAAA,CAAC,UAAU,U,OAlHVb,EAAO,QAAQ,CAsH1B,CACF,CAQA,SAASuB,oBAA2B,CAClClD,OAAAA,CAAM,CACNqB,MAAAA,CAAK,CACLqD,SAAAA,CAAQ,CACwB,EAGhC,OAFgB1E,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,QAGhD,IAAK,UACH,MACE,qCAACmD,qCAAAA,YAAYA,CAAAA,C,UACX,oCAACC,qCAAAA,WAAWA,CAAAA,CAAC,MAAM,OAAO,SAAU,IAAMsB,EAAS,Q,SAAS,M,GAG5D,oCAACtB,qCAAAA,WAAWA,CAAAA,CAAC,MAAM,QAAQ,SAAU,IAAMsB,EAAS,S,SAAU,O,KAMpE,KAAK,SACL,IAAK,cACH,MACE,oCAACvB,qCAAAA,YAAYA,CAAAA,C,SACVnD,EAAO,SAAS,CAAC,IAAI,EAAE,SAAS,IAAI2E,GACnC,qCAACvB,qCAAAA,WAAWA,CAAAA,CAEV,MAAOuB,EAAO,KAAK,CACnB,SAAU,IAAMD,EAASC,EAAO,KAAK,E,UAEpCA,EAAO,IAAI,EAAI,oCAACA,EAAO,IAAI,KAC5B,oCAAC,QAAK,UAAU,W,SAAYA,EAAO,KAAK,GACvCA,EAAO,KAAK,EACX,oCAAC,QAAK,UAAU,4B,SACbA,EAAO,KAAK,KARZA,EAAO,KAAK,E,EAgB3B,KAAK,OACL,IAAK,YACH,MACE,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,aAAY,GACZ,KAAK,SACL,SAAUvD,EAAQ,IAAIwD,KAAKxD,GAASyD,KAAAA,EACpC,SAAUC,GAAQL,EAASK,GAAM,UAAU,YAAc,G,EAI/D,SAAS,CACP,IAAMC,EAAU,CAAC3D,EAAM,IAAI,GAE3B,MACE,oCAAC8B,qCAAAA,YAAYA,CAAAA,C,SACX,oCAACC,qCAAAA,WAAWA,CAAAA,CACV,MAAO/B,EACP,SAAU,IAAMqD,EAASrD,GACzB,SAAU2D,E,SAETA,EACC,2E,UACE,oCAACC,sBAAAA,aAAaA,CAAAA,CAAAA,GACd,oCAAC,Q,SAAK,uB,MAGR,2E,UACE,oCAACC,sBAAAA,SAASA,CAAAA,CAAAA,GACV,qCAAC,QAAK,UAAU,W,UAAW,cAAiB7D,EAAM,I,SAM9D,CACF,CACF,CAEA,SAASoD,oBAA2B,CAClC9C,OAAAA,CAAM,CACN3B,OAAAA,CAAM,CACN6D,QAAAA,CAAO,CACPhC,eAAAA,CAAc,CACd6B,kBAAAA,CAAiB,CACjBC,qBAAAA,CAAoB,CAWrB,EACC,GAAIhC,YAAAA,EAAO,QAAQ,EAAkBA,eAAAA,EAAO,QAAQ,CAClD,MACE,oCAAC,OACC,GAAIkC,EACJ,KAAK,SACL,aAAY,CAAC,EAAE7D,EAAO,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,EACrD2B,YAAAA,EAAO,QAAQ,CAAiB,QAAU,aAC1C,CACF,YAAU,SACV,UAAU,qG,GAKhB,OAAQA,EAAO,OAAO,EACpB,IAAK,OACL,IAAK,SACL,IAAK,QAAS,CACZ,GACGA,UAAAA,EAAO,OAAO,EAAgBA,cAAAA,EAAO,QAAQ,EAC9CA,cAAAA,EAAO,QAAQ,CAEf,MACE,oCAACwD,qDAAAA,oBAAoBA,CAAAA,CACnB,OAAQxD,EACR,OAAQ3B,EACR,QAAS6D,EACT,eAAgBhC,EAChB,UAAU,yG,GAKhB,IAAMuD,EAAWzD,WAAAA,EAAO,OAAO,EAAiBA,UAAAA,EAAO,OAAO,CAE9D,MACE,oCAAC0D,mCAAAA,KAAKA,CAAAA,CACJ,GAAIxB,EACJ,KAAMuB,EAAW,SAAW,OAC5B,UAAWA,EAAW,UAAYN,KAAAA,EAClC,YAAa9E,EAAO,SAAS,CAAC,IAAI,EAAE,aAAe,iBACnD,UAAU,kCACV,aAAc,iBAAO2B,EAAO,KAAK,CAAgBA,EAAO,KAAK,CAAG,GAChE,SAAUf,GACRiB,EAAeF,EAAO,QAAQ,CAAE,CAAE,MAAOf,EAAM,MAAM,CAAC,KAAK,E,EAInE,CAEA,IAAK,UAAW,CACd,IAAM0E,EAAiB,CAAC,EAAEzB,EAAQ,QAAQ,CAAC,CAE3C,MACE,qCAACM,oCAAAA,MAAMA,CAAAA,CACL,KAAMT,EACN,aAAcC,EACd,MAAO,iBAAOhC,EAAO,KAAK,CAAgBA,EAAO,KAAK,CAAG,OACzD,cAAe,GACbE,EAAeF,EAAO,QAAQ,CAAE,CAAEN,MAAAA,CAAM,G,UAG1C,oCAAC+C,oCAAAA,aAAaA,CAAAA,CACZ,GAAIP,EACJ,gBAAeyB,EACf,UAAU,2D,SAEV,oCAACjB,oCAAAA,WAAWA,CAAAA,CAAC,YAAa1C,EAAO,KAAK,CAAG,OAAS,O,KAEpD,qCAAC2C,oCAAAA,aAAaA,CAAAA,CAAC,GAAIgB,E,UACjB,oCAACd,oCAAAA,UAAUA,CAAAA,CAAC,MAAM,O,SAAO,M,GACzB,oCAACA,oCAAAA,UAAUA,CAAAA,CAAC,MAAM,Q,SAAQ,O,QAIlC,CAEA,IAAK,SACL,IAAK,cAAe,CAClB,IAAMc,EAAiB,CAAC,EAAEzB,EAAQ,QAAQ,CAAC,CAErC0B,EAAUvF,EAAO,SAAS,CAAC,IAAI,EAAE,SAAW,EAAE,CAC9CwF,EAAiBC,MAAM,OAAO,CAAC9D,EAAO,KAAK,EAC7CA,EAAO,KAAK,CACZ,CAACA,EAAO,KAAK,CAAC,CAEZ+D,EAAkBH,EAAQ,MAAM,CAACZ,GACrCa,EAAe,QAAQ,CAACb,EAAO,KAAK,GAGtC,MACE,qCAAClC,qCAAAA,OAAOA,CAAAA,CAAC,KAAMiB,EAAmB,aAAcC,E,UAC9C,oCAACjB,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,oCAACH,oCAAAA,MAAMA,CAAAA,CACL,GAAIsB,EACJ,gBAAeyB,EACf,QAAQ,QACR,KAAK,KACL,UAAU,0E,SAETI,IAAAA,EAAgB,MAAM,CACrB/D,gBAAAA,EAAO,OAAO,CACZ,oBAEA,mBAGF,2E,UACE,oCAAC,OAAI,UAAU,mD,SACZ+D,EAAgB,GAAG,CAACC,GACnBA,EAAe,IAAI,CACjB,oCAAC,OAEC,UAAU,0C,SAEV,oCAACA,EAAe,IAAI,EAAC,UAAU,U,IAH1BA,EAAe,KAAK,EAKzB,K,GAGR,oCAAC,QAAK,UAAU,W,SACbD,EAAgB,MAAM,CAAG,EACtB,CAAC,EAAEA,EAAgB,MAAM,CAAC,SAAS,CAAC,CACpCA,CAAe,CAAC,EAAE,EAAE,K,UAMlC,oCAAC7C,qCAAAA,cAAcA,CAAAA,CACb,GAAIyC,EACJ,MAAM,QACN,UAAU,kE,SAEV,qCAACxC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,oCAACE,qCAAAA,YAAYA,CAAAA,C,SACVoC,EAAQ,GAAG,CAACZ,GACX,qCAACvB,qCAAAA,WAAWA,CAAAA,CAEV,MAAOuB,EAAO,KAAK,CACnB,SAAU,KACR,IAAMtD,EACJM,gBAAAA,EAAO,OAAO,CACV6D,EAAe,QAAQ,CAACb,EAAO,KAAK,EAClCa,EAAe,MAAM,CAACI,GAAKA,IAAMjB,EAAO,KAAK,EAC7C,IAAIa,EAAgBb,EAAO,KAAK,CAAC,CACnCA,EAAO,KAAK,CAClB9C,EAAeF,EAAO,QAAQ,CAAE,CAAEN,MAAAA,CAAM,EAC1C,E,UAECsD,EAAO,IAAI,EAAI,oCAACA,EAAO,IAAI,KAC5B,oCAAC,QAAK,UAAU,W,SAAYA,EAAO,KAAK,GACvChD,gBAAAA,EAAO,OAAO,EACb,oCAACuC,sBAAAA,KAAKA,CAAAA,CACJ,UAAWvB,GAAAA,0BAAAA,EAAAA,EACT,UACA6C,EAAe,QAAQ,CAACb,EAAO,KAAK,EAChC,cACA,Y,KApBLA,EAAO,KAAK,E,aAgCnC,CAEA,IAAK,OACL,IAAK,YAAa,CAChB,IAAMW,EAAiB,CAAC,EAAEzB,EAAQ,QAAQ,CAAC,CAErCgC,EAAYJ,MAAM,OAAO,CAAC9D,EAAO,KAAK,EACxCA,EAAO,KAAK,CAAC,MAAM,CAACmE,SACpB,CAACnE,EAAO,KAAK,CAAEA,EAAO,KAAK,CAAC,CAAC,MAAM,CAACmE,SAElCC,EACJpE,cAAAA,EAAO,QAAQ,EAAoBkE,IAAAA,EAAU,MAAM,CAC/C,CAAC,EAAEG,GAAAA,2BAAAA,UAAAA,EAAW,IAAInB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,IAAI,GAAG,EAAEG,GAAAA,2BAAAA,UAAAA,EACjD,IAAInB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,KAC3B,CACHA,CAAS,CAAC,EAAE,CACVG,GAAAA,2BAAAA,UAAAA,EAAW,IAAInB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,IACvC,eAER,MACE,qCAACpD,qCAAAA,OAAOA,CAAAA,CAAC,KAAMiB,EAAmB,aAAcC,E,UAC9C,oCAACjB,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACH,oCAAAA,MAAMA,CAAAA,CACL,GAAIsB,EACJ,gBAAeyB,EACf,QAAQ,QACR,KAAK,KACL,UAAW3C,GAAAA,0BAAAA,EAAAA,EACT,iEACA,CAAChB,EAAO,KAAK,EAAI,yB,UAGnB,oCAACuE,sBAAAA,QAAYA,CAAAA,CAAC,UAAU,U,GACxB,oCAAC,QAAK,UAAU,W,SAAYH,C,QAGhC,oCAAClD,qCAAAA,cAAcA,CAAAA,CACb,GAAIyC,EACJ,MAAM,QACN,UAAU,oE,SAET3D,cAAAA,EAAO,QAAQ,CACd,oCAACiD,sCAAAA,QAAQA,CAAAA,CACP,KAAK,QACL,aAAY,GACZ,SACEiB,IAAAA,EAAU,MAAM,CACZ,CACE,KAAM,IAAIhB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,GAClC,GAAI,IAAIhB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,EAClC,EACA,CACE,KAAM,IAAIhB,KACV,GAAI,IAAIA,IACV,EAEN,SAAUE,IACRlD,EAAeF,EAAO,QAAQ,CAAE,CAC9B,MAAOoD,EACH,CACGA,CAAAA,EAAK,IAAI,EAAE,WAAa,EAAC,EAAG,QAAQ,GACpCA,CAAAA,EAAK,EAAE,EAAE,WAAa,EAAC,EAAG,QAAQ,GACpC,CACD,EAAE,EAEV,C,GAGF,oCAACH,sCAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,aAAY,GACZ,SACEiB,CAAS,CAAC,EAAE,CAAG,IAAIhB,KAAKoB,OAAOJ,CAAS,CAAC,EAAE,GAAKf,KAAAA,EAElD,SAAUC,IACRlD,EAAeF,EAAO,QAAQ,CAAE,CAC9B,MAAQoD,CAAAA,GAAM,WAAa,EAAC,EAAG,QAAQ,EACzC,EACF,C,OAMZ,CAEA,QACE,OAAO,IACX,CACF,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-filter-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-menu.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n Calendar as CalendarIcon,\r\n Check,\r\n FunnelSimple,\r\n SealCheck,\r\n TextAlignLeft,\r\n X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport { useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\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 { 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 { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\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 { ExtendedColumnFilter, FilterOperator } from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\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 DataTableFilterMenuProps<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 DataTableFilterMenu<TData>({\r\n table,\r\n debounceMs = DEBOUNCE_MS,\r\n throttleMs = THROTTLE_MS,\r\n shallow = true,\r\n align = 'start',\r\n ...props\r\n}: DataTableFilterMenuProps<TData>) {\r\n const id = React.useId()\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 [open, setOpen] = React.useState(false)\r\n const [selectedColumn, setSelectedColumn] =\r\n React.useState<Column<TData> \| null>(null)\r\n const [inputValue, setInputValue] = React.useState('')\r\n const triggerRef = React.useRef<HTMLButtonElement>(null)\r\n const inputRef = React.useRef<HTMLInputElement>(null)\r\n\r\n const onOpenChange = React.useCallback((open: boolean) => {\r\n setOpen(open)\r\n\r\n if (!open) {\r\n setTimeout(() => {\r\n setSelectedColumn(null)\r\n setInputValue('')\r\n }, 100)\r\n }\r\n }, [])\r\n\r\n const onInputKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (\r\n REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n !inputValue &&\r\n selectedColumn\r\n ) {\r\n event.preventDefault()\r\n setSelectedColumn(null)\r\n }\r\n },\r\n [inputValue, selectedColumn]\r\n )\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 onFilterAdd = React.useCallback(\r\n (column: Column<TData>, value: string) => {\r\n if (!value.trim() && column.columnDef.meta?.variant !== 'boolean') {\r\n return\r\n }\r\n\r\n const filterValue =\r\n column.columnDef.meta?.variant === 'multiSelect' ? [value] : value\r\n\r\n const newFilter: ExtendedColumnFilter<TData> = {\r\n id: column.id as Extract<keyof TData, string>,\r\n value: filterValue,\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 debouncedSetFilters([...filters, newFilter])\r\n setOpen(false)\r\n\r\n setTimeout(() => {\r\n setSelectedColumn(null)\r\n setInputValue('')\r\n }, 100)\r\n },\r\n [filters, 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 debouncedSetFilters(updatedFilters)\r\n requestAnimationFrame(() => {\r\n triggerRef.current?.focus()\r\n })\r\n },\r\n [filters, debouncedSetFilters]\r\n )\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 onFiltersReset = React.useCallback(() => {\r\n debouncedSetFilters([])\r\n }, [debouncedSetFilters])\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 !open &&\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 }, [open, 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 <div className=\"flex flex-wrap items-center gap-2\">\r\n {filters.map(filter => (\r\n <DataTableFilterItem\r\n key={filter.filterId}\r\n filter={filter}\r\n filterItemId={`${id}-filter-${filter.filterId}`}\r\n columns={columns}\r\n onFilterUpdate={onFilterUpdate}\r\n onFilterRemove={onFilterRemove}\r\n />\r\n ))}\r\n {filters.length > 0 && (\r\n <Button\r\n aria-label=\"Reset all filters\"\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className=\"size-8\"\r\n onClick={onFiltersReset}\r\n >\r\n <X />\r\n </Button>\r\n )}\r\n <Popover open={open} onOpenChange={onOpenChange}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n aria-label=\"Open filter command menu\"\r\n variant=\"outline\"\r\n size={filters.length > 0 ? 'icon' : 'sm'}\r\n className={cn(filters.length > 0 && 'size-8', 'h-10')}\r\n ref={triggerRef}\r\n onKeyDown={onTriggerKeyDown}\r\n >\r\n <FunnelSimple />\r\n {filters.length > 0 ? null : 'Filter'}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n align={align}\r\n className=\"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n {...props}\r\n >\r\n <Command loop className=\"[&_[cmdk-input-wrapper]_svg]:hidden\">\r\n <CommandInput\r\n ref={inputRef}\r\n placeholder={\r\n selectedColumn\r\n ? (selectedColumn.columnDef.meta?.label ?? selectedColumn.id)\r\n : 'Search fields...'\r\n }\r\n value={inputValue}\r\n onValueChange={setInputValue}\r\n onKeyDown={onInputKeyDown}\r\n />\r\n <CommandList>\r\n {selectedColumn ? (\r\n <>\r\n {selectedColumn.columnDef.meta?.options && (\r\n <CommandEmpty>No options found.</CommandEmpty>\r\n )}\r\n <FilterValueSelector\r\n column={selectedColumn}\r\n value={inputValue}\r\n onSelect={value => onFilterAdd(selectedColumn, value)}\r\n />\r\n </>\r\n ) : (\r\n <>\r\n <CommandEmpty>No fields found.</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={() => {\r\n setSelectedColumn(column)\r\n setInputValue('')\r\n requestAnimationFrame(() => {\r\n inputRef.current?.focus()\r\n })\r\n }}\r\n >\r\n {column.columnDef.meta?.icon && (\r\n <column.columnDef.meta.icon />\r\n )}\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\r\n </span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </>\r\n )}\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n </div>\r\n )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n filter: ExtendedColumnFilter<TData>\r\n filterItemId: string\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 filterItemId,\r\n columns,\r\n onFilterUpdate,\r\n onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n {\r\n const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n const [showOperatorSelector, setShowOperatorSelector] =\r\n 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 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 <div\r\n key={filter.filterId}\r\n role=\"listitem\"\r\n id={filterItemId}\r\n className=\"flex h-10 items-center rounded-md bg-background\"\r\n onKeyDown={onItemKeyDown}\r\n >\r\n <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30\"\r\n >\r\n {columnMeta?.icon && (\r\n <columnMeta.icon className=\"text-muted-foreground\" />\r\n )}\r\n {columnMeta?.label ?? column.id}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n align=\"start\"\r\n className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command loop>\r\n <CommandInput placeholder=\"Search fields...\" />\r\n <CommandList>\r\n <CommandEmpty>No fields found.</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={() => {\r\n onFilterUpdate(filter.filterId, {\r\n id: column.id 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 {column.columnDef.meta?.icon && (\r\n <column.columnDef.meta.icon />\r\n )}\r\n <span className=\"truncate\">\r\n {column.columnDef.meta?.label ?? column.id}\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 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden\"\r\n >\r\n <SelectValue placeholder={filter.operator} />\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 className=\"lowercase\"\r\n value={operator.value}\r\n >\r\n {operator.label}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n {onFilterInputRender({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n showValueSelector,\r\n setShowValueSelector,\r\n })}\r\n <Button\r\n aria-controls={filterItemId}\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30\"\r\n onClick={() => onFilterRemove(filter.filterId)}\r\n >\r\n <X className=\"size-3.5\" />\r\n </Button>\r\n </div>\r\n )\r\n }\r\n}\r\n\r\ninterface FilterValueSelectorProps<TData> {\r\n column: Column<TData>\r\n value: string\r\n onSelect: (value: string) => void\r\n}\r\n\r\nfunction FilterValueSelector<TData>({\r\n column,\r\n value,\r\n onSelect,\r\n}: FilterValueSelectorProps<TData>) {\r\n const variant = column.columnDef.meta?.variant ?? 'text'\r\n\r\n switch (variant) {\r\n case 'boolean':\r\n return (\r\n <CommandGroup>\r\n <CommandItem value=\"true\" onSelect={() => onSelect('true')}>\r\n True\r\n </CommandItem>\r\n <CommandItem value=\"false\" onSelect={() => onSelect('false')}>\r\n False\r\n </CommandItem>\r\n </CommandGroup>\r\n )\r\n\r\n case 'select':\r\n case 'multiSelect':\r\n return (\r\n <CommandGroup>\r\n {column.columnDef.meta?.options?.map(option => (\r\n <CommandItem\r\n key={option.value}\r\n value={option.value}\r\n onSelect={() => onSelect(option.value)}\r\n >\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 </CommandGroup>\r\n )\r\n\r\n case 'date':\r\n case 'dateRange':\r\n return (\r\n <Calendar\r\n initialFocus\r\n mode=\"single\"\r\n selected={value ? new Date(value) : undefined}\r\n onSelect={date => onSelect(date?.getTime().toString() ?? '')}\r\n />\r\n )\r\n\r\n default: {\r\n const isEmpty = !value.trim()\r\n\r\n return (\r\n <CommandGroup>\r\n <CommandItem\r\n value={value}\r\n onSelect={() => onSelect(value)}\r\n disabled={isEmpty}\r\n >\r\n {isEmpty ? (\r\n <>\r\n <TextAlignLeft />\r\n <span>Type to add filter...</span>\r\n </>\r\n ) : (\r\n <>\r\n <SealCheck />\r\n <span className=\"truncate\">Filter by "{value}"</span>\r\n </>\r\n )}\r\n </CommandItem>\r\n </CommandGroup>\r\n )\r\n }\r\n }\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n showValueSelector,\r\n setShowValueSelector,\r\n}: {\r\n filter: ExtendedColumnFilter<TData>\r\n column: Column<TData>\r\n inputId: string\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={`${column.columnDef.meta?.label} filter is ${\r\n filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n }`}\r\n aria-live=\"polite\"\r\n className=\"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground 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 className=\"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5\"\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' : 'text'}\r\n inputMode={isNumber ? 'numeric' : undefined}\r\n placeholder={column.columnDef.meta?.placeholder ?? 'Enter value...'}\r\n className=\"h-full w-24 rounded-none px-1.5\"\r\n defaultValue={typeof filter.value === 'string' ? filter.value : ''}\r\n onChange={event =>\r\n onFilterUpdate(filter.filterId, { value: event.target.value })\r\n }\r\n />\r\n )\r\n }\r\n\r\n case 'boolean': {\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={typeof filter.value === 'string' ? filter.value : 'true'}\r\n onValueChange={(value: 'true' \| 'false') =>\r\n onFilterUpdate(filter.filterId, { value })\r\n }\r\n >\r\n <SelectTrigger\r\n id={inputId}\r\n aria-controls={inputListboxId}\r\n className=\"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden\"\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 options = column.columnDef.meta?.options ?? []\r\n const selectedValues = Array.isArray(filter.value)\r\n ? filter.value\r\n : [filter.value]\r\n\r\n const selectedOptions = options.filter(option =>\r\n selectedValues.includes(option.value)\r\n )\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 variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30\"\r\n >\r\n {selectedOptions.length === 0 ? (\r\n filter.variant === 'multiSelect' ? (\r\n 'Select options...'\r\n ) : (\r\n 'Select option...'\r\n )\r\n ) : (\r\n <>\r\n <div className=\"-space-x-2 flex items-center rtl:space-x-reverse\">\r\n {selectedOptions.map(selectedOption =>\r\n selectedOption.icon ? (\r\n <div\r\n key={selectedOption.value}\r\n className=\"rounded-full border bg-background p-0.5\"\r\n >\r\n <selectedOption.icon className=\"size-3.5\" />\r\n </div>\r\n ) : null\r\n )}\r\n </div>\r\n <span className=\"truncate\">\r\n {selectedOptions.length > 1\r\n ? `${selectedOptions.length} selected`\r\n : selectedOptions[0]?.label}\r\n </span>\r\n </>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n id={inputListboxId}\r\n align=\"start\"\r\n className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n >\r\n <Command>\r\n <CommandInput placeholder=\"Search options...\" />\r\n <CommandList>\r\n <CommandEmpty>No options found.</CommandEmpty>\r\n <CommandGroup>\r\n {options.map(option => (\r\n <CommandItem\r\n key={option.value}\r\n value={option.value}\r\n onSelect={() => {\r\n const value =\r\n filter.variant === 'multiSelect'\r\n ? selectedValues.includes(option.value)\r\n ? selectedValues.filter(v => v !== option.value)\r\n : [...selectedValues, option.value]\r\n : option.value\r\n onFilterUpdate(filter.filterId, { value })\r\n }}\r\n >\r\n {option.icon && <option.icon />}\r\n <span className=\"truncate\">{option.label}</span>\r\n {filter.variant === 'multiSelect' && (\r\n <Check\r\n className={cn(\r\n 'ml-auto',\r\n selectedValues.includes(option.value)\r\n ? 'opacity-100'\r\n : 'opacity-0'\r\n )}\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 )\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 : 'Pick date...'\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 variant=\"ghost\"\r\n size=\"sm\"\r\n className={cn(\r\n 'h-full rounded-none border px-1.5 font-normal dark:bg-input/30',\r\n !filter.value && 'text-muted-foreground'\r\n )}\r\n >\r\n <CalendarIcon className=\"size-3.5\" />\r\n <span className=\"truncate\">{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 mode=\"range\"\r\n initialFocus\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 mode=\"single\"\r\n initialFocus\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":["FILTERS_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterMenu","table","debounceMs","throttleMs","shallow","align","props","id","React","columns","column","open","setOpen","selectedColumn","setSelectedColumn","inputValue","setInputValue","triggerRef","inputRef","onOpenChange","setTimeout","onInputKeyDown","event","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","onFilterAdd","value","filterValue","getDefaultFilterOperator","generateId","onFilterRemove","filterId","filter","requestAnimationFrame","onFilterUpdate","updates","prevFilters","onFiltersReset","onKeyDown","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","DataTableFilterItem","Button","X","Popover","PopoverTrigger","cn","FunnelSimple","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","FilterValueSelector","CommandGroup","CommandItem","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","Check","Select","SelectTrigger","SelectValue","SelectContent","operator","SelectItem","onFilterInputRender","onSelect","option","Calendar","Date","undefined","date","isEmpty","TextAlignLeft","SealCheck","DataTableRangeFilter","isNumber","Input","inputListboxId","options","selectedValues","Array","selectedOptions","selectedOption","v","dateValue","Boolean","displayValue","formatDate","Number","CalendarIcon"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-pagination.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTablePagination:()=>DataTablePagination});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTablePagination({table:e,pageSizeOptions:a=[10,20,30,40,50],className:t,...s}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",t),...s,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex-1 whitespace-nowrap text-muted-foreground text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"whitespace-nowrap font-medium text-sm",children:"Rows per page"}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:a=>{e.setPageSize(Number(a))},children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{className:"h-8 w-[4.5rem] [&[data-size]]:h-8",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{side:"top",children:a.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:`${e}`,children:e},e))})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center justify-center font-medium text-sm",children:["Page ",e.getState().pagination.pageIndex+1," of"," ",e.getPageCount()]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to first page",variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDoubleLeft,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to previous page",variant:"outline",size:"icon",className:"size-8",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretLeft,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to next page",variant:"outline",size:"icon",className:"size-8",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretRight,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to last page",variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDoubleRight,{})})]})]})]})}for(var __webpack_i__ in exports.DataTablePagination=__webpack_exports__.DataTablePagination,__webpack_exports__)-1===["DataTablePagination"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTablePagination:()=>DataTablePagination});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTablePagination({table:e,pageSizeOptions:a=[10,20,30,40,50],className:t,...s}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",t),...s,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex-1 whitespace-nowrap text-muted-foreground text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"whitespace-nowrap font-medium text-sm",children:"Linhas por p\xe1gina"}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:a=>{e.setPageSize(Number(a))},children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{className:"h-10 w-[5.5rem] [&[data-size]]:h-10",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{side:"top",children:a.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:`${e}`,children:e},e))})]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center justify-center font-medium text-sm",children:["P\xe1gina ",e.getState().pagination.pageIndex+1," de"," ",e.getPageCount()]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to first page",variant:"secondary",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDoubleLeft,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to previous page",variant:"secondary",size:"icon",className:"size-10",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretLeft,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to next page",variant:"secondary",size:"icon",className:"size-10",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretRight,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"Go to last page",variant:"secondary",size:"icon",className:"hidden size-10 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDoubleRight,{})})]})]})]})}for(var __webpack_i__ in exports.DataTablePagination=__webpack_exports__.DataTablePagination,__webpack_exports__)-1===["DataTablePagination"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-pagination.cjs.map

package/dist/cjs/components/data-table/data-table-pagination.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-pagination.tsx"],"sourcesContent":["import {\r\n CaretDoubleLeft,\r\n CaretDoubleRight,\r\n CaretLeft,\r\n CaretRight,\r\n} from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectItem,\r\n SelectTrigger,\r\n SelectValue,\r\n} from '@/components/select'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n pageSizeOptions?: number[]\r\n}\r\n\r\nexport function DataTablePagination<TData>({\r\n table,\r\n pageSizeOptions = [10, 20, 30, 40, 50],\r\n className,\r\n ...props\r\n}: DataTablePaginationProps<TData>) {\r\n return (\r\n <div\r\n className={cn(\r\n 'flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex-1 whitespace-nowrap text-muted-foreground text-sm\">\r\n {table.getFilteredSelectedRowModel().rows.length} of{' '}\r\n {table.getFilteredRowModel().rows.length} row(s) selected.\r\n </div>\r\n <div className=\"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8\">\r\n <div className=\"flex items-center space-x-2\">\r\n <p className=\"whitespace-nowrap font-medium text-sm\"~~>Rows~~ ~~per~~ ~~page~~</p>\r\n <Select\r\n value={`${table.getState().pagination.pageSize}`}\r\n onValueChange={value => {\r\n table.setPageSize(Number(value))\r\n }}\r\n >\r\n <SelectTrigger className=\"h-8 w-[4.5rem] [&[data-size]]:h-8\">\r\n <SelectValue placeholder={table.getState().pagination.pageSize} />\r\n </SelectTrigger>\r\n <SelectContent side=\"top\">\r\n {pageSizeOptions.map(pageSize => (\r\n <SelectItem key={pageSize} value={`${pageSize}`}>\r\n {pageSize}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n <div className=\"flex items-center justify-center font-medium text-sm\">\r\n ~~Page~~ {table.getState().pagination.pageIndex + 1} of{' '}\r\n {table.getPageCount()}\r\n </div>\r\n <div className=\"flex items-center space-x-2\">\r\n <Button\r\n aria-label=\"Go to first page\"\r\n variant=\"~~outline~~\"\r\n size=\"icon\"\r\n className=\"hidden size-8 lg:flex\"\r\n onClick={() => table.setPageIndex(0)}\r\n disabled={!table.getCanPreviousPage()}\r\n >\r\n <CaretDoubleLeft />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to previous page\"\r\n variant=\"~~outline~~\"\r\n size=\"icon\"\r\n className=\"size-8\"\r\n onClick={() => table.previousPage()}\r\n disabled={!table.getCanPreviousPage()}\r\n >\r\n <CaretLeft />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to next page\"\r\n variant=\"~~outline~~\"\r\n size=\"icon\"\r\n className=\"size-8\"\r\n onClick={() => table.nextPage()}\r\n disabled={!table.getCanNextPage()}\r\n >\r\n <CaretRight />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to last page\"\r\n variant=\"~~outline~~\"\r\n size=\"icon\"\r\n className=\"hidden size-8 lg:flex\"\r\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n disabled={!table.getCanNextPage()}\r\n >\r\n <CaretDoubleRight />\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTablePagination","table","pageSizeOptions","className","props","cn","Select","value","Number","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","CaretDoubleLeft","CaretLeft","CaretRight","CaretDoubleRight"],"mappings":"imCAuBO,SAASA,oBAA2B,CACzCC,MAAAA,CAAK,CACLC,gBAAAA,EAAkB,CAAC,GAAI,GAAI,GAAI,GAAI,GAAG,CACtCC,UAAAA,CAAS,CACT,GAAGC,EAC6B,EAChC,MACE,qCAAC,OACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,yGACAF,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,yD,UACZH,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAC,MAAI,IACpDA,EAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,oB,GAE3C,qCAAC,OAAI,UAAU,yE,UACb,qCAAC,OAAI,UAAU,8B,UACb,oCAAC,KAAE,UAAU,wC,SAAwC,e,~~GACrD~~,qCAACK,oCAAAA,MAAMA,CAAAA,CACL,MAAO,CAAC,EAAEL,EAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAChD,cAAeM,AAAAA,IACbN,EAAM,WAAW,CAACO,OAAOD,GAC3B,E,UAEA,oCAACE,oCAAAA,aAAaA,CAAAA,CAAC,UAAU,oC,SACvB,oCAACC,oCAAAA,WAAWA,CAAAA,CAAC,YAAaT,EAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,A,KAEhE,oCAACU,oCAAAA,aAAaA,CAAAA,CAAC,KAAK,M,SACjBT,EAAgB,GAAG,CAACU,AAAAA,GACnB,oCAACC,oCAAAA,UAAUA,CAAAA,CAAgB,MAAO,CAAC,EAAED,EAAS,CAAC,C,SAC5CA,C,EADcA,G,SAOzB,qCAAC,OAAI,UAAU,uD,UAAuD,~~QAC9DX~~,EAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAG,EAAE,MAAI,~~IACnDA~~,EAAM,YAAY,G,GAErB,qCAAC,OAAI,UAAU,8B,UACb,oCAACa,oCAAAA,MAAMA,CAAAA,CACL,aAAW,mBACX,QAAQ,~~UACR~~,KAAK,OACL,UAAU,~~wBACV~~,QAAS,IAAMb,EAAM,YAAY,CAAC,GAClC,SAAU,CAACA,EAAM,kBAAkB,G,SAEnC,oCAACc,sBAAAA,eAAeA,CAAAA,CAAAA,E,GAElB,oCAACD,oCAAAA,MAAMA,CAAAA,CACL,aAAW,sBACX,QAAQ,~~UACR~~,KAAK,OACL,UAAU,~~SACV~~,QAAS,IAAMb,EAAM,YAAY,GACjC,SAAU,CAACA,EAAM,kBAAkB,G,SAEnC,oCAACe,sBAAAA,SAASA,CAAAA,CAAAA,E,GAEZ,oCAACF,oCAAAA,MAAMA,CAAAA,CACL,aAAW,kBACX,QAAQ,~~UACR~~,KAAK,OACL,UAAU,~~SACV~~,QAAS,IAAMb,EAAM,QAAQ,GAC7B,SAAU,CAACA,EAAM,cAAc,G,SAE/B,oCAACgB,sBAAAA,UAAUA,CAAAA,CAAAA,E,GAEb,oCAACH,oCAAAA,MAAMA,CAAAA,CACL,aAAW,kBACX,QAAQ,~~UACR~~,KAAK,OACL,UAAU,~~wBACV~~,QAAS,IAAMb,EAAM,YAAY,CAACA,EAAM,YAAY,GAAK,GACzD,SAAU,CAACA,EAAM,cAAc,G,SAE/B,oCAACiB,sBAAAA,gBAAgBA,CAAAA,CAAAA,E,WAM7B,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-pagination.tsx"],"sourcesContent":["import {\r\n CaretDoubleLeft,\r\n CaretDoubleRight,\r\n CaretLeft,\r\n CaretRight,\r\n} from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectItem,\r\n SelectTrigger,\r\n SelectValue,\r\n} from '@/components/select'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n pageSizeOptions?: number[]\r\n}\r\n\r\nexport function DataTablePagination<TData>({\r\n table,\r\n pageSizeOptions = [10, 20, 30, 40, 50],\r\n className,\r\n ...props\r\n}: DataTablePaginationProps<TData>) {\r\n return (\r\n <div\r\n className={cn(\r\n 'flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex-1 whitespace-nowrap text-muted-foreground text-sm\">\r\n {table.getFilteredSelectedRowModel().rows.length} of{' '}\r\n {table.getFilteredRowModel().rows.length} row(s) selected.\r\n </div>\r\n <div className=\"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8\">\r\n <div className=\"flex items-center space-x-2\">\r\n <p className=\"whitespace-nowrap font-medium text-sm\">\r\n Linhas por página\r\n </p>\r\n <Select\r\n value={`${table.getState().pagination.pageSize}`}\r\n onValueChange={value => {\r\n table.setPageSize(Number(value))\r\n }}\r\n >\r\n <SelectTrigger className=\"h-10 w-[5.5rem] [&[data-size]]:h-10\">\r\n <SelectValue placeholder={table.getState().pagination.pageSize} />\r\n </SelectTrigger>\r\n <SelectContent side=\"top\">\r\n {pageSizeOptions.map(pageSize => (\r\n <SelectItem key={pageSize} value={`${pageSize}`}>\r\n {pageSize}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n <div className=\"flex items-center justify-center font-medium text-sm\">\r\n Página {table.getState().pagination.pageIndex + 1} de{' '}\r\n {table.getPageCount()}\r\n </div>\r\n <div className=\"flex items-center space-x-2\">\r\n <Button\r\n aria-label=\"Go to first page\"\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"hidden size-10 lg:flex\"\r\n onClick={() => table.setPageIndex(0)}\r\n disabled={!table.getCanPreviousPage()}\r\n >\r\n <CaretDoubleLeft />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to previous page\"\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"size-10\"\r\n onClick={() => table.previousPage()}\r\n disabled={!table.getCanPreviousPage()}\r\n >\r\n <CaretLeft />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to next page\"\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"size-10\"\r\n onClick={() => table.nextPage()}\r\n disabled={!table.getCanNextPage()}\r\n >\r\n <CaretRight />\r\n </Button>\r\n <Button\r\n aria-label=\"Go to last page\"\r\n variant=\"secondary\"\r\n size=\"icon\"\r\n className=\"hidden size-10 lg:flex\"\r\n onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n disabled={!table.getCanNextPage()}\r\n >\r\n <CaretDoubleRight />\r\n </Button>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTablePagination","table","pageSizeOptions","className","props","cn","Select","value","Number","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","CaretDoubleLeft","CaretLeft","CaretRight","CaretDoubleRight"],"mappings":"imCAuBO,SAASA,oBAA2B,CACzCC,MAAAA,CAAK,CACLC,gBAAAA,EAAkB,CAAC,GAAI,GAAI,GAAI,GAAI,GAAG,CACtCC,UAAAA,CAAS,CACT,GAAGC,EAC6B,EAChC,MACE,qCAAC,OACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,yGACAF,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,yD,UACZH,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAC,MAAI,IACpDA,EAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,oB,GAE3C,qCAAC,OAAI,UAAU,yE,UACb,qCAAC,OAAI,UAAU,8B,UACb,oCAAC,KAAE,UAAU,wC,SAAwC,sB,GAGrD,qCAACK,oCAAAA,MAAMA,CAAAA,CACL,MAAO,CAAC,EAAEL,EAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAChD,cAAeM,AAAAA,IACbN,EAAM,WAAW,CAACO,OAAOD,GAC3B,E,UAEA,oCAACE,oCAAAA,aAAaA,CAAAA,CAAC,UAAU,sC,SACvB,oCAACC,oCAAAA,WAAWA,CAAAA,CAAC,YAAaT,EAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,A,KAEhE,oCAACU,oCAAAA,aAAaA,CAAAA,CAAC,KAAK,M,SACjBT,EAAgB,GAAG,CAACU,AAAAA,GACnB,oCAACC,oCAAAA,UAAUA,CAAAA,CAAgB,MAAO,CAAC,EAAED,EAAS,CAAC,C,SAC5CA,C,EADcA,G,SAOzB,qCAAC,OAAI,UAAU,uD,UAAuD,aAC5DX,EAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAG,EAAE,MAAI,IACrDA,EAAM,YAAY,G,GAErB,qCAAC,OAAI,UAAU,8B,UACb,oCAACa,oCAAAA,MAAMA,CAAAA,CACL,aAAW,mBACX,QAAQ,YACR,KAAK,OACL,UAAU,yBACV,QAAS,IAAMb,EAAM,YAAY,CAAC,GAClC,SAAU,CAACA,EAAM,kBAAkB,G,SAEnC,oCAACc,sBAAAA,eAAeA,CAAAA,CAAAA,E,GAElB,oCAACD,oCAAAA,MAAMA,CAAAA,CACL,aAAW,sBACX,QAAQ,YACR,KAAK,OACL,UAAU,UACV,QAAS,IAAMb,EAAM,YAAY,GACjC,SAAU,CAACA,EAAM,kBAAkB,G,SAEnC,oCAACe,sBAAAA,SAASA,CAAAA,CAAAA,E,GAEZ,oCAACF,oCAAAA,MAAMA,CAAAA,CACL,aAAW,kBACX,QAAQ,YACR,KAAK,OACL,UAAU,UACV,QAAS,IAAMb,EAAM,QAAQ,GAC7B,SAAU,CAACA,EAAM,cAAc,G,SAE/B,oCAACgB,sBAAAA,UAAUA,CAAAA,CAAAA,E,GAEb,oCAACH,oCAAAA,MAAMA,CAAAA,CACL,aAAW,kBACX,QAAQ,YACR,KAAK,OACL,UAAU,yBACV,QAAS,IAAMb,EAAM,YAAY,CAACA,EAAM,YAAY,GAAK,GACzD,SAAU,CAACA,EAAM,cAAc,G,SAE/B,oCAACiB,sBAAAA,gBAAgBA,CAAAA,CAAAA,E,WAM7B,C"}

package/dist/cjs/components/data-table/data-table-range-filter.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var r in a)__webpack_require__.o(a,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:a[r]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableRangeFilter:()=>DataTableRangeFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableRangeFilter({filter:e,column:a,inputId:r,onFilterUpdate:t,className:_,...n}){let l=a.columnDef.meta,[i,u]=external_react_namespaceObject.useMemo(()=>{let e=a.columnDef.meta?.range;if(e)return e;let r=a.getFacetedMinMaxValues();return r?[r[0],r[1]]:[0,100]},[a]),c=external_react_namespaceObject.useCallback(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),s=external_react_namespaceObject.useMemo(()=>Array.isArray(e.value)?e.value.map(c):[c(e.value),""],[e.value,c]),m=external_react_namespaceObject.useCallback((a,r)=>{let _=Number(a),n=Array.isArray(e.value)?e.value:["",""],l=r?n[1]??"":n[0]??"";(""===a||!Number.isNaN(_)&&(r?_>=i&&_<=(Number(l)||u):_<=u&&_>=(Number(l)||i)))&&t(e.filterId,{value:r?[a,l]:[l,a]})},[e.filterId,e.value,i,u,t]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{"data-slot":"range",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-center gap-2",_),...n,children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${r}-min`,type:"number","aria-label":`${l?.label} minimum value`,"aria-valuemin":i,"aria-valuemax":u,"data-slot":"range-min",inputMode:"numeric",placeholder:i.toString(),min:i,max:u,className:"h-8 w-full rounded",defaultValue:s[0],onChange:e=>m(e.target.value,!0)}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${r}-max`,type:"number","aria-label":`${l?.label} maximum value`,"aria-valuemin":i,"aria-valuemax":u,"data-slot":"range-max",inputMode:"numeric",placeholder:u.toString(),min:i,max:u,className:"h-8 w-full rounded",defaultValue:s[1],onChange:e=>m(e.target.value)})]})}for(var __webpack_i__ in exports.DataTableRangeFilter=__webpack_exports__.DataTableRangeFilter,__webpack_exports__)-1===["DataTableRangeFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var r in a)__webpack_require__.o(a,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:a[r]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableRangeFilter:()=>DataTableRangeFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableRangeFilter({filter:e,column:a,inputId:r,onFilterUpdate:t,className:_,...n}){let l=a.columnDef.meta,[i,u]=external_react_namespaceObject.useMemo(()=>{let e=a.columnDef.meta?.range;if(e)return e;let r=a.getFacetedMinMaxValues();return r?[r[0],r[1]]:[0,100]},[a]),c=external_react_namespaceObject.useCallback(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),s=external_react_namespaceObject.useMemo(()=>Array.isArray(e.value)?e.value.map(c):[c(e.value),""],[e.value,c]),m=external_react_namespaceObject.useCallback((a,r)=>{let _=Number(a),n=Array.isArray(e.value)?e.value:["",""],l=r?n[1]??"":n[0]??"";(""===a||!Number.isNaN(_)&&(r?_>=i&&_<=(Number(l)||u):_<=u&&_>=(Number(l)||i)))&&t(e.filterId,{value:r?[a,l]:[l,a]})},[e.filterId,e.value,i,u,t]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{"data-slot":"range",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-center gap-2",_),...n,children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${r}-min`,type:"number","aria-label":`${l?.label} minimum value`,"aria-valuemin":i,"aria-valuemax":u,"data-slot":"range-min",inputMode:"numeric",placeholder:i.toString(),min:i,max:u,className:"h-10 w-full rounded",defaultValue:s[0],onChange:e=>m(e.target.value,!0)}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${r}-max`,type:"number","aria-label":`${l?.label} maximum value`,"aria-valuemin":i,"aria-valuemax":u,"data-slot":"range-max",inputMode:"numeric",placeholder:u.toString(),min:i,max:u,className:"h-10 w-full rounded",defaultValue:s[1],onChange:e=>m(e.target.value)})]})}for(var __webpack_i__ in exports.DataTableRangeFilter=__webpack_exports__.DataTableRangeFilter,__webpack_exports__)-1===["DataTableRangeFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-range-filter.cjs.map

package/dist/cjs/components/data-table/data-table-range-filter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-range-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-range-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\nimport type { ExtendedColumnFilter } from '@/types/data-table'\r\n\r\ninterface DataTableRangeFilterProps<TData> extends React.ComponentProps<'div'> {\r\n filter: ExtendedColumnFilter<TData>\r\n column: Column<TData>\r\n inputId: string\r\n onFilterUpdate: (\r\n filterId: string,\r\n updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n ) => void\r\n}\r\n\r\nexport function DataTableRangeFilter<TData>({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n className,\r\n ...props\r\n}: DataTableRangeFilterProps<TData>) {\r\n const meta = column.columnDef.meta\r\n\r\n const [min, max] = React.useMemo(() => {\r\n const range = column.columnDef.meta?.range\r\n if (range) return range\r\n\r\n const values = column.getFacetedMinMaxValues()\r\n if (!values) return [0, 100]\r\n\r\n return [values[0], values[1]]\r\n }, [column])\r\n\r\n const formatValue = React.useCallback(\r\n (value: string \| number \| undefined) => {\r\n if (value === undefined \|\| value === '') return ''\r\n const numValue = Number(value)\r\n return Number.isNaN(numValue)\r\n ? ''\r\n : numValue.toLocaleString(undefined, {\r\n maximumFractionDigits: 0,\r\n })\r\n },\r\n []\r\n )\r\n\r\n const value = React.useMemo(() => {\r\n if (Array.isArray(filter.value)) return filter.value.map(formatValue)\r\n return [formatValue(filter.value), '']\r\n }, [filter.value, formatValue])\r\n\r\n const onRangeValueChange = React.useCallback(\r\n (value: string, isMin?: boolean) => {\r\n const numValue = Number(value)\r\n const currentValues = Array.isArray(filter.value)\r\n ? filter.value\r\n : ['', '']\r\n const otherValue = isMin\r\n ? (currentValues[1] ?? '')\r\n : (currentValues[0] ?? '')\r\n\r\n if (\r\n value === '' \|\|\r\n (!Number.isNaN(numValue) &&\r\n (isMin\r\n ? numValue >= min && numValue <= (Number(otherValue) \|\| max)\r\n : numValue <= max && numValue >= (Number(otherValue) \|\| min)))\r\n ) {\r\n onFilterUpdate(filter.filterId, {\r\n value: isMin ? [value, otherValue] : [otherValue, value],\r\n })\r\n }\r\n },\r\n [filter.filterId, filter.value, min, max, onFilterUpdate]\r\n )\r\n\r\n return (\r\n <div\r\n data-slot=\"range\"\r\n className={cn('flex w-full items-center gap-2', className)}\r\n {...props}\r\n >\r\n <Input\r\n id={`${inputId}-min`}\r\n type=\"number\"\r\n aria-label={`${meta?.label} minimum value`}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n data-slot=\"range-min\"\r\n inputMode=\"numeric\"\r\n placeholder={min.toString()}\r\n min={min}\r\n max={max}\r\n className=\"h-8 w-full rounded\"\r\n defaultValue={value[0]}\r\n onChange={event => onRangeValueChange(event.target.value, true)}\r\n />\r\n <span className=\"sr-only shrink-0 text-muted-foreground\">to</span>\r\n <Input\r\n id={`${inputId}-max`}\r\n type=\"number\"\r\n aria-label={`${meta?.label} maximum value`}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n data-slot=\"range-max\"\r\n inputMode=\"numeric\"\r\n placeholder={max.toString()}\r\n min={min}\r\n max={max}\r\n className=\"h-8 w-full rounded\"\r\n defaultValue={value[1]}\r\n onChange={event => onRangeValueChange(event.target.value)}\r\n />\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableRangeFilter","filter","column","inputId","onFilterUpdate","className","props","meta","min","max","React","range","values","formatValue","value","undefined","numValue","Number","Array","onRangeValueChange","isMin","currentValues","otherValue","cn","Input","event"],"mappings":";6hCAmBO,SAASA,qBAA4B,CAC1CC,OAAAA,CAAM,CACNC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,eAAAA,CAAc,CACdC,UAAAA,CAAS,CACT,GAAGC,EAC8B,EACjC,IAAMC,EAAOL,EAAO,SAAS,CAAC,IAAI,CAE5B,CAACM,EAAKC,EAAI,CAAGC,+BAAAA,OAAa,CAAC,KAC/B,IAAMC,EAAQT,EAAO,SAAS,CAAC,IAAI,EAAE,MACrC,GAAIS,EAAO,OAAOA,EAElB,IAAMC,EAASV,EAAO,sBAAsB,UAC5C,EAEO,CAACU,CAAM,CAAC,EAAE,CAAEA,CAAM,CAAC,EAAE,CAAC,CAFT,CAAC,EAAG,IAAI,EAG3B,CAACV,EAAO,EAELW,EAAcH,+BAAAA,WAAiB,CACnC,IACE,GAAII,KAAUC,IAAVD,GAAuBA,KAAAA,EAAc,MAAO,GAChD,IAAME,EAAWC,OAAOH,GACxB,OAAOG,OAAO,KAAK,CAACD,GAChB,GACAA,EAAS,cAAc,CAACD,KAAAA,EAAW,CACjC,sBAAuB,CACzB,EACN,EACA,EAAE,EAGED,EAAQJ,+BAAAA,OAAa,CAAC,IAC1B,MAAU,OAAO,CAACT,EAAO,KAAK,EAAUA,EAAO,KAAK,CAAC,GAAG,CAACY,GAClD,CAACA,EAAYZ,EAAO,KAAK,EAAG,GAAG,CACrC,CAACA,EAAO,KAAK,CAAEY,EAAY,EAExBM,EAAqBT,+BAAAA,WAAiB,CAC1C,CAACI,EAAeM,KACd,IAAMJ,EAAWC,OAAOH,GAClBO,EAAgBH,MAAM,OAAO,CAACjB,EAAO,KAAK,EAC5CA,EAAO,KAAK,CACZ,CAAC,GAAI,GAAG,CACNqB,EAAaF,EACdC,CAAa,CAAC,EAAE,EAAI,GACpBA,CAAa,CAAC,EAAE,EAAI,EAGvBP,CAAAA,CAAAA,KAAAA,GACC,CAACG,OAAO,KAAK,CAACD,IACZI,CAAAA,EACGJ,GAAYR,GAAOQ,GAAaC,CAAAA,OAAOK,IAAeb,CAAE,EACxDO,GAAYP,GAAOO,GAAaC,CAAAA,OAAOK,IAAed,CAAE,EAAC,GAE/DJ,EAAeH,EAAO,QAAQ,CAAE,CAC9B,MAAOmB,EAAQ,CAACN,EAAOQ,EAAW,CAAG,CAACA,EAAYR,EAAM,EAG9D,EACA,CAACb,EAAO,QAAQ,CAAEA,EAAO,KAAK,CAAEO,EAAKC,EAAKL,EAAe,EAG3D,MACE,qCAAC,OACC,YAAU,QACV,UAAWmB,GAAAA,0BAAAA,EAAAA,EAAG,iCAAkClB,GAC/C,GAAGC,CAAK,C,UAET,oCAACkB,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAErB,EAAQ,IAAI,CAAC,CACpB,KAAK,SACL,aAAY,CAAC,EAAEI,GAAM,MAAM,cAAc,CAAC,CAC1C,gBAAeC,EACf,gBAAeC,EACf,YAAU,YACV,UAAU,UACV,YAAaD,EAAI,QAAQ,GACzB,IAAKA,EACL,IAAKC,EACL,UAAU,~~qBACV~~,aAAcK,CAAK,CAAC,EAAE,CACtB,SAAUW,GAASN,EAAmBM,EAAM,MAAM,CAAC,KAAK,CAAE,G,GAE5D,oCAAC,QAAK,UAAU,yC,SAAyC,I,GACzD,oCAACD,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAErB,EAAQ,IAAI,CAAC,CACpB,KAAK,SACL,aAAY,CAAC,EAAEI,GAAM,MAAM,cAAc,CAAC,CAC1C,gBAAeC,EACf,gBAAeC,EACf,YAAU,YACV,UAAU,UACV,YAAaA,EAAI,QAAQ,GACzB,IAAKD,EACL,IAAKC,EACL,UAAU,~~qBACV~~,aAAcK,CAAK,CAAC,EAAE,CACtB,SAAUW,GAASN,EAAmBM,EAAM,MAAM,CAAC,KAAK,C,KAIhE,C"}
1	+ {"version":3,"file":"components\\data-table\\data-table-range-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-range-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\nimport type { ExtendedColumnFilter } from '@/types/data-table'\r\n\r\ninterface DataTableRangeFilterProps<TData> extends React.ComponentProps<'div'> {\r\n filter: ExtendedColumnFilter<TData>\r\n column: Column<TData>\r\n inputId: string\r\n onFilterUpdate: (\r\n filterId: string,\r\n updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n ) => void\r\n}\r\n\r\nexport function DataTableRangeFilter<TData>({\r\n filter,\r\n column,\r\n inputId,\r\n onFilterUpdate,\r\n className,\r\n ...props\r\n}: DataTableRangeFilterProps<TData>) {\r\n const meta = column.columnDef.meta\r\n\r\n const [min, max] = React.useMemo(() => {\r\n const range = column.columnDef.meta?.range\r\n if (range) return range\r\n\r\n const values = column.getFacetedMinMaxValues()\r\n if (!values) return [0, 100]\r\n\r\n return [values[0], values[1]]\r\n }, [column])\r\n\r\n const formatValue = React.useCallback(\r\n (value: string \| number \| undefined) => {\r\n if (value === undefined \|\| value === '') return ''\r\n const numValue = Number(value)\r\n return Number.isNaN(numValue)\r\n ? ''\r\n : numValue.toLocaleString(undefined, {\r\n maximumFractionDigits: 0,\r\n })\r\n },\r\n []\r\n )\r\n\r\n const value = React.useMemo(() => {\r\n if (Array.isArray(filter.value)) return filter.value.map(formatValue)\r\n return [formatValue(filter.value), '']\r\n }, [filter.value, formatValue])\r\n\r\n const onRangeValueChange = React.useCallback(\r\n (value: string, isMin?: boolean) => {\r\n const numValue = Number(value)\r\n const currentValues = Array.isArray(filter.value)\r\n ? filter.value\r\n : ['', '']\r\n const otherValue = isMin\r\n ? (currentValues[1] ?? '')\r\n : (currentValues[0] ?? '')\r\n\r\n if (\r\n value === '' \|\|\r\n (!Number.isNaN(numValue) &&\r\n (isMin\r\n ? numValue >= min && numValue <= (Number(otherValue) \|\| max)\r\n : numValue <= max && numValue >= (Number(otherValue) \|\| min)))\r\n ) {\r\n onFilterUpdate(filter.filterId, {\r\n value: isMin ? [value, otherValue] : [otherValue, value],\r\n })\r\n }\r\n },\r\n [filter.filterId, filter.value, min, max, onFilterUpdate]\r\n )\r\n\r\n return (\r\n <div\r\n data-slot=\"range\"\r\n className={cn('flex w-full items-center gap-2', className)}\r\n {...props}\r\n >\r\n <Input\r\n id={`${inputId}-min`}\r\n type=\"number\"\r\n aria-label={`${meta?.label} minimum value`}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n data-slot=\"range-min\"\r\n inputMode=\"numeric\"\r\n placeholder={min.toString()}\r\n min={min}\r\n max={max}\r\n className=\"h-10 w-full rounded\"\r\n defaultValue={value[0]}\r\n onChange={event => onRangeValueChange(event.target.value, true)}\r\n />\r\n <span className=\"sr-only shrink-0 text-muted-foreground\">to</span>\r\n <Input\r\n id={`${inputId}-max`}\r\n type=\"number\"\r\n aria-label={`${meta?.label} maximum value`}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n data-slot=\"range-max\"\r\n inputMode=\"numeric\"\r\n placeholder={max.toString()}\r\n min={min}\r\n max={max}\r\n className=\"h-10 w-full rounded\"\r\n defaultValue={value[1]}\r\n onChange={event => onRangeValueChange(event.target.value)}\r\n />\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableRangeFilter","filter","column","inputId","onFilterUpdate","className","props","meta","min","max","React","range","values","formatValue","value","undefined","numValue","Number","Array","onRangeValueChange","isMin","currentValues","otherValue","cn","Input","event"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-slider-filter.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSliderFilter:()=>DataTableSliderFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_label_cjs_namespaceObject=require("../label.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_slider_cjs_namespaceObject=require("../slider.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react");function getIsValidRange(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function DataTableSliderFilter({column:e,title:a}){let t=external_react_namespaceObject.useId(),r=getIsValidRange(e.getFilterValue())?e.getFilterValue():void 0,c=e.columnDef.meta?.range,n=e.columnDef.meta?.unit,{min:s,max:_,step:l}=external_react_namespaceObject.useMemo(()=>{let a=0,t=100;if(c&&getIsValidRange(c))[a,t]=c;else{let r=e.getFacetedMinMaxValues();if(r&&Array.isArray(r)&&2===r.length){let[e,c]=r;"number"==typeof e&&"number"==typeof c&&(a=e,t=c)}}let r=t-a;return{min:a,max:t,step:r<=20?1:r<=100?Math.ceil(r/20):Math.ceil(r/50)}},[e,c]),i=external_react_namespaceObject.useMemo(()=>r??[s,_],[r,s,_]),m=external_react_namespaceObject.useCallback(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),p=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t>=s&&t<=i[1]&&e.setFilterValue([t,i[1]])},[e,s,i]),o=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t<=_&&t>=i[0]&&e.setFilterValue([i[0],t])},[e,_,i]),u=external_react_namespaceObject.useCallback(a=>{Array.isArray(a)&&2===a.length&&e.setFilterValue(a)},[e]),j=external_react_namespaceObject.useCallback(a=>{a.target instanceof HTMLDivElement&&a.stopPropagation(),e.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"xs",children:[r?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:j,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),r?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),m(r[0])," -"," ",m(r[1]),n?` ${n}`:""]}):null]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"flex w-auto flex-col gap-4",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:a}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-from`,className:"sr-only",children:"From"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-from`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:s.toString(),min:s,max:_,value:i[0]?.toString(),onChange:p,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]}),(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-to`,className:"sr-only",children:"to"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-to`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:_.toString(),min:s,max:_,value:i[1]?.toString(),onChange:o,className:(0,utils_cjs_namespaceObject.cn)("h-8 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-slider`,className:"sr-only",children:[a," slider"]}),(0,jsx_runtime_namespaceObject.jsx)(external_slider_cjs_namespaceObject.Slider,{id:`${t}-slider`,min:s,max:_,step:l,value:i,onValueChange:u})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":`Clear ${a} filter`,variant:"outline",size:"sm",onClick:j,children:"Limpar"})]})]})}for(var __webpack_i__ in exports.DataTableSliderFilter=__webpack_exports__.DataTableSliderFilter,__webpack_exports__)-1===["DataTableSliderFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSliderFilter:()=>DataTableSliderFilter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),external_label_cjs_namespaceObject=require("../label.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_separator_cjs_namespaceObject=require("../separator.cjs"),external_slider_cjs_namespaceObject=require("../slider.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),react_namespaceObject=require("@phosphor-icons/react");function getIsValidRange(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function DataTableSliderFilter({column:e,title:a}){let t=external_react_namespaceObject.useId(),r=getIsValidRange(e.getFilterValue())?e.getFilterValue():void 0,c=e.columnDef.meta?.range,n=e.columnDef.meta?.unit,{min:s,max:_,step:l}=external_react_namespaceObject.useMemo(()=>{let a=0,t=100;if(c&&getIsValidRange(c))[a,t]=c;else{let r=e.getFacetedMinMaxValues();if(r&&Array.isArray(r)&&2===r.length){let[e,c]=r;"number"==typeof e&&"number"==typeof c&&(a=e,t=c)}}let r=t-a;return{min:a,max:t,step:r<=20?1:r<=100?Math.ceil(r/20):Math.ceil(r/50)}},[e,c]),i=external_react_namespaceObject.useMemo(()=>r??[s,_],[r,s,_]),m=external_react_namespaceObject.useCallback(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),p=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t>=s&&t<=i[1]&&e.setFilterValue([t,i[1]])},[e,s,i]),o=external_react_namespaceObject.useCallback(a=>{let t=Number(a.target.value);!Number.isNaN(t)&&t<=_&&t>=i[0]&&e.setFilterValue([i[0],t])},[e,_,i]),u=external_react_namespaceObject.useCallback(a=>{Array.isArray(a)&&2===a.length&&e.setFilterValue(a)},[e]),j=external_react_namespaceObject.useCallback(a=>{a.target instanceof HTMLDivElement&&a.stopPropagation(),e.setFilterValue(void 0)},[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",children:[r?(0,jsx_runtime_namespaceObject.jsx)("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:j,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.XCircle,{})}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.PlusCircle,{}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:a}),r?(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),m(r[0])," -"," ",m(r[1]),n?` ${n}`:""]}):null]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{align:"start",className:"flex w-auto flex-col gap-4",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,jsx_runtime_namespaceObject.jsx)("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:a}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-4",children:[(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-from`,className:"sr-only",children:"From"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-from`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:s.toString(),min:s,max:_,value:i[0]?.toString(),onChange:p,className:(0,utils_cjs_namespaceObject.cn)("h-10 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]}),(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-to`,className:"sr-only",children:"to"}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{id:`${t}-to`,type:"number","aria-valuemin":s,"aria-valuemax":_,inputMode:"numeric",pattern:"[0-9]*",placeholder:_.toString(),min:s,max:_,value:i[1]?.toString(),onChange:o,className:(0,utils_cjs_namespaceObject.cn)("h-10 w-24",n&&"pr-8")}),n&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:n})]})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{htmlFor:`${t}-slider`,className:"sr-only",children:[a," slider"]}),(0,jsx_runtime_namespaceObject.jsx)(external_slider_cjs_namespaceObject.Slider,{id:`${t}-slider`,min:s,max:_,step:l,value:i,onValueChange:u})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":`Clear ${a} filter`,variant:"outline",size:"sm",onClick:j,children:"Limpar"})]})]})}for(var __webpack_i__ in exports.DataTableSliderFilter=__webpack_exports__.DataTableSliderFilter,__webpack_exports__)-1===["DataTableSliderFilter"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-slider-filter.cjs.map

package/dist/cjs/components/data-table/data-table-slider-filter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-slider-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-slider-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Input } from '@/components/input'\r\nimport { Label } from '@/components/label'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { Slider } from '@/components/slider'\r\nimport { cn } from '@/lib/utils'\r\nimport { PlusCircle, XCircle } from '@phosphor-icons/react'\r\n\r\ninterface Range {\r\n min: number\r\n max: number\r\n}\r\n\r\ntype RangeValue = [number, number]\r\n\r\nfunction getIsValidRange(value: unknown): value is RangeValue {\r\n return (\r\n Array.isArray(value) &&\r\n value.length === 2 &&\r\n typeof value[0] === 'number' &&\r\n typeof value[1] === 'number'\r\n )\r\n}\r\n\r\ninterface DataTableSliderFilterProps<TData> {\r\n column: Column<TData, unknown>\r\n title?: string\r\n}\r\n\r\nexport function DataTableSliderFilter<TData>({\r\n column,\r\n title,\r\n}: DataTableSliderFilterProps<TData>) {\r\n const id = React.useId()\r\n\r\n const columnFilterValue = getIsValidRange(column.getFilterValue())\r\n ? (column.getFilterValue() as RangeValue)\r\n : undefined\r\n\r\n const defaultRange = column.columnDef.meta?.range\r\n const unit = column.columnDef.meta?.unit\r\n\r\n const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\r\n let minValue = 0\r\n let maxValue = 100\r\n\r\n if (defaultRange && getIsValidRange(defaultRange)) {\r\n ;[minValue, maxValue] = defaultRange\r\n } else {\r\n const values = column.getFacetedMinMaxValues()\r\n if (values && Array.isArray(values) && values.length === 2) {\r\n const [facetMinValue, facetMaxValue] = values\r\n if (\r\n typeof facetMinValue === 'number' &&\r\n typeof facetMaxValue === 'number'\r\n ) {\r\n minValue = facetMinValue\r\n maxValue = facetMaxValue\r\n }\r\n }\r\n }\r\n\r\n const rangeSize = maxValue - minValue\r\n const step =\r\n rangeSize <= 20\r\n ? 1\r\n : rangeSize <= 100\r\n ? Math.ceil(rangeSize / 20)\r\n : Math.ceil(rangeSize / 50)\r\n\r\n return { min: minValue, max: maxValue, step }\r\n }, [column, defaultRange])\r\n\r\n const range = React.useMemo((): RangeValue => {\r\n return columnFilterValue ?? [min, max]\r\n }, [columnFilterValue, min, max])\r\n\r\n const formatValue = React.useCallback((value: number) => {\r\n return value.toLocaleString(undefined, { maximumFractionDigits: 0 })\r\n }, [])\r\n\r\n const onFromInputChange = React.useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const numValue = Number(event.target.value)\r\n if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\r\n column.setFilterValue([numValue, range[1]])\r\n }\r\n },\r\n [column, min, range]\r\n )\r\n\r\n const onToInputChange = React.useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const numValue = Number(event.target.value)\r\n if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\r\n column.setFilterValue([range[0], numValue])\r\n }\r\n },\r\n [column, max, range]\r\n )\r\n\r\n const onSliderValueChange = React.useCallback(\r\n (value: RangeValue) => {\r\n if (Array.isArray(value) && value.length === 2) {\r\n column.setFilterValue(value)\r\n }\r\n },\r\n [column]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event: React.MouseEvent) => {\r\n if (event.target instanceof HTMLDivElement) {\r\n event.stopPropagation()\r\n }\r\n column.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"outline\" size=\"xs\">\r\n {columnFilterValue ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500\"\r\n onClick={onReset}\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <PlusCircle />\r\n )}\r\n <span>{title}</span>\r\n {columnFilterValue ? (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n {formatValue(columnFilterValue[0])} -{' '}\r\n {formatValue(columnFilterValue[1])}\r\n {unit ? ` ${unit}` : ''}\r\n </>\r\n ) : null}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent align=\"start\" className=\"flex w-auto flex-col gap-4\">\r\n <div className=\"flex flex-col gap-3\">\r\n <p className=\"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n {title}\r\n </p>\r\n <div className=\"flex items-center gap-4\">\r\n <Label htmlFor={`${id}-from`} className=\"sr-only\">\r\n From\r\n </Label>\r\n <div className=\"relative\">\r\n <Input\r\n id={`${id}-from`}\r\n type=\"number\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n inputMode=\"numeric\"\r\n pattern=\"[0-9]\"\r\n placeholder={min.toString()}\r\n min={min}\r\n max={max}\r\n value={range[0]?.toString()}\r\n onChange={onFromInputChange}\r\n className={cn('h-8 w-24', unit && 'pr-8')}\r\n />\r\n {unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {unit}\r\n </span>\r\n )}\r\n </div>\r\n <Label htmlFor={`${id}-to`} className=\"sr-only\">\r\n to\r\n </Label>\r\n <div className=\"relative\">\r\n <Input\r\n id={`${id}-to`}\r\n type=\"number\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n inputMode=\"numeric\"\r\n pattern=\"[0-9]\"\r\n placeholder={max.toString()}\r\n min={min}\r\n max={max}\r\n value={range[1]?.toString()}\r\n onChange={onToInputChange}\r\n className={cn('h-8 w-24', unit && 'pr-8')}\r\n />\r\n {unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {unit}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n <Label htmlFor={`${id}-slider`} className=\"sr-only\">\r\n {title} slider\r\n </Label>\r\n <Slider\r\n id={`${id}-slider`}\r\n min={min}\r\n max={max}\r\n step={step}\r\n value={range}\r\n onValueChange={onSliderValueChange}\r\n />\r\n </div>\r\n <Button\r\n aria-label={`Clear ${title} filter`}\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onReset}\r\n >\r\n Limpar\r\n </Button>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["getIsValidRange","value","Array","DataTableSliderFilter","column","title","id","React","columnFilterValue","undefined","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","Math","range","formatValue","onFromInputChange","event","numValue","Number","onToInputChange","onSliderValueChange","onReset","HTMLDivElement","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","PopoverContent","Label","Input","cn","Slider"],"mappings":"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"}
1	+ {"version":3,"file":"components\\data-table\\data-table-slider-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-slider-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Input } from '@/components/input'\r\nimport { Label } from '@/components/label'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { Slider } from '@/components/slider'\r\nimport { cn } from '@/lib/utils'\r\nimport { PlusCircle, XCircle } from '@phosphor-icons/react'\r\n\r\ninterface Range {\r\n min: number\r\n max: number\r\n}\r\n\r\ntype RangeValue = [number, number]\r\n\r\nfunction getIsValidRange(value: unknown): value is RangeValue {\r\n return (\r\n Array.isArray(value) &&\r\n value.length === 2 &&\r\n typeof value[0] === 'number' &&\r\n typeof value[1] === 'number'\r\n )\r\n}\r\n\r\ninterface DataTableSliderFilterProps<TData> {\r\n column: Column<TData, unknown>\r\n title?: string\r\n}\r\n\r\nexport function DataTableSliderFilter<TData>({\r\n column,\r\n title,\r\n}: DataTableSliderFilterProps<TData>) {\r\n const id = React.useId()\r\n\r\n const columnFilterValue = getIsValidRange(column.getFilterValue())\r\n ? (column.getFilterValue() as RangeValue)\r\n : undefined\r\n\r\n const defaultRange = column.columnDef.meta?.range\r\n const unit = column.columnDef.meta?.unit\r\n\r\n const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\r\n let minValue = 0\r\n let maxValue = 100\r\n\r\n if (defaultRange && getIsValidRange(defaultRange)) {\r\n ;[minValue, maxValue] = defaultRange\r\n } else {\r\n const values = column.getFacetedMinMaxValues()\r\n if (values && Array.isArray(values) && values.length === 2) {\r\n const [facetMinValue, facetMaxValue] = values\r\n if (\r\n typeof facetMinValue === 'number' &&\r\n typeof facetMaxValue === 'number'\r\n ) {\r\n minValue = facetMinValue\r\n maxValue = facetMaxValue\r\n }\r\n }\r\n }\r\n\r\n const rangeSize = maxValue - minValue\r\n const step =\r\n rangeSize <= 20\r\n ? 1\r\n : rangeSize <= 100\r\n ? Math.ceil(rangeSize / 20)\r\n : Math.ceil(rangeSize / 50)\r\n\r\n return { min: minValue, max: maxValue, step }\r\n }, [column, defaultRange])\r\n\r\n const range = React.useMemo((): RangeValue => {\r\n return columnFilterValue ?? [min, max]\r\n }, [columnFilterValue, min, max])\r\n\r\n const formatValue = React.useCallback((value: number) => {\r\n return value.toLocaleString(undefined, { maximumFractionDigits: 0 })\r\n }, [])\r\n\r\n const onFromInputChange = React.useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const numValue = Number(event.target.value)\r\n if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\r\n column.setFilterValue([numValue, range[1]])\r\n }\r\n },\r\n [column, min, range]\r\n )\r\n\r\n const onToInputChange = React.useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const numValue = Number(event.target.value)\r\n if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\r\n column.setFilterValue([range[0], numValue])\r\n }\r\n },\r\n [column, max, range]\r\n )\r\n\r\n const onSliderValueChange = React.useCallback(\r\n (value: RangeValue) => {\r\n if (Array.isArray(value) && value.length === 2) {\r\n column.setFilterValue(value)\r\n }\r\n },\r\n [column]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event: React.MouseEvent) => {\r\n if (event.target instanceof HTMLDivElement) {\r\n event.stopPropagation()\r\n }\r\n column.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"outline\" size=\"sm\">\r\n {columnFilterValue ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500\"\r\n onClick={onReset}\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <PlusCircle />\r\n )}\r\n <span>{title}</span>\r\n {columnFilterValue ? (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n {formatValue(columnFilterValue[0])} -{' '}\r\n {formatValue(columnFilterValue[1])}\r\n {unit ? ` ${unit}` : ''}\r\n </>\r\n ) : null}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent align=\"start\" className=\"flex w-auto flex-col gap-4\">\r\n <div className=\"flex flex-col gap-3\">\r\n <p className=\"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n {title}\r\n </p>\r\n <div className=\"flex items-center gap-4\">\r\n <Label htmlFor={`${id}-from`} className=\"sr-only\">\r\n From\r\n </Label>\r\n <div className=\"relative\">\r\n <Input\r\n id={`${id}-from`}\r\n type=\"number\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n inputMode=\"numeric\"\r\n pattern=\"[0-9]\"\r\n placeholder={min.toString()}\r\n min={min}\r\n max={max}\r\n value={range[0]?.toString()}\r\n onChange={onFromInputChange}\r\n className={cn('h-10 w-24', unit && 'pr-8')}\r\n />\r\n {unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {unit}\r\n </span>\r\n )}\r\n </div>\r\n <Label htmlFor={`${id}-to`} className=\"sr-only\">\r\n to\r\n </Label>\r\n <div className=\"relative\">\r\n <Input\r\n id={`${id}-to`}\r\n type=\"number\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n inputMode=\"numeric\"\r\n pattern=\"[0-9]\"\r\n placeholder={max.toString()}\r\n min={min}\r\n max={max}\r\n value={range[1]?.toString()}\r\n onChange={onToInputChange}\r\n className={cn('h-10 w-24', unit && 'pr-8')}\r\n />\r\n {unit && (\r\n <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n {unit}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n <Label htmlFor={`${id}-slider`} className=\"sr-only\">\r\n {title} slider\r\n </Label>\r\n <Slider\r\n id={`${id}-slider`}\r\n min={min}\r\n max={max}\r\n step={step}\r\n value={range}\r\n onValueChange={onSliderValueChange}\r\n />\r\n </div>\r\n <Button\r\n aria-label={`Clear ${title} filter`}\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onReset}\r\n >\r\n Limpar\r\n </Button>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["getIsValidRange","value","Array","DataTableSliderFilter","column","title","id","React","columnFilterValue","undefined","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","Math","range","formatValue","onFromInputChange","event","numValue","Number","onToInputChange","onSliderValueChange","onReset","HTMLDivElement","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","PopoverContent","Label","Input","cn","Slider"],"mappings":";64CAqBA,SAASA,gBAAgBC,CAAc,EACrC,OACEC,MAAM,OAAO,CAACD,IACdA,IAAAA,EAAM,MAAM,EACZ,iBAAOA,CAAK,CAAC,EAAE,EACf,iBAAOA,CAAK,CAAC,EAAE,CASZ,SAASE,sBAA6B,CAC3CC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CAC6B,EAClC,IAAMC,EAAKC,+BAAAA,KAAW,GAEhBC,EAAoBR,gBAAgBI,EAAO,cAAc,IAC1DA,EAAO,cAAc,GACtBK,KAAAA,EAEEC,EAAeN,EAAO,SAAS,CAAC,IAAI,EAAE,MACtCO,EAAOP,EAAO,SAAS,CAAC,IAAI,EAAE,KAE9B,CAAEQ,IAAAA,CAAG,CAAEC,IAAAA,CAAG,CAAEC,KAAAA,CAAI,CAAE,CAAGP,+BAAAA,OAAa,CAA2B,KACjE,IAAIQ,EAAW,EACXC,EAAW,IAEf,GAAIN,GAAgBV,gBAAgBU,GACjC,CAACK,EAAUC,EAAS,CAAGN,MACnB,CACL,IAAMO,EAASb,EAAO,sBAAsB,GAC5C,GAAIa,GAAUf,MAAM,OAAO,CAACe,IAAWA,IAAAA,EAAO,MAAM,CAAQ,CAC1D,GAAM,CAACC,EAAeC,EAAc,CAAGF,CAEZ,WAAzB,OAAOC,GACP,iBAAOC,IAEPJ,EAAWG,EACXF,EAAWG,EAEf,CACF,CAEA,IAAMC,EAAYJ,EAAWD,EAQ7B,MAAO,CAAE,IAAKA,EAAU,IAAKC,EAAUF,KANrCM,GAAa,GACT,EACAA,GAAa,IACXC,KAAK,IAAI,CAACD,EAAY,IACtBC,KAAK,IAAI,CAACD,EAAY,GAEc,CAC9C,EAAG,CAAChB,EAAQM,EAAa,EAEnBY,EAAQf,+BAAAA,OAAa,CAAC,IACnBC,GAAqB,CAACI,EAAKC,EAAI,CACrC,CAACL,EAAmBI,EAAKC,EAAI,EAE1BU,EAAchB,+BAAAA,WAAiB,CAAC,GAC7BN,EAAM,cAAc,CAACQ,KAAAA,EAAW,CAAE,sBAAuB,CAAE,GACjE,EAAE,EAECe,EAAoBjB,+BAAAA,WAAiB,CACzC,IACE,IAAMmB,EAAWC,OAAOF,EAAM,MAAM,CAAC,KAAK,CACtC,EAACE,OAAO,KAAK,CAACD,IAAaA,GAAYd,GAAOc,GAAYJ,CAAK,CAAC,EAAE,EACpElB,EAAO,cAAc,CAAC,CAACsB,EAAUJ,CAAK,CAAC,EAAE,CAAC,CAE9C,EACA,CAAClB,EAAQQ,EAAKU,EAAM,EAGhBM,EAAkBrB,+BAAAA,WAAiB,CACvC,IACE,IAAMmB,EAAWC,OAAOF,EAAM,MAAM,CAAC,KAAK,CACtC,EAACE,OAAO,KAAK,CAACD,IAAaA,GAAYb,GAAOa,GAAYJ,CAAK,CAAC,EAAE,EACpElB,EAAO,cAAc,CAAC,CAACkB,CAAK,CAAC,EAAE,CAAEI,EAAS,CAE9C,EACA,CAACtB,EAAQS,EAAKS,EAAM,EAGhBO,EAAsBtB,+BAAAA,WAAiB,CAC3C,IACML,MAAM,OAAO,CAACD,IAAUA,IAAAA,EAAM,MAAM,EACtCG,EAAO,cAAc,CAACH,EAE1B,EACA,CAACG,EAAO,EAGJ0B,EAAUvB,+BAAAA,WAAiB,CAC/B,IACMkB,EAAM,MAAM,YAAYM,gBAC1BN,EAAM,eAAe,GAEvBrB,EAAO,cAAc,CAACK,KAAAA,EACxB,EACA,CAACL,EAAO,EAGV,MACE,qCAAC4B,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CAAC,QAAQ,UAAU,KAAK,K,UAC5B1B,EACC,oCAAC,OACC,KAAK,SACL,aAAY,CAAC,MAAM,EAAEH,EAAM,OAAO,CAAC,CACnC,SAAU,EACV,UAAU,yIACV,QAASyB,E,SAET,oCAACK,sBAAAA,OAAOA,CAAAA,CAAAA,E,GAGV,oCAACC,sBAAAA,UAAUA,CAAAA,CAAAA,GAEb,oCAAC,Q,SAAM/B,C,GACNG,EACC,2E,UACE,oCAAC6B,uCAAAA,SAASA,CAAAA,CACR,YAAY,WACZ,UAAU,wC,GAEXd,EAAYf,CAAiB,CAAC,EAAE,EAAE,KAAG,IACrCe,EAAYf,CAAiB,CAAC,EAAE,EAChCG,EAAO,CAAC,CAAC,EAAEA,EAAK,CAAC,CAAG,G,GAErB,K,KAGR,qCAAC2B,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,QAAQ,UAAU,6B,UACtC,qCAAC,OAAI,UAAU,sB,UACb,oCAAC,KAAE,UAAU,qF,SACVjC,C,GAEH,qCAAC,OAAI,UAAU,0B,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,KAAK,CAAC,CAAE,UAAU,U,SAAU,M,GAGlD,qCAAC,OAAI,UAAU,W,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAElC,EAAG,KAAK,CAAC,CAChB,KAAK,SACL,gBAAeM,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaD,EAAI,QAAQ,GACzB,IAAKA,EACL,IAAKC,EACL,MAAOS,CAAK,CAAC,EAAE,EAAE,WACjB,SAAUE,EACV,UAAWiB,GAAAA,0BAAAA,EAAAA,EAAG,YAAa9B,GAAQ,O,GAEpCA,GACC,oCAAC,QAAK,UAAU,8G,SACbA,C,MAIP,oCAAC4B,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,GAAG,CAAC,CAAE,UAAU,U,SAAU,I,GAGhD,qCAAC,OAAI,UAAU,W,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAElC,EAAG,GAAG,CAAC,CACd,KAAK,SACL,gBAAeM,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaA,EAAI,QAAQ,GACzB,IAAKD,EACL,IAAKC,EACL,MAAOS,CAAK,CAAC,EAAE,EAAE,WACjB,SAAUM,EACV,UAAWa,GAAAA,0BAAAA,EAAAA,EAAG,YAAa9B,GAAQ,O,GAEpCA,GACC,oCAAC,QAAK,UAAU,8G,SACbA,C,SAKT,qCAAC4B,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,OAAO,CAAC,CAAE,UAAU,U,UACvCD,EAAM,U,GAET,oCAACqC,oCAAAA,MAAMA,CAAAA,CACL,GAAI,CAAC,EAAEpC,EAAG,OAAO,CAAC,CAClB,IAAKM,EACL,IAAKC,EACL,KAAMC,EACN,MAAOQ,EACP,cAAeO,C,MAGnB,oCAACK,oCAAAA,MAAMA,CAAAA,CACL,aAAY,CAAC,MAAM,EAAE7B,EAAM,OAAO,CAAC,CACnC,QAAQ,UACR,KAAK,KACL,QAASyB,E,SACV,Q,QAMT,C"}