@gbmtech/aurora-ui 0.3.57 → 0.3.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +54 -54
- package/dist/cjs/components/alert-dialog.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout-breadcrumb.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout-content.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout-filters.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout-header.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout-provider.cjs.map +1 -1
- package/dist/cjs/components/app-layout/app-layout.cjs.map +1 -1
- package/dist/cjs/components/app-layout/index.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/app-sidebar.cjs +1 -1
- package/dist/cjs/components/app-layout/sidebar/app-sidebar.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/index.cjs +1 -1
- package/dist/cjs/components/app-layout/sidebar/index.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/intl/messages.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/logo.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/nav-modules.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/nav-sub-item.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/nav-user.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/sidebar-icons.cjs +1 -1
- package/dist/cjs/components/app-layout/sidebar/sidebar-icons.cjs.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/sidebar-icons.d.ts.map +1 -1
- package/dist/cjs/components/app-layout/sidebar/sidebar.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-content.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-context.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-empty.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-input.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-item.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete-list.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/autocomplete.cjs.map +1 -1
- package/dist/cjs/components/autocomplete/index.cjs.map +1 -1
- package/dist/cjs/components/avatar.cjs.map +1 -1
- package/dist/cjs/components/badge.cjs +1 -1
- package/dist/cjs/components/badge.cjs.map +1 -1
- package/dist/cjs/components/badge.d.ts +2 -2
- package/dist/cjs/components/badge.d.ts.map +1 -1
- package/dist/cjs/components/breadcrumb.cjs.map +1 -1
- package/dist/cjs/components/button.cjs +1 -1
- package/dist/cjs/components/button.cjs.map +1 -1
- package/dist/cjs/components/button.d.ts +2 -2
- package/dist/cjs/components/button.d.ts.map +1 -1
- package/dist/cjs/components/calendar.cjs +1 -1
- package/dist/cjs/components/calendar.cjs.map +1 -1
- package/dist/cjs/components/checkbox.cjs +1 -1
- package/dist/cjs/components/checkbox.cjs.map +1 -1
- package/dist/cjs/components/combobox.cjs.map +1 -1
- package/dist/cjs/components/command.cjs.map +1 -1
- package/dist/cjs/components/context-menu.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-action-bar.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-advanced-toolbar.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-column-header.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-date-filter.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-faceted-filter.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-filter-list.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-filter-menu.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-pagination.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-range-filter.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-skeleton.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-slider-filter.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-sort-list.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-toolbar.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table-view-options.cjs.map +1 -1
- package/dist/cjs/components/data-table/data-table.cjs.map +1 -1
- package/dist/cjs/components/data-table/index.cjs +1 -1
- package/dist/cjs/components/data-table/index.cjs.map +1 -1
- package/dist/cjs/components/date-picker-with-range.cjs.map +1 -1
- package/dist/cjs/components/date-picker.cjs.map +1 -1
- package/dist/cjs/components/date-time-picker-with-range.cjs.map +1 -1
- package/dist/cjs/components/date-time-picker.cjs.map +1 -1
- package/dist/cjs/components/dialog.cjs.map +1 -1
- package/dist/cjs/components/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/components/faceted.cjs.map +1 -1
- package/dist/cjs/components/form.cjs.map +1 -1
- package/dist/cjs/components/icons/rumo.cjs.map +1 -1
- package/dist/cjs/components/icons/vli.cjs.map +1 -1
- package/dist/cjs/components/input-otp.cjs +1 -1
- package/dist/cjs/components/input-otp.cjs.map +1 -1
- package/dist/cjs/components/input-password.cjs.map +1 -1
- package/dist/cjs/components/input.cjs +1 -1
- package/dist/cjs/components/input.cjs.map +1 -1
- package/dist/cjs/components/label.cjs.map +1 -1
- package/dist/cjs/components/mask-input.cjs.map +1 -1
- package/dist/cjs/components/multi-select.cjs.map +1 -1
- package/dist/cjs/components/page-layout/index.cjs.map +1 -1
- package/dist/cjs/components/page-layout/page-layout-breadcrumb.cjs.map +1 -1
- package/dist/cjs/components/page-layout/page-layout-content.cjs.map +1 -1
- package/dist/cjs/components/page-layout/page-layout-header.cjs.map +1 -1
- package/dist/cjs/components/page-layout/page-layout-root.cjs.map +1 -1
- package/dist/cjs/components/page-layout/page-layout-title.cjs.map +1 -1
- package/dist/cjs/components/pagination.cjs.map +1 -1
- package/dist/cjs/components/popover.cjs.map +1 -1
- package/dist/cjs/components/radio-group.cjs +1 -1
- package/dist/cjs/components/radio-group.cjs.map +1 -1
- package/dist/cjs/components/scroll-area.cjs +1 -1
- package/dist/cjs/components/scroll-area.cjs.map +1 -1
- package/dist/cjs/components/select.cjs +1 -1
- package/dist/cjs/components/select.cjs.map +1 -1
- package/dist/cjs/components/separator.cjs.map +1 -1
- package/dist/cjs/components/sheet/index.cjs.map +1 -1
- package/dist/cjs/components/sheet/sheet-content-variants.cjs.map +1 -1
- package/dist/cjs/components/sheet/sheet.cjs.map +1 -1
- package/dist/cjs/components/skeleton.cjs.map +1 -1
- package/dist/cjs/components/slider.cjs.map +1 -1
- package/dist/cjs/components/sortable.cjs.map +1 -1
- package/dist/cjs/components/spinner.cjs.map +1 -1
- package/dist/cjs/components/switch.cjs +1 -1
- package/dist/cjs/components/switch.cjs.map +1 -1
- package/dist/cjs/components/table-expandable.cjs.map +1 -1
- package/dist/cjs/components/table.cjs.map +1 -1
- package/dist/cjs/components/tabs/index.cjs.map +1 -1
- package/dist/cjs/components/tabs/tabs-content.cjs +1 -1
- package/dist/cjs/components/tabs/tabs-content.cjs.map +1 -1
- package/dist/cjs/components/tabs/tabs-list.cjs.map +1 -1
- package/dist/cjs/components/tabs/tabs-root.cjs.map +1 -1
- package/dist/cjs/components/tabs/tabs-trigger.cjs +1 -1
- package/dist/cjs/components/tabs/tabs-trigger.cjs.map +1 -1
- package/dist/cjs/components/textarea.cjs +1 -1
- package/dist/cjs/components/textarea.cjs.map +1 -1
- package/dist/cjs/components/time-picker-input.cjs.map +1 -1
- package/dist/cjs/components/time-picker.cjs.map +1 -1
- package/dist/cjs/components/title.cjs.map +1 -1
- package/dist/cjs/components/tokens-grid.cjs.map +1 -1
- package/dist/cjs/components/tooltip.cjs.map +1 -1
- package/dist/cjs/hooks/use-callback-ref.cjs.map +1 -1
- package/dist/cjs/hooks/use-data-table.cjs.map +1 -1
- package/dist/cjs/hooks/use-debounce.cjs.map +1 -1
- package/dist/cjs/hooks/use-debounced-callback.cjs.map +1 -1
- package/dist/cjs/hooks/use-mobile.cjs.map +1 -1
- package/dist/cjs/lib/composition.cjs.map +1 -1
- package/dist/cjs/lib/data-table-config.cjs.map +1 -1
- package/dist/cjs/lib/data-table.cjs.map +1 -1
- package/dist/cjs/lib/format.cjs.map +1 -1
- package/dist/cjs/lib/id.cjs.map +1 -1
- package/dist/cjs/lib/index.cjs.map +1 -1
- package/dist/cjs/lib/parsers.cjs.map +1 -1
- package/dist/cjs/lib/utils.cjs.map +1 -1
- package/dist/cjs/primitive/input.cjs.map +1 -1
- package/dist/cjs/tokens/colors.cjs.map +1 -1
- package/dist/cjs/tokens/index.cjs.map +1 -1
- package/dist/cjs/types/data-table.cjs.map +1 -1
- package/dist/cjs/types/index.cjs.map +1 -1
- package/dist/cjs/types/locale.cjs.map +1 -1
- package/dist/cjs/types/module.cjs.map +1 -1
- package/dist/cjs/types/user.cjs.map +1 -1
- package/dist/cjs/utils/time-picker.cjs.map +1 -1
- package/dist/esm/components/alert-dialog.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout-breadcrumb.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout-content.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout-filters.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout-header.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout-provider.js.map +1 -1
- package/dist/esm/components/app-layout/app-layout.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/app-sidebar.js +1 -1
- package/dist/esm/components/app-layout/sidebar/app-sidebar.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/intl/messages.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/logo.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/nav-modules.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/nav-sub-item.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/nav-user.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/sidebar-icons.d.ts.map +1 -1
- package/dist/esm/components/app-layout/sidebar/sidebar-icons.js +1 -1
- package/dist/esm/components/app-layout/sidebar/sidebar-icons.js.map +1 -1
- package/dist/esm/components/app-layout/sidebar/sidebar.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-content.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-context.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-empty.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-input.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-item.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete-list.js.map +1 -1
- package/dist/esm/components/autocomplete/autocomplete.js.map +1 -1
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.d.ts +2 -2
- package/dist/esm/components/badge.d.ts.map +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button.d.ts +2 -2
- package/dist/esm/components/button.d.ts.map +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/calendar.js +1 -1
- package/dist/esm/components/calendar.js.map +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/command.js.map +1 -1
- package/dist/esm/components/context-menu.js.map +1 -1
- package/dist/esm/components/data-table/data-table-action-bar.js.map +1 -1
- package/dist/esm/components/data-table/data-table-advanced-toolbar.js.map +1 -1
- package/dist/esm/components/data-table/data-table-column-header.js.map +1 -1
- package/dist/esm/components/data-table/data-table-date-filter.js.map +1 -1
- package/dist/esm/components/data-table/data-table-faceted-filter.js.map +1 -1
- package/dist/esm/components/data-table/data-table-filter-list.js.map +1 -1
- package/dist/esm/components/data-table/data-table-filter-menu.js.map +1 -1
- package/dist/esm/components/data-table/data-table-pagination.js.map +1 -1
- package/dist/esm/components/data-table/data-table-range-filter.js.map +1 -1
- package/dist/esm/components/data-table/data-table-skeleton.js.map +1 -1
- package/dist/esm/components/data-table/data-table-slider-filter.js.map +1 -1
- package/dist/esm/components/data-table/data-table-sort-list.js.map +1 -1
- package/dist/esm/components/data-table/data-table-toolbar.js.map +1 -1
- package/dist/esm/components/data-table/data-table-view-options.js.map +1 -1
- package/dist/esm/components/data-table/data-table.js.map +1 -1
- package/dist/esm/components/data-table/index.js +1 -1
- package/dist/esm/components/data-table/index.js.map +1 -1
- package/dist/esm/components/date-picker-with-range.js.map +1 -1
- package/dist/esm/components/date-picker.js.map +1 -1
- package/dist/esm/components/date-time-picker-with-range.js.map +1 -1
- package/dist/esm/components/date-time-picker.js.map +1 -1
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/dropdown-menu.js.map +1 -1
- package/dist/esm/components/faceted.js.map +1 -1
- package/dist/esm/components/form.js.map +1 -1
- package/dist/esm/components/icons/rumo.js.map +1 -1
- package/dist/esm/components/icons/vli.js.map +1 -1
- package/dist/esm/components/input-otp.js +1 -1
- package/dist/esm/components/input-otp.js.map +1 -1
- package/dist/esm/components/input-password.js.map +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/mask-input.js.map +1 -1
- package/dist/esm/components/multi-select.js.map +1 -1
- package/dist/esm/components/page-layout/index.js.map +1 -1
- package/dist/esm/components/page-layout/page-layout-breadcrumb.js.map +1 -1
- package/dist/esm/components/page-layout/page-layout-content.js.map +1 -1
- package/dist/esm/components/page-layout/page-layout-header.js.map +1 -1
- package/dist/esm/components/page-layout/page-layout-root.js.map +1 -1
- package/dist/esm/components/page-layout/page-layout-title.js.map +1 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popover.js.map +1 -1
- package/dist/esm/components/radio-group.js +1 -1
- package/dist/esm/components/radio-group.js.map +1 -1
- package/dist/esm/components/scroll-area.js +1 -1
- package/dist/esm/components/scroll-area.js.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/separator.js.map +1 -1
- package/dist/esm/components/sheet/sheet-content-variants.js.map +1 -1
- package/dist/esm/components/sheet/sheet.js.map +1 -1
- package/dist/esm/components/skeleton.js.map +1 -1
- package/dist/esm/components/slider.js.map +1 -1
- package/dist/esm/components/sortable.js.map +1 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table-expandable.js.map +1 -1
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs/index.js.map +1 -1
- package/dist/esm/components/tabs/tabs-content.js +1 -1
- package/dist/esm/components/tabs/tabs-content.js.map +1 -1
- package/dist/esm/components/tabs/tabs-list.js.map +1 -1
- package/dist/esm/components/tabs/tabs-root.js.map +1 -1
- package/dist/esm/components/tabs/tabs-trigger.js +1 -1
- package/dist/esm/components/tabs/tabs-trigger.js.map +1 -1
- package/dist/esm/components/textarea.js +1 -1
- package/dist/esm/components/textarea.js.map +1 -1
- package/dist/esm/components/time-picker-input.js.map +1 -1
- package/dist/esm/components/time-picker.js.map +1 -1
- package/dist/esm/components/title.js.map +1 -1
- package/dist/esm/components/tokens-grid.js.map +1 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/hooks/use-callback-ref.js.map +1 -1
- package/dist/esm/hooks/use-data-table.js.map +1 -1
- package/dist/esm/hooks/use-debounce.js.map +1 -1
- package/dist/esm/hooks/use-debounced-callback.js.map +1 -1
- package/dist/esm/hooks/use-mobile.js.map +1 -1
- package/dist/esm/lib/composition.js.map +1 -1
- package/dist/esm/lib/data-table-config.js.map +1 -1
- package/dist/esm/lib/data-table.js.map +1 -1
- package/dist/esm/lib/format.js.map +1 -1
- package/dist/esm/lib/id.js.map +1 -1
- package/dist/esm/lib/parsers.js.map +1 -1
- package/dist/esm/lib/utils.js.map +1 -1
- package/dist/esm/primitive/input.js.map +1 -1
- package/dist/esm/tokens/colors.js.map +1 -1
- package/dist/esm/utils/time-picker.js.map +1 -1
- package/dist/styles/index.css +675 -574
- package/package.json +1 -1
- package/dist/cjs/lib/lucide-dynamic-icon.cjs +0 -3
- package/dist/cjs/lib/lucide-dynamic-icon.cjs.map +0 -1
- package/dist/cjs/lib/lucide-dynamic-icon.d.ts +0 -9
- package/dist/cjs/lib/lucide-dynamic-icon.d.ts.map +0 -1
- package/dist/esm/lib/lucide-dynamic-icon.d.ts +0 -9
- package/dist/esm/lib/lucide-dynamic-icon.d.ts.map +0 -1
- package/dist/esm/lib/lucide-dynamic-icon.js +0 -3
- package/dist/esm/lib/lucide-dynamic-icon.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\combobox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/combobox.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, Check } from '@phosphor-icons/react'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { ScrollArea } from './scroll-area'\r\n\r\ninterface ComboBoxProps {\r\n name?: string\r\n value: string | number | undefined\r\n language?: 'pt-br' | 'en-us' | 'es'\r\n valueIcon?: React.ReactNode\r\n items: { value: string; label: string; icon?: React.ReactNode }[]\r\n disabled?: boolean\r\n onValueChange?: (value: string) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst ComboBox = ({\r\n items,\r\n name,\r\n value,\r\n valueIcon,\r\n language = 'pt-br',\r\n disabled = false,\r\n onValueChange,\r\n}: ComboBoxProps) => {\r\n const [open, setOpen] = useState(false)\r\n const [search, setSearch] = useState('')\r\n\r\n const filteredItems = items?.filter(item =>\r\n item.label.toLowerCase().includes(search?.toLowerCase())\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild className=\"group\">\r\n <Button\r\n variant=\"secondary\"\r\n // biome-ignore lint/a11y/useSemanticElements: <explanation>\r\n role=\"combobox\"\r\n disabled={disabled}\r\n className={cn(\r\n 'h-12 w-full justify-between',\r\n !value && 'text-dark-gray/50'\r\n )}\r\n onClick={e => e.stopPropagation()}\r\n >\r\n <div className=\"flex flex-row items-center gap-4 truncate\">\r\n {value && valueIcon && <span>{valueIcon}</span>}\r\n {value ? (\r\n <p className=\"font-normal\">\r\n {items?.find(item => item.value === value)?.label}\r\n </p>\r\n ) : (\r\n <p>\r\n {language === 'pt-br'\r\n ? 'Selecione uma opção'\r\n : language === 'en-us'\r\n ? 'Select an option'\r\n : 'Seleccione una opció'}\r\n </p>\r\n )}\r\n </div>\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"h-4 w-4 text-dark-gray group-data-[state=open]:rotate-180\"\r\n />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-full min-w-[var(--radix-popover-trigger-width)] p-0\"\r\n align=\"start\"\r\n >\r\n <Command>\r\n <CommandInput\r\n name={name}\r\n value={search}\r\n onValueChange={setSearch}\r\n placeholder={\r\n language === 'pt-br'\r\n ? 'Digite para buscar...'\r\n : language === 'en-us'\r\n ? 'Type to search...'\r\n : 'Buscar por palabra clave...'\r\n }\r\n />\r\n <ScrollArea className=\"h-[200px] overflow-y-auto\">\r\n {filteredItems?.length === 0 ? (\r\n <CommandEmpty>\r\n {language === 'pt-br'\r\n ? 'Nenhuma opção encontrada'\r\n : language === 'en-us'\r\n ? 'No options found'\r\n : 'No se encontraron opciones'}\r\n </CommandEmpty>\r\n ) : (\r\n <CommandGroup>\r\n {filteredItems?.map(item => (\r\n <CommandItem\r\n key={item.value}\r\n value={item.label}\r\n onSelect={() => {\r\n if (onValueChange) onValueChange(item.value)\r\n setOpen(false)\r\n }}\r\n >\r\n <Check\r\n className={cn(\r\n 'mr-2 h-4 w-4',\r\n item.value === value ? 'opacity-100' : 'opacity-0'\r\n )}\r\n />\r\n {!!item.icon && <span className=\"mr-2\">{item.icon}</span>}\r\n {item.label}\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n )}\r\n </ScrollArea>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ComboBox }\r\n"],"names":["ComboBox","items","name","value","valueIcon","language","disabled","onValueChange","open","setOpen","useState","search","setSearch","filteredItems","item","Popover","PopoverTrigger","Button","cn","e","CaretDown","PopoverContent","Command","CommandInput","ScrollArea","CommandEmpty","CommandGroup","CommandItem","Check"],"mappings":";qQAgCA,IAAMA,EAAW,CAAC,CAChBC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,SAAAA,EAAW,OAAO,CAClBC,SAAAA,EAAW,EAAK,CAChBC,cAAAA,CAAa,CACC,IACd,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,EAAAA,QAAAA,EAAS,IAC3B,CAACC,EAAQC,EAAU,CAAGF,GAAAA,EAAAA,QAAAA,EAAS,IAE/BG,EAAgBZ,GAAO,OAAOa,GAClCA,EAAK,KAAK,CAAC,WAAW,GAAG,QAAQ,CAACH,GAAQ,gBAG5C,MACE,WAACI,EAAAA,OAAOA,CAAAA,CAAC,KAAMP,EAAM,aAAcC,E,UACjC,UAACO,EAAAA,cAAcA,CAAAA,CAAC,QAAO,GAAC,UAAU,Q,SAChC,WAACC,EAAAA,MAAMA,CAAAA,CACL,QAAQ,YAER,KAAK,WACL,SAAUX,EACV,UAAWY,GAAAA,EAAAA,EAAAA,EACT,8BACA,CAACf,GAAS,qBAEZ,QAASgB,GAAKA,EAAE,eAAe,G,UAE/B,WAAC,OAAI,UAAU,4C,UACZhB,GAASC,GAAa,UAAC,Q,SAAMA,C,GAC7BD,EACC,UAAC,KAAE,UAAU,c,SACVF,GAAO,KAAKa,GAAQA,EAAK,KAAK,GAAKX,IAAQ,K,GAG9C,UAAC,K,SACEE,UAAAA,EACG,4BACAA,UAAAA,EACE,mBACA,yB,MAIZ,UAACe,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,2D,QAIhB,UAACC,EAAAA,cAAcA,CAAAA,CACb,UAAU,wDACV,MAAM,Q,SAEN,WAACC,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CACX,KAAMrB,EACN,MAAOS,EACP,cAAeC,EACf,YACEP,UAAAA,EACI,wBACAA,UAAAA,EACE,oBACA,6B,GAGV,UAACmB,EAAAA,UAAUA,CAAAA,CAAC,UAAU,4B,SACnBX,GAAe,SAAW,EACzB,UAACY,EAAAA,YAAYA,CAAAA,C,SACVpB,UAAAA,EACG,iCACAA,UAAAA,EACE,mBACA,4B,GAGR,UAACqB,EAAAA,YAAYA,CAAAA,C,SACVb,GAAe,IAAIC,GAClB,WAACa,EAAAA,WAAWA,CAAAA,CAEV,MAAOb,EAAK,KAAK,CACjB,SAAU,KACJP,GAAeA,EAAcO,EAAK,KAAK,EAC3CL,EAAQ,GACV,E,UAEA,UAACmB,EAAAA,KAAKA,CAAAA,CACJ,UAAWV,GAAAA,EAAAA,EAAAA,EACT,eACAJ,EAAK,KAAK,GAAKX,EAAQ,cAAgB,Y,GAG1C,CAAC,CAACW,EAAK,IAAI,EAAI,UAAC,QAAK,UAAU,O,SAAQA,EAAK,IAAI,GAChDA,EAAK,KAAK,C,EAdNA,EAAK,KAAK,E,YAwBnC,S"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react'\r\nimport type { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\n\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogDescription,\r\n DialogTitle,\r\n} from '@/components/dialog'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex flex-col overflow-hidden rounded-[inherit] bg-white text-gbm-dark outline-hidden',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"rounded-t-lg sm:rounded-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div\r\n className=\"relative\"\r\n cmdk-input-wrapper=\"\"\r\n data-slot=\"command-input-wrapper\"\r\n >\r\n <MagnifyingGlass className=\"-translate-1/2 absolute top-1/2 left-6 size-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-12 w-full rounded-md border px-3 pl-10 text-base outline-hidden placeholder:text-gray-500 disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-gbm-dark [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"group/command-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden aria-disabled:opacity-50 aria-selected:bg-gray-100 aria-selected:text-gbm-dark [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-500 [&_svg]:shrink-0\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandLoading\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandLoading({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Loading>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Loading\r\n className={cn('flex justify-center p-2', className)}\r\n data-slot=\"command-loading\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn('ml-auto text-gray-500 text-xs tracking-widest', className)}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandLoading,\r\n CommandSeparator,\r\n CommandShortcut,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading","CommandShortcut"],"mappings":";qNAoBA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,wFACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,6BACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,oL,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OACC,UAAU,WACV,qBAAmB,GACnB,YAAU,wB,UAEV,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,mE,GAC3B,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,uHACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,6CAA8CH,GAC5D,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,+MACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kTACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAe,CACtBlB,UAAAA,CAAS,CACT,GAAGC,EAC6C,EAChD,MACE,UAACC,EAAAA,OAAAA,CAAAA,OAAwB,EACvB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,0BAA2BH,GACzC,YAAU,kBACT,GAAGC,CAAK,EAGf,CAMA,SAASkB,EAAgB,CACvBnB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,gDAAiDH,GAC/D,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/context-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/context-menu.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react'\n\nimport { CaretRight, Check, Dot } from '@phosphor-icons/react'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\n\nimport { cn } from '@/lib/utils'\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenu\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenu({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuTrigger\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuTrigger({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuGroup\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSub\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSub({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubTrigger\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.SubTrigger\n className={cn(\n \"flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-sub-trigger\"\n {...props}\n >\n {children}\n <CaretRight className=\"ml-auto size-4\" />\n </ContextMenuPrimitive.SubTrigger>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubConent\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.SubContent\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-sub-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuContent\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' | 'destructive'\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Item\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-error/10 dark:data-[variant=destructive]:focus:bg-error/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-error/80 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-item\"\n data-variant={variant}\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuCheckboxItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Check className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioItem\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Dot className=\"size-4 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuLabel\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Label\n className={cn(\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-label\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSeparator\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element {\n return (\n <ContextMenuPrimitive.Separator\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\n data-slot=\"context-menu-separator\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuShortcut\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: ComponentProps<'span'>): JSX.Element {\n return (\n <span\n className={cn(\n 'ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-error/80',\n className\n )}\n data-slot=\"context-menu-shortcut\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuArrow\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuArrow({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Arrow>): JSX.Element {\n return (\n <ContextMenuPrimitive.Arrow\n className={cn('fill-white', className)}\n data-slot=\"context-menu-arrow\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n ContextMenu,\n ContextMenuArrow,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n}\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","children","className","inset","cn","CaretRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Dot","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut","ContextMenuArrow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\context-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/context-menu.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react'\n\nimport { CaretRight, Check, Dot } from '@phosphor-icons/react'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\n\nimport { cn } from '@/lib/utils'\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenu\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenu({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuTrigger\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuTrigger({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuGroup\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSub\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSub({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioGroup\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubTrigger\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.SubTrigger\n className={cn(\n \"flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-sub-trigger\"\n {...props}\n >\n {children}\n <CaretRight className=\"ml-auto size-4\" />\n </ContextMenuPrimitive.SubTrigger>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubConent\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.SubContent\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-sub-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuContent\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' | 'destructive'\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Item\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-error/10 dark:data-[variant=destructive]:focus:bg-error/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-error/80 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-item\"\n data-variant={variant}\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuCheckboxItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Check className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioItem\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioItem\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Dot className=\"size-4 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuLabel\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Label\n className={cn(\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-label\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSeparator\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element {\n return (\n <ContextMenuPrimitive.Separator\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\n data-slot=\"context-menu-separator\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuShortcut\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: ComponentProps<'span'>): JSX.Element {\n return (\n <span\n className={cn(\n 'ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-error/80',\n className\n )}\n data-slot=\"context-menu-shortcut\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuArrow\n * -------------------------------------------------------------------------- */\n\nfunction ContextMenuArrow({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Arrow>): JSX.Element {\n return (\n <ContextMenuPrimitive.Arrow\n className={cn('fill-white', className)}\n data-slot=\"context-menu-arrow\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n ContextMenu,\n ContextMenuArrow,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n}\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","children","className","inset","cn","CaretRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Dot","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut","ContextMenuArrow"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element | DocumentFragment | null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"secondary\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-8' : 'h-8',\r\n className\r\n )}\r\n disabled={disabled || isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-8 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-4\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Limpar seleção</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","visible","ReactDOM","AnimatePresence","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\data-table\\data-table-advanced-toolbar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-advanced-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport type { Table } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableAdvancedToolbarProps<TData>\r\n extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableAdvancedToolbar<TData>({\r\n table,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableAdvancedToolbarProps<TData>) {\r\n return (\r\n <div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n className={cn(\r\n 'flex w-full items-start justify-between gap-2 p-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex flex-1 flex-wrap items-center gap-2\">{children}</div>\r\n <div className=\"flex items-center gap-2\">\r\n <DataTableViewOptions table={table} />\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableAdvancedToolbar","table","children","className","props","cn","DataTableViewOptions"],"mappings":";wHAaO,SAASA,EAAgC,CAC9CC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EACkC,EACrC,MACE,WAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,oDACAF,GAED,GAAGC,CAAK,C,UAET,UAAC,OAAI,UAAU,2C,SAA4CF,C,GAC3D,UAAC,OAAI,UAAU,0B,SACb,UAACI,EAAAA,oBAAoBA,CAAAA,CAAC,MAAOL,C,OAIrC,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\data-table\\data-table-column-header.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-column-header.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n CaretDown,\r\n CaretUp,\r\n CaretUpDown,\r\n EyeSlash,\r\n X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from '@/components/dropdown-menu'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue>\r\n extends React.ComponentProps<typeof DropdownMenuTrigger> {\r\n column: Column<TData, TValue>\r\n title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n column,\r\n title,\r\n className,\r\n ...props\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n if (!column.getCanSort() && !column.getCanHide()) {\r\n return <div className={cn(className)}>{title}</div>\r\n }\r\n\r\n return (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger\r\n className={cn(\r\n '-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-stroke data-[state=open]:bg-gray-50 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-gbm-dark',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {title}\r\n {column.getCanSort() &&\r\n (column.getIsSorted() === 'desc' ? (\r\n <CaretDown weight=\"bold\" />\r\n ) : column.getIsSorted() === 'asc' ? (\r\n <CaretUp weight=\"bold\" />\r\n ) : (\r\n <CaretUpDown weight=\"bold\" />\r\n ))}\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"start\" className=\"w-28\">\r\n {column.getCanSort() && (\r\n <>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n checked={column.getIsSorted() === 'asc'}\r\n onClick={() => column.toggleSorting(false)}\r\n >\r\n <CaretUp className=\"size-4\" />\r\n Asc\r\n </DropdownMenuCheckboxItem>\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n checked={column.getIsSorted() === 'desc'}\r\n onClick={() => column.toggleSorting(true)}\r\n >\r\n <CaretDown className=\"size-4\" />\r\n Desc\r\n </DropdownMenuCheckboxItem>\r\n {column.getIsSorted() && (\r\n <DropdownMenuItem\r\n className=\"gap-2 pl-2 [&_svg]:text-gray-500\"\r\n onClick={() => column.clearSorting()}\r\n >\r\n <X className=\"size-4\" />\r\n Resetar\r\n </DropdownMenuItem>\r\n )}\r\n </>\r\n )}\r\n {column.getCanHide() && (\r\n <DropdownMenuCheckboxItem\r\n className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n checked={!column.getIsVisible()}\r\n onClick={() => column.toggleVisibility(false)}\r\n >\r\n <EyeSlash className=\"size-4\" />\r\n Ocultar\r\n </DropdownMenuCheckboxItem>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )\r\n}\r\n"],"names":["DataTableColumnHeader","column","title","className","props","DropdownMenu","DropdownMenuTrigger","cn","CaretDown","CaretUp","CaretUpDown","DropdownMenuContent","DropdownMenuCheckboxItem","DropdownMenuItem","X","EyeSlash"],"mappings":";uJA0BO,SAASA,EAAqC,CACnDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACT,GAAGC,EACuC,SAC1C,EAAY,UAAU,IAAOH,EAAO,UAAU,GAK5C,WAACI,EAAAA,YAAYA,CAAAA,C,UACX,WAACC,EAAAA,mBAAmBA,CAAAA,CAClB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,qNACAJ,GAED,GAAGC,CAAK,C,UAERF,EACAD,EAAO,UAAU,IACfA,CAAAA,SAAAA,EAAO,WAAW,GACjB,UAACO,EAAAA,SAASA,CAAAA,CAAC,OAAO,M,GAChBP,QAAAA,EAAO,WAAW,GACpB,UAACQ,EAAAA,OAAOA,CAAAA,CAAC,OAAO,M,GAEhB,UAACC,EAAAA,WAAWA,CAAAA,CAAC,OAAO,M,OAG1B,WAACC,EAAAA,mBAAmBA,CAAAA,CAAC,MAAM,QAAQ,UAAU,O,UAC1CV,EAAO,UAAU,IAChB,uB,UACE,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,QAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACQ,EAAAA,OAAOA,CAAAA,CAAC,UAAU,Q,GAAW,M,GAGhC,WAACG,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,SAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACO,EAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GAAW,O,GAGjCP,EAAO,WAAW,IACjB,WAACY,EAAAA,gBAAgBA,CAAAA,CACf,UAAU,mCACV,QAAS,IAAMZ,EAAO,YAAY,G,UAElC,UAACa,EAAAA,CAACA,CAAAA,CAAC,UAAU,Q,GAAW,U,MAM/Bb,EAAO,UAAU,IAChB,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,qHACV,QAAS,CAACX,EAAO,YAAY,GAC7B,QAAS,IAAMA,EAAO,gBAAgB,CAAC,I,UAEvC,UAACc,EAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GAAW,U,SA1DhC,UAAC,OAAI,UAAWR,GAAAA,EAAAA,EAAAA,EAAGJ,G,SAAaD,C,EAiE3C,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/data-table/data-table-date-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\n\nimport { CalendarBlank, XCircle } from '@phosphor-icons/react'\nimport type { Column } from '@tanstack/react-table'\nimport * as React from 'react'\nimport type { DateRange } from 'react-day-picker'\n\nimport { Button } from '@/components/button'\nimport { Calendar } from '@/components/calendar'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\nimport { Separator } from '@/components/separator'\nimport { formatDate } from '@/lib/format'\n\ntype DateSelection = Date[] | DateRange\n\nfunction getIsDateRange(value: DateSelection): value is DateRange {\n return value && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\n if (!timestamp) return undefined\n const numericTimestamp =\n typeof timestamp === 'string' ? Number(timestamp) : timestamp\n const date = new Date(numericTimestamp)\n return !Number.isNaN(date.getTime()) ? date : undefined\n}\n\nfunction parseColumnFilterValue(value: unknown) {\n if (value === null || value === undefined) {\n return []\n }\n\n if (Array.isArray(value)) {\n return value.map(item => {\n if (typeof item === 'number' || typeof item === 'string') {\n return item\n }\n return undefined\n })\n }\n\n if (typeof value === 'string' || typeof value === 'number') {\n return [value]\n }\n\n return []\n}\n\ninterface DataTableDateFilterProps<TData> {\n column: Column<TData, unknown>\n title?: string\n multiple?: boolean\n}\n\nexport function DataTableDateFilter<TData>({\n column,\n title,\n multiple,\n}: DataTableDateFilterProps<TData>) {\n const columnFilterValue = column.getFilterValue()\n\n const selectedDates = React.useMemo<DateSelection>(() => {\n if (!columnFilterValue) {\n return multiple ? { from: undefined, to: undefined } : []\n }\n\n if (multiple) {\n const timestamps = parseColumnFilterValue(columnFilterValue)\n return {\n from: parseAsDate(timestamps[0]),\n to: parseAsDate(timestamps[1]),\n }\n }\n\n const timestamps = parseColumnFilterValue(columnFilterValue)\n const date = parseAsDate(timestamps[0])\n return date ? [date] : []\n }, [columnFilterValue, multiple])\n\n const onSelect = React.useCallback(\n (date: Date | DateRange | undefined) => {\n if (!date) {\n column.setFilterValue(undefined)\n return\n }\n\n if (multiple && !('getTime' in date)) {\n const from = date.from?.getTime()\n const to = date.to?.getTime()\n column.setFilterValue(from || to ? [from, to] : undefined)\n } else if (!multiple && 'getTime' in date) {\n column.setFilterValue(date.getTime())\n }\n },\n [column, multiple]\n )\n\n const onReset = React.useCallback(\n (event: React.MouseEvent) => {\n event.stopPropagation()\n column.setFilterValue(undefined)\n },\n [column]\n )\n\n const hasValue = React.useMemo(() => {\n if (multiple) {\n if (!getIsDateRange(selectedDates)) return false\n return selectedDates.from || selectedDates.to\n }\n if (!Array.isArray(selectedDates)) return false\n return selectedDates.length > 0\n }, [multiple, selectedDates])\n\n const formatDateRange = React.useCallback((range: DateRange) => {\n if (!range.from && !range.to) return ''\n if (range.from && range.to) {\n return `${formatDate(range.from)} - ${formatDate(range.to)}`\n }\n return formatDate(range.from ?? range.to)\n }, [])\n\n const label = React.useMemo(() => {\n if (multiple) {\n if (!getIsDateRange(selectedDates)) return null\n\n const hasSelectedDates = selectedDates.from || selectedDates.to\n const dateText = hasSelectedDates\n ? formatDateRange(selectedDates)\n : 'Select date range'\n\n return (\n <span className=\"flex items-center gap-2\">\n <span>{title}</span>\n {hasSelectedDates && (\n <>\n <Separator\n orientation=\"vertical\"\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\n />\n <span>{dateText}</span>\n </>\n )}\n </span>\n )\n }\n\n if (getIsDateRange(selectedDates)) return null\n\n const hasSelectedDate = selectedDates.length > 0\n const dateText = hasSelectedDate\n ? formatDate(selectedDates[0])\n : 'Select date'\n\n return (\n <span className=\"flex items-center gap-2\">\n <span>{title}</span>\n {hasSelectedDate && (\n <>\n <Separator\n orientation=\"vertical\"\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\n />\n <span>{dateText}</span>\n </>\n )}\n </span>\n )\n }, [selectedDates, multiple, formatDateRange, title])\n\n return (\n <Popover>\n <PopoverTrigger asChild>\n <Button variant=\"secondary\" size=\"sm\">\n {hasValue ? (\n <div\n role=\"button\"\n aria-label={`Clear ${title} filter`}\n tabIndex={0}\n onClick={onReset}\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n >\n <XCircle />\n </div>\n ) : (\n <CalendarBlank />\n )}\n {label}\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\n {multiple ? (\n <Calendar\n initialFocus\n mode=\"range\"\n selected={\n getIsDateRange(selectedDates)\n ? selectedDates\n : { from: undefined, to: undefined }\n }\n onSelect={onSelect}\n />\n ) : (\n <Calendar\n initialFocus\n mode=\"single\"\n selected={\n !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\n }\n onSelect={onSelect}\n />\n )}\n </PopoverContent>\n </Popover>\n )\n}\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarBlank","PopoverContent","Calendar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\data-table\\data-table-date-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-date-filter.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\nimport type { DateRange } from 'react-day-picker'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { formatDate } from '@/lib/format'\r\n\r\ntype DateSelection = Date[] | DateRange\r\n\r\nfunction getIsDateRange(value: DateSelection): value is DateRange {\r\n return value && typeof value === 'object' && !Array.isArray(value)\r\n}\r\n\r\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\r\n if (!timestamp) return undefined\r\n const numericTimestamp =\r\n typeof timestamp === 'string' ? Number(timestamp) : timestamp\r\n const date = new Date(numericTimestamp)\r\n return !Number.isNaN(date.getTime()) ? date : undefined\r\n}\r\n\r\nfunction parseColumnFilterValue(value: unknown) {\r\n if (value === null || value === undefined) {\r\n return []\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n return value.map(item => {\r\n if (typeof item === 'number' || typeof item === 'string') {\r\n return item\r\n }\r\n return undefined\r\n })\r\n }\r\n\r\n if (typeof value === 'string' || typeof value === 'number') {\r\n return [value]\r\n }\r\n\r\n return []\r\n}\r\n\r\ninterface DataTableDateFilterProps<TData> {\r\n column: Column<TData, unknown>\r\n title?: string\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableDateFilter<TData>({\r\n column,\r\n title,\r\n multiple,\r\n}: DataTableDateFilterProps<TData>) {\r\n const columnFilterValue = column.getFilterValue()\r\n\r\n const selectedDates = React.useMemo<DateSelection>(() => {\r\n if (!columnFilterValue) {\r\n return multiple ? { from: undefined, to: undefined } : []\r\n }\r\n\r\n if (multiple) {\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n return {\r\n from: parseAsDate(timestamps[0]),\r\n to: parseAsDate(timestamps[1]),\r\n }\r\n }\r\n\r\n const timestamps = parseColumnFilterValue(columnFilterValue)\r\n const date = parseAsDate(timestamps[0])\r\n return date ? [date] : []\r\n }, [columnFilterValue, multiple])\r\n\r\n const onSelect = React.useCallback(\r\n (date: Date | DateRange | undefined) => {\r\n if (!date) {\r\n column.setFilterValue(undefined)\r\n return\r\n }\r\n\r\n if (multiple && !('getTime' in date)) {\r\n const from = date.from?.getTime()\r\n const to = date.to?.getTime()\r\n column.setFilterValue(from || to ? [from, to] : undefined)\r\n } else if (!multiple && 'getTime' in date) {\r\n column.setFilterValue(date.getTime())\r\n }\r\n },\r\n [column, multiple]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event: React.MouseEvent) => {\r\n event.stopPropagation()\r\n column.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n const hasValue = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return false\r\n return selectedDates.from || selectedDates.to\r\n }\r\n if (!Array.isArray(selectedDates)) return false\r\n return selectedDates.length > 0\r\n }, [multiple, selectedDates])\r\n\r\n const formatDateRange = React.useCallback((range: DateRange) => {\r\n if (!range.from && !range.to) return ''\r\n if (range.from && range.to) {\r\n return `${formatDate(range.from)} - ${formatDate(range.to)}`\r\n }\r\n return formatDate(range.from ?? range.to)\r\n }, [])\r\n\r\n const label = React.useMemo(() => {\r\n if (multiple) {\r\n if (!getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDates = selectedDates.from || selectedDates.to\r\n const dateText = hasSelectedDates\r\n ? formatDateRange(selectedDates)\r\n : 'Select date range'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDates && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }\r\n\r\n if (getIsDateRange(selectedDates)) return null\r\n\r\n const hasSelectedDate = selectedDates.length > 0\r\n const dateText = hasSelectedDate\r\n ? formatDate(selectedDates[0])\r\n : 'Select date'\r\n\r\n return (\r\n <span className=\"flex items-center gap-2\">\r\n <span>{title}</span>\r\n {hasSelectedDate && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <span>{dateText}</span>\r\n </>\r\n )}\r\n </span>\r\n )\r\n }, [selectedDates, multiple, formatDateRange, title])\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"secondary\" size=\"sm\">\r\n {hasValue ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <CalendarBlank />\r\n )}\r\n {label}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n {multiple ? (\r\n <Calendar\r\n initialFocus\r\n mode=\"range\"\r\n selected={\r\n getIsDateRange(selectedDates)\r\n ? selectedDates\r\n : { from: undefined, to: undefined }\r\n }\r\n onSelect={onSelect}\r\n />\r\n ) : (\r\n <Calendar\r\n initialFocus\r\n mode=\"single\"\r\n selected={\r\n !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\r\n }\r\n onSelect={onSelect}\r\n />\r\n )}\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["getIsDateRange","value","Array","parseAsDate","timestamp","date","Date","Number","undefined","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","Separator","hasSelectedDate","Popover","PopoverTrigger","Button","XCircle","CalendarBlank","PopoverContent","Calendar"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components\\data-table\\data-table-faceted-filter.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-faceted-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Option } from '@/types/data-table'\r\nimport { Check, PlusCircle, XCircle } from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandSeparator,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableFacetedFilterProps<TData, TValue> {\r\n column?: Column<TData, TValue>\r\n title?: string\r\n options: Option[]\r\n multiple?: boolean\r\n}\r\n\r\nexport function DataTableFacetedFilter<TData, TValue>({\r\n column,\r\n title,\r\n options,\r\n multiple,\r\n}: DataTableFacetedFilterProps<TData, TValue>) {\r\n const [open, setOpen] = React.useState(false)\r\n\r\n const columnFilterValue = column?.getFilterValue()\r\n const selectedValues = new Set(\r\n Array.isArray(columnFilterValue) ? columnFilterValue : []\r\n )\r\n\r\n const onItemSelect = React.useCallback(\r\n (option: Option, isSelected: boolean) => {\r\n if (!column) return\r\n\r\n if (multiple) {\r\n const newSelectedValues = new Set(selectedValues)\r\n if (isSelected) {\r\n newSelectedValues.delete(option.value)\r\n } else {\r\n newSelectedValues.add(option.value)\r\n }\r\n const filterValues = Array.from(newSelectedValues)\r\n column.setFilterValue(filterValues.length ? filterValues : undefined)\r\n } else {\r\n column.setFilterValue(isSelected ? undefined : [option.value])\r\n setOpen(false)\r\n }\r\n },\r\n [column, multiple, selectedValues]\r\n )\r\n\r\n const onReset = React.useCallback(\r\n (event?: React.MouseEvent) => {\r\n event?.stopPropagation()\r\n column?.setFilterValue(undefined)\r\n },\r\n [column]\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button variant=\"secondary\" size=\"sm\">\r\n {selectedValues?.size > 0 ? (\r\n <div\r\n role=\"button\"\r\n aria-label={`Clear ${title} filter`}\r\n tabIndex={0}\r\n onClick={onReset}\r\n className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n >\r\n <XCircle />\r\n </div>\r\n ) : (\r\n <PlusCircle />\r\n )}\r\n {title}\r\n {selectedValues?.size > 0 && (\r\n <>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n />\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal lg:hidden\"\r\n >\r\n {selectedValues.size}\r\n </Badge>\r\n <div className=\"hidden items-center gap-1 lg:flex\">\r\n {selectedValues.size > 2 ? (\r\n <Badge\r\n variant=\"secondary\"\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {selectedValues.size} selected\r\n </Badge>\r\n ) : (\r\n options\r\n .filter(option => selectedValues.has(option.value))\r\n .map(option => (\r\n <Badge\r\n variant=\"secondary\"\r\n key={option.value}\r\n className=\"rounded-sm px-1 font-normal\"\r\n >\r\n {option.label}\r\n </Badge>\r\n ))\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[12.5rem] p-0\" align=\"start\">\r\n <Command>\r\n <CommandInput placeholder={title} />\r\n <CommandList className=\"max-h-full\">\r\n <CommandEmpty>No results found.</CommandEmpty>\r\n <CommandGroup className=\"max-h-[18.75rem] overflow-y-auto overflow-x-hidden\">\r\n {options.map(option => {\r\n const isSelected = selectedValues.has(option.value)\r\n\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => onItemSelect(option, isSelected)}\r\n >\r\n <div\r\n className={cn(\r\n 'flex size-4 items-center justify-center rounded-sm border border-primary',\r\n isSelected\r\n ? 'bg-primary'\r\n : 'opacity-50 [&_svg]:invisible'\r\n )}\r\n >\r\n <Check />\r\n </div>\r\n {option.icon && <option.icon />}\r\n <span className=\"truncate\">{option.label}</span>\r\n {option.count && (\r\n <span className=\"ml-auto font-mono text-xs\">\r\n {option.count}\r\n </span>\r\n )}\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n {selectedValues.size > 0 && (\r\n <>\r\n <CommandSeparator />\r\n <CommandGroup>\r\n <CommandItem\r\n onSelect={() => onReset()}\r\n className=\"justify-center text-center\"\r\n >\r\n Limpar filtros\r\n </CommandItem>\r\n </CommandGroup>\r\n </>\r\n )}\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n"],"names":["DataTableFacetedFilter","column","title","options","multiple","open","setOpen","React","columnFilterValue","selectedValues","Set","Array","onItemSelect","option","isSelected","newSelectedValues","filterValues","undefined","onReset","event","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","cn","Check","CommandSeparator"],"mappings":"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"}
|