npm - @acmekit/ui - Versions diffs - 4.1.1 - Mend

@acmekit/ui 4.1.1

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 (1091) hide show

package/dist/cjs/blocks/data-table/components/data-table-filter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-filter.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-filter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CheckMini, EllipseMiniSolid, XMark, XMarkMini, MagnifyingGlass } from \"@acmekit/icons\"\nimport * as React from \"react\"\n\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\nimport type {\n DataTableDateComparisonOperator,\n DataTableNumberComparisonOperator,\n DataTableDateFilterProps,\n DataTableMultiselectFilterProps,\n DataTableStringFilterProps,\n DataTableNumberFilterProps,\n DataTableCustomFilterProps,\n DataTableFilterOption,\n} from \"@/blocks/data-table/types\"\nimport { isDateComparisonOperator } from \"@/blocks/data-table/utils/is-date-comparison-operator\"\nimport { DatePicker } from \"@/components/date-picker\"\nimport { Label } from \"@/components/label\"\nimport { Popover } from \"@/components/popover\"\nimport { Input } from \"@/components/input\"\nimport { Select } from \"@/components/select\"\nimport { Checkbox } from \"@/components/checkbox\"\nimport { clx } from \"@/utils/clx\"\n\ninterface DataTableFilterProps {\n id: string\n filter: unknown\n isNew?: boolean\n onUpdate?: (value: unknown) => void\n onRemove?: () => void\n}\n\nconst DEFAULT_FORMAT_DATE_VALUE = (d: Date) =>\n d.toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n })\nconst DEFAULT_RANGE_OPTION_LABEL = \"Custom\"\nconst DEFAULT_RANGE_OPTION_START_LABEL = \"Starting\"\nconst DEFAULT_RANGE_OPTION_END_LABEL = \"Ending\"\n\nconst DataTableFilter = ({ id, filter, isNew = false, onUpdate, onRemove }: DataTableFilterProps) => {\n const { instance } = useDataTableContext()\n\n // Initialize open state based on isNew prop\n const [open, setOpen] = React.useState(isNew)\n const [hasInteracted, setHasInteracted] = React.useState(false)\n\n const meta = instance.getFilterMeta(id)\n\n if (!meta) {\n return null\n }\n\n const { type, label, ...rest } = meta\n const options = (meta as any).options\n\n // Helper to check if filter has a meaningful value\n const hasValue = React.useMemo(() => {\n if (filter === null || filter === undefined) return false\n if (typeof filter === \"string\" && filter === \"\") return false\n if (Array.isArray(filter) && filter.length === 0) return false\n if (typeof filter === \"number\") return true\n if (isDateComparisonOperator(filter)) {\n return !!(filter.$gte || filter.$lte || filter.$gt || filter.$lt)\n }\n if (typeof filter === \"object\" && filter !== null) {\n // For number comparison operators\n const keys = Object.keys(filter)\n return keys.length > 0 && (filter as any)[keys[0]] !== null && (filter as any)[keys[0]] !== undefined\n }\n return true\n }, [filter])\n\n const onOpenChange = React.useCallback(\n (newOpen: boolean) => {\n setOpen(newOpen)\n\n // Mark as interacted when user closes\n if (!newOpen && open) {\n setHasInteracted(true)\n }\n\n // If closing without a value, remove filter\n // For new filters that haven't been interacted with, remove immediately\n if (!newOpen && !hasValue) {\n // Only remove if it's a new filter being closed without interaction,\n // or if it's an existing filter with no value\n if ((isNew && !hasInteracted) || !isNew) {\n if (onRemove) {\n onRemove()\n } else {\n instance.removeFilter(id)\n }\n }\n }\n },\n [instance, id, open, hasInteracted, isNew, hasValue, onRemove]\n )\n\n const removeFilter = React.useCallback(() => {\n if (onRemove) {\n onRemove()\n } else {\n instance.removeFilter(id)\n }\n }, [instance, id, onRemove])\n\n const { displayValue, isCustomRange } = React.useMemo(() => {\n let displayValue: string | null = null\n let isCustomRange = false\n\n if (typeof filter === \"string\") {\n // For string filters without options, just show the value\n if (!options || options.length === 0) {\n displayValue = filter\n } else {\n displayValue = options?.find((o: any) => o.value === filter)?.label ?? null\n }\n }\n\n if (typeof filter === \"number\") {\n displayValue = String(filter)\n }\n\n if (Array.isArray(filter)) {\n displayValue =\n filter\n .map((v) => options?.find((o: any) => o.value === v)?.label)\n .join(\", \") ?? null\n }\n\n if (isDateComparisonOperator(filter)) {\n // First check if it matches a predefined option\n displayValue =\n options?.find((o: any) => {\n if (!isDateComparisonOperator(o.value)) {\n return false\n }\n\n return (\n (filter.$gte === o.value.$gte || (!filter.$gte && !o.value.$gte)) &&\n (filter.$lte === o.value.$lte || (!filter.$lte && !o.value.$lte)) &&\n (filter.$gt === o.value.$gt || (!filter.$gt && !o.value.$gt)) &&\n (filter.$lt === o.value.$lt || (!filter.$lt && !o.value.$lt))\n )\n })?.label ?? null\n\n // If no match found, it's a custom range\n if (!displayValue && isDateFilterProps(meta)) {\n isCustomRange = true\n const formatDateValue = meta.formatDateValue\n ? meta.formatDateValue\n : DEFAULT_FORMAT_DATE_VALUE\n\n if (filter.$gte && !filter.$lte) {\n displayValue = `${meta.rangeOptionStartLabel || DEFAULT_RANGE_OPTION_START_LABEL\n } ${formatDateValue(new Date(filter.$gte))}`\n }\n\n if (filter.$lte && !filter.$gte) {\n displayValue = `${meta.rangeOptionEndLabel || DEFAULT_RANGE_OPTION_END_LABEL\n } ${formatDateValue(new Date(filter.$lte))}`\n }\n\n if (filter.$gte && filter.$lte) {\n displayValue = `${formatDateValue(\n new Date(filter.$gte)\n )} - ${formatDateValue(new Date(filter.$lte))}`\n }\n }\n }\n\n // Handle number comparison operators\n if (typeof filter === \"object\" && filter !== null && !Array.isArray(filter) && !isDateComparisonOperator(filter)) {\n const operators: Record<string, string> = {\n $eq: \"=\",\n $gt: \">\",\n $gte: \"≥\",\n $lt: \"<\",\n $lte: \"≤\",\n }\n\n const op = Object.keys(filter)[0]\n const opLabel = operators[op] || op\n const value = (filter as any)[op]\n\n if (typeof value === \"number\") {\n displayValue = `${opLabel} ${value}`\n }\n }\n\n return { displayValue, isCustomRange }\n }, [filter, options, meta])\n\n return (\n <Popover open={open} onOpenChange={onOpenChange} modal>\n <div\n className={clx(\n \"bg-ui-bg-field flex flex-shrink-0 items-stretch overflow-hidden rounded-md\",\n \"txt-compact-small-plus shadow-borders-base\"\n )}\n >\n {!hasValue && isNew && <Popover.Anchor />}\n <div\n className={clx(\n \"flex items-center px-2 py-1 text-ui-fg-muted\",\n {\n \"border-r\": hasValue\n }\n )}\n >\n {label || id}\n </div>\n {hasValue && (\n <>\n {(type === \"select\" || type === \"multiselect\" || type === \"radio\") && (\n <div className=\"flex items-center border-r px-2 py-1 text-ui-fg-muted\">\n is\n </div>\n )}\n <Popover.Trigger asChild>\n <button\n className={clx(\n \"flex flex-1 items-center px-2 py-1 outline-none\",\n \"hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed transition-fg\",\n {\n \"text-ui-fg-subtle\": displayValue,\n \"text-ui-fg-muted\": !displayValue,\n \"min-w-[80px] justify-center\": !displayValue,\n \"border-r\": true\n }\n )}\n >\n {displayValue || \"\\u00A0\"}\n </button>\n </Popover.Trigger>\n <button\n type=\"button\"\n className=\"flex size-7 items-center justify-center text-ui-fg-muted outline-none hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed transition-fg\"\n onClick={removeFilter}\n >\n <XMark />\n </button>\n </>\n )}\n </div>\n <Popover.Content\n align=\"start\"\n sideOffset={8}\n collisionPadding={16}\n hideWhenDetached\n className=\"bg-ui-bg-component p-0 outline-none\"\n onOpenAutoFocus={(e) => {\n if (isNew) {\n // For new filters, ensure the first input gets focus\n const target = e.currentTarget as HTMLElement\n if (target) {\n const firstInput = target.querySelector(\n 'input:not([type=\"hidden\"]), [role=\"list\"][tabindex=\"0\"]'\n ) as HTMLElement | null\n firstInput?.focus()\n }\n }\n }}\n onCloseAutoFocus={(e) => {\n // Prevent focus from going to the trigger when closing\n e.preventDefault()\n }}\n onInteractOutside={(e) => {\n // Check if the click is on a filter menu item\n const target = e.target as HTMLElement\n if (target.closest('[role=\"menuitem\"]')) {\n e.preventDefault()\n }\n }}\n >\n {(() => {\n switch (type) {\n case \"select\":\n return (\n <DataTableFilterSelectContent\n id={id}\n filter={filter as string[] | undefined}\n options={options as DataTableFilterOption<string>[]}\n isNew={isNew}\n onUpdate={onUpdate}\n />\n )\n case \"radio\":\n return (\n <DataTableFilterRadioContent\n id={id}\n filter={filter}\n options={options as DataTableFilterOption<string>[]}\n onUpdate={onUpdate}\n />\n )\n case \"date\":\n const dateRest = rest as Omit<DataTableDateFilterProps, 'id' | 'type' | 'label' | 'options'>\n return (\n <DataTableFilterDateContent\n id={id}\n filter={filter}\n options={\n options as DataTableFilterOption<DataTableDateComparisonOperator>[]\n }\n isCustomRange={isCustomRange}\n format={dateRest.format}\n rangeOptionLabel={dateRest.rangeOptionLabel}\n disableRangeOption={dateRest.disableRangeOption}\n rangeOptionStartLabel={dateRest.rangeOptionStartLabel}\n rangeOptionEndLabel={dateRest.rangeOptionEndLabel}\n onUpdate={onUpdate}\n />\n )\n case \"multiselect\":\n const multiselectRest = rest as Omit<DataTableMultiselectFilterProps, 'id' | 'type' | 'label' | 'options'>\n return (\n <DataTableFilterMultiselectContent\n id={id}\n filter={filter as string[] | undefined}\n options={options as DataTableFilterOption<string>[]}\n searchable={multiselectRest.searchable}\n onUpdate={onUpdate}\n />\n )\n case \"string\":\n const stringRest = rest as Omit<DataTableStringFilterProps, 'id' | 'type' | 'label'>\n return (\n <DataTableFilterStringContent\n id={id}\n filter={filter as string | undefined}\n placeholder={stringRest.placeholder}\n onUpdate={onUpdate}\n />\n )\n case \"number\":\n const numberRest = rest as Omit<DataTableNumberFilterProps, 'id' | 'type' | 'label'>\n return (\n <DataTableFilterNumberContent\n id={id}\n filter={filter}\n placeholder={numberRest.placeholder}\n includeOperators={numberRest.includeOperators}\n onUpdate={onUpdate}\n />\n )\n case \"custom\":\n const customRest = rest as Omit<DataTableCustomFilterProps, 'id' | 'type' | 'label'>\n return (\n <DataTableFilterCustomContent\n id={id}\n filter={filter}\n onRemove={removeFilter}\n render={customRest.render}\n onUpdate={onUpdate}\n />\n )\n default:\n return null\n }\n })()}\n </Popover.Content>\n </Popover>\n )\n}\nDataTableFilter.displayName = \"DataTable.Filter\"\n\ntype DataTableFilterDateContentProps = {\n id: string\n filter: unknown\n options: DataTableFilterOption<DataTableDateComparisonOperator>[]\n isCustomRange: boolean\n onUpdate?: (value: unknown) => void\n} & Pick<\n DataTableDateFilterProps,\n | \"format\"\n | \"rangeOptionLabel\"\n | \"disableRangeOption\"\n | \"rangeOptionStartLabel\"\n | \"rangeOptionEndLabel\"\n>\n\nconst DataTableFilterDateContent = ({\n id,\n filter,\n options,\n format = \"date\",\n rangeOptionLabel = DEFAULT_RANGE_OPTION_LABEL,\n rangeOptionStartLabel = DEFAULT_RANGE_OPTION_START_LABEL,\n rangeOptionEndLabel = DEFAULT_RANGE_OPTION_END_LABEL,\n disableRangeOption = false,\n isCustomRange,\n onUpdate,\n}: DataTableFilterDateContentProps) => {\n const currentValue = filter as DataTableDateComparisonOperator | undefined\n const { instance } = useDataTableContext()\n const [isCustom, setIsCustom] = React.useState(isCustomRange)\n\n // Sync isCustom state when isCustomRange changes\n React.useEffect(() => {\n setIsCustom(isCustomRange)\n }, [isCustomRange])\n\n const selectedValue = React.useMemo(() => {\n if (!currentValue || isCustom) {\n return undefined\n }\n\n return JSON.stringify(currentValue)\n }, [currentValue, isCustom])\n\n const onValueChange = React.useCallback(\n (valueStr: string) => {\n setIsCustom(false)\n\n const value = JSON.parse(valueStr) as DataTableDateComparisonOperator\n if (onUpdate) {\n onUpdate(value)\n } else {\n instance.updateFilter({ id, value })\n }\n },\n [instance, id, onUpdate]\n )\n\n const onSelectCustom = React.useCallback(() => {\n setIsCustom(true)\n // Don't clear the value when selecting custom - keep the current value\n }, [])\n\n const onCustomValueChange = React.useCallback(\n (input: \"$gte\" | \"$lte\", value: Date | null) => {\n const newCurrentValue = { ...currentValue }\n newCurrentValue[input] = value ? value.toISOString() : undefined\n if (onUpdate) {\n onUpdate(newCurrentValue)\n } else {\n instance.updateFilter({ id, value: newCurrentValue })\n }\n },\n [instance, id, currentValue, onUpdate]\n )\n\n const { focusedIndex, setFocusedIndex } = useKeyboardNavigation(\n options,\n (index) => {\n if (index === options.length && !disableRangeOption) {\n onSelectCustom()\n } else {\n onValueChange(JSON.stringify(options[index].value))\n }\n },\n disableRangeOption ? 0 : 1\n )\n\n const granularity = format === \"date-time\" ? \"minute\" : \"day\"\n\n const maxDate = currentValue?.$lte\n ? granularity === \"minute\"\n ? new Date(currentValue.$lte)\n : new Date(new Date(currentValue.$lte).setHours(23, 59, 59, 999))\n : undefined\n\n const minDate = currentValue?.$gte\n ? granularity === \"minute\"\n ? new Date(currentValue.$gte)\n : new Date(new Date(currentValue.$gte).setHours(0, 0, 0, 0))\n : undefined\n\n const initialFocusedIndex = isCustom ? options.length : 0\n\n const onListFocus = React.useCallback(() => {\n if (focusedIndex === -1) {\n setFocusedIndex(initialFocusedIndex)\n }\n }, [focusedIndex, initialFocusedIndex])\n\n return (\n <React.Fragment>\n <div\n className=\"flex flex-col p-1 outline-none\"\n tabIndex={0}\n role=\"list\"\n onFocus={onListFocus}\n autoFocus\n >\n {options.map((option, idx) => {\n const value = JSON.stringify(option.value)\n const isSelected = selectedValue === value\n\n return (\n <OptionButton\n key={idx}\n index={idx}\n option={option}\n isSelected={isSelected}\n isFocused={focusedIndex === idx}\n onClick={() => onValueChange(value)}\n onMouseEvent={setFocusedIndex}\n icon={EllipseMiniSolid}\n />\n )\n })}\n {!disableRangeOption && (\n <OptionButton\n index={options.length}\n option={{\n label: rangeOptionLabel,\n value: \"__custom\",\n }}\n icon={EllipseMiniSolid}\n isSelected={isCustom}\n isFocused={focusedIndex === options.length}\n onClick={onSelectCustom}\n onMouseEvent={setFocusedIndex}\n />\n )}\n </div>\n {!disableRangeOption && isCustom && (\n <React.Fragment>\n <div className=\"flex flex-col py-[3px]\">\n <div className=\"bg-ui-border-menu-top h-px w-full\" />\n <div className=\"bg-ui-border-menu-bot h-px w-full\" />\n </div>\n <div className=\"flex flex-col gap-2 px-2 pb-3 pt-1\">\n <div className=\"flex flex-col gap-1\">\n <Label id=\"custom-start-date-label\" size=\"xsmall\" weight=\"plus\">\n {rangeOptionStartLabel}\n </Label>\n <DatePicker\n aria-labelledby=\"custom-start-date-label\"\n granularity={granularity}\n maxValue={maxDate}\n value={currentValue?.$gte ? new Date(currentValue.$gte) : null}\n onChange={(value) => onCustomValueChange(\"$gte\", value)}\n />\n </div>\n <div className=\"flex flex-col gap-1\">\n <Label id=\"custom-end-date-label\" size=\"xsmall\" weight=\"plus\">\n {rangeOptionEndLabel}\n </Label>\n <DatePicker\n aria-labelledby=\"custom-end-date-label\"\n granularity={granularity}\n minValue={minDate}\n value={currentValue?.$lte ? new Date(currentValue.$lte) : null}\n onChange={(value) => onCustomValueChange(\"$lte\", value)}\n />\n </div>\n </div>\n </React.Fragment>\n )}\n </React.Fragment>\n )\n}\n\ntype DataTableFilterSelectContentProps = {\n id: string\n filter?: string[]\n options: DataTableFilterOption<string>[]\n isNew?: boolean\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterSelectContent = ({\n id,\n filter = [],\n options,\n isNew = false,\n onUpdate,\n}: DataTableFilterSelectContentProps) => {\n const { instance } = useDataTableContext()\n const [search, setSearch] = React.useState(\"\")\n\n const filteredOptions = React.useMemo(() => {\n if (!search) return options\n\n const searchLower = search.toLowerCase()\n return options.filter(opt =>\n opt.label.toLowerCase().includes(searchLower)\n )\n }, [options, search])\n\n const onValueChange = React.useCallback(\n (value: string) => {\n if (filter?.includes(value)) {\n const newValues = filter?.filter((v) => v !== value)\n const newValue = newValues.length > 0 ? newValues : undefined\n if (onUpdate) {\n onUpdate(newValue)\n } else {\n instance.updateFilter({\n id,\n value: newValue,\n })\n }\n } else {\n const newValue = [...(filter ?? []), value]\n if (onUpdate) {\n onUpdate(newValue)\n } else {\n instance.updateFilter({\n id,\n value: newValue,\n })\n }\n }\n },\n [instance, id, filter, onUpdate]\n )\n\n return (\n <div className=\"w-[250px]\">\n <div className=\"flex items-center gap-x-2 border-b px-3 py-1.5\">\n <MagnifyingGlass className=\"h-4 w-4 text-ui-fg-muted\" />\n <input\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder=\"Search...\"\n className=\"h-8 flex-1 bg-transparent text-sm outline-none placeholder:text-ui-fg-muted\"\n autoFocus\n />\n {search && (\n <button\n onClick={() => setSearch(\"\")}\n className=\"text-ui-fg-muted hover:text-ui-fg-subtle\"\n >\n <XMarkMini className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n\n <div className=\"max-h-[300px] overflow-auto p-1\">\n {filteredOptions.length === 0 && (\n <div className=\"py-6 text-center text-sm text-ui-fg-muted\">\n No results found\n </div>\n )}\n\n {filteredOptions.map(option => {\n const isSelected = filter?.includes(option.value)\n\n return (\n <button\n key={String(option.value)}\n onClick={() => onValueChange(option.value)}\n className={clx(\n \"flex w-full cursor-pointer items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-left\",\n \"hover:bg-ui-bg-base-hover\"\n )}\n >\n <div className=\"flex size-[15px] items-center justify-center\">\n {isSelected && <CheckMini />}\n </div>\n <span>{option.label}</span>\n </button>\n )\n })}\n </div>\n </div>\n )\n}\n\ntype DataTableFilterRadioContentProps = {\n id: string\n filter: unknown\n options: DataTableFilterOption<string>[]\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterRadioContent = ({\n id,\n filter,\n options,\n onUpdate,\n}: DataTableFilterRadioContentProps) => {\n const { instance } = useDataTableContext()\n\n const onValueChange = React.useCallback(\n (value: string) => {\n if (onUpdate) {\n onUpdate(value)\n } else {\n instance.updateFilter({ id, value })\n }\n },\n [instance, id, onUpdate]\n )\n\n const { focusedIndex, setFocusedIndex } = useKeyboardNavigation(\n options,\n (index) => onValueChange(options[index].value)\n )\n\n const onListFocus = React.useCallback(() => {\n if (focusedIndex === -1) {\n setFocusedIndex(0)\n }\n }, [focusedIndex])\n\n return (\n <div\n className=\"flex flex-col p-1 outline-none\"\n role=\"list\"\n tabIndex={0}\n onFocus={onListFocus}\n autoFocus\n >\n {options.map((option, idx) => {\n const isSelected = filter === option.value\n\n return (\n <OptionButton\n key={idx}\n index={idx}\n option={option}\n isSelected={isSelected}\n isFocused={focusedIndex === idx}\n onClick={() => onValueChange(option.value)}\n onMouseEvent={setFocusedIndex}\n icon={EllipseMiniSolid}\n />\n )\n })}\n </div>\n )\n}\n\nfunction isDateFilterProps(props?: unknown | null): props is DataTableDateFilterProps {\n if (!props) {\n return false\n }\n\n return (props as DataTableDateFilterProps).type === \"date\"\n}\n\nfunction isMultiselectFilterProps(props?: unknown | null): props is DataTableMultiselectFilterProps {\n if (!props) {\n return false\n }\n\n return (props as DataTableMultiselectFilterProps).type === \"multiselect\"\n}\n\nfunction isStringFilterProps(props?: unknown | null): props is DataTableStringFilterProps {\n if (!props) {\n return false\n }\n\n return (props as DataTableStringFilterProps).type === \"string\"\n}\n\nfunction isNumberFilterProps(props?: unknown | null): props is DataTableNumberFilterProps {\n if (!props) {\n return false\n }\n\n return (props as DataTableNumberFilterProps).type === \"number\"\n}\n\nfunction isCustomFilterProps(props?: unknown | null): props is DataTableCustomFilterProps {\n if (!props) {\n return false\n }\n\n return (props as DataTableCustomFilterProps).type === \"custom\"\n}\n\ntype OptionButtonProps = {\n index: number\n option: DataTableFilterOption<string | DataTableDateComparisonOperator>\n isSelected: boolean\n isFocused: boolean\n onClick: () => void\n onMouseEvent: (idx: number) => void\n icon: React.ElementType\n}\n\nconst OptionButton = React.memo(\n ({\n index,\n option,\n isSelected,\n isFocused,\n onClick,\n onMouseEvent,\n icon: Icon,\n }: OptionButtonProps) => (\n <button\n type=\"button\"\n role=\"listitem\"\n className={clx(\n \"bg-ui-bg-component txt-compact-small transition-fg flex items-center gap-2 rounded px-2 py-1 outline-none\",\n { \"bg-ui-bg-component-hover\": isFocused }\n )}\n onClick={onClick}\n onMouseEnter={() => onMouseEvent(index)}\n onMouseLeave={() => onMouseEvent(-1)}\n tabIndex={-1}\n >\n <div className=\"flex size-[15px] items-center justify-center\">\n {isSelected && <Icon />}\n </div>\n <span>{option.label}</span>\n </button>\n )\n)\n\nfunction useKeyboardNavigation(\n options: unknown[],\n onSelect: (index: number) => void,\n extraItems: number = 0\n) {\n const [focusedIndex, setFocusedIndex] = React.useState(-1)\n\n const onKeyDown = React.useCallback(\n (e: KeyboardEvent) => {\n const totalLength = options.length + extraItems\n\n if ((document.activeElement as HTMLElement).contentEditable === \"true\") {\n return\n }\n\n switch (e.key) {\n case \"ArrowDown\":\n e.preventDefault()\n setFocusedIndex((prev) => (prev < totalLength - 1 ? prev + 1 : prev))\n break\n case \"ArrowUp\":\n e.preventDefault()\n setFocusedIndex((prev) => (prev > 0 ? prev - 1 : prev))\n break\n case \" \":\n case \"Enter\":\n e.preventDefault()\n if (focusedIndex >= 0) {\n onSelect(focusedIndex)\n }\n break\n }\n },\n [options.length, extraItems, focusedIndex, onSelect]\n )\n\n React.useEffect(() => {\n window.addEventListener(\"keydown\", onKeyDown)\n\n return () => {\n window.removeEventListener(\"keydown\", onKeyDown)\n }\n }, [onKeyDown])\n\n return { focusedIndex, setFocusedIndex }\n}\n\ntype DataTableFilterMultiselectContentProps = {\n id: string\n filter?: string[]\n options: DataTableFilterOption<string>[]\n searchable?: boolean\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterMultiselectContent = ({\n id,\n filter = [],\n options,\n searchable = true,\n onUpdate,\n}: DataTableFilterMultiselectContentProps) => {\n const { instance } = useDataTableContext()\n const [search, setSearch] = React.useState(\"\")\n\n const filteredOptions = React.useMemo(() => {\n if (!searchable || !search) return options\n\n const searchLower = search.toLowerCase()\n return options.filter(opt =>\n opt.label.toLowerCase().includes(searchLower)\n )\n }, [options, search, searchable])\n\n const onValueChange = React.useCallback(\n (value: string) => {\n if (filter?.includes(value)) {\n const newValues = filter?.filter((v) => v !== value)\n const newValue = newValues.length > 0 ? newValues : undefined\n if (onUpdate) {\n onUpdate(newValue)\n } else {\n instance.updateFilter({\n id,\n value: newValue,\n })\n }\n } else {\n const newValue = [...(filter ?? []), value]\n if (onUpdate) {\n onUpdate(newValue)\n } else {\n instance.updateFilter({\n id,\n value: newValue,\n })\n }\n }\n },\n [instance, id, filter, onUpdate]\n )\n\n if (!searchable) {\n return (\n <div className=\"w-[250px]\">\n <div className=\"max-h-[300px] overflow-auto p-1\">\n {options.map(option => {\n const isSelected = filter?.includes(option.value)\n\n return (\n <button\n key={String(option.value)}\n onClick={() => onValueChange(option.value)}\n className={clx(\n \"flex w-full items-center gap-x-2 rounded-md px-2 py-1.5 text-sm\",\n \"hover:bg-ui-bg-base-hover cursor-pointer text-left\"\n )}\n >\n <Checkbox\n checked={isSelected}\n className=\"pointer-events-none\"\n />\n <span>{option.label}</span>\n </button>\n )\n })}\n </div>\n </div>\n )\n }\n\n return (\n <div className=\"w-[250px]\">\n <div className=\"flex items-center gap-x-2 border-b px-3 py-1.5\">\n <MagnifyingGlass className=\"h-4 w-4 text-ui-fg-muted\" />\n <input\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder=\"Search...\"\n className=\"h-8 flex-1 bg-transparent text-sm outline-none placeholder:text-ui-fg-muted\"\n autoFocus\n />\n {search && (\n <button\n onClick={() => setSearch(\"\")}\n className=\"text-ui-fg-muted hover:text-ui-fg-subtle\"\n >\n <XMarkMini className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n\n <div className=\"max-h-[300px] overflow-auto p-1\">\n {filteredOptions.length === 0 && (\n <div className=\"py-6 text-center text-sm text-ui-fg-muted\">\n No results found\n </div>\n )}\n\n {filteredOptions.map(option => {\n const isSelected = filter?.includes(option.value)\n\n return (\n <button\n key={String(option.value)}\n onClick={() => onValueChange(option.value)}\n className={clx(\n \"flex w-full cursor-pointer items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-left\",\n \"hover:bg-ui-bg-base-hover\"\n )}\n >\n <Checkbox\n checked={isSelected}\n className=\"pointer-events-none\"\n />\n <span>{option.label}</span>\n </button>\n )\n })}\n </div>\n </div>\n )\n}\n\ntype DataTableFilterStringContentProps = {\n id: string\n filter?: string\n placeholder?: string\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterStringContent = ({\n id,\n filter,\n placeholder = \"Enter value...\",\n onUpdate,\n}: DataTableFilterStringContentProps) => {\n const { instance } = useDataTableContext()\n const [value, setValue] = React.useState(filter || \"\")\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n const handleChange = React.useCallback((newValue: string) => {\n setValue(newValue)\n\n // Clear existing timeout\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n\n // Debounce the update\n timeoutRef.current = setTimeout(() => {\n const updateValue = newValue.trim() || undefined\n if (onUpdate) {\n onUpdate(updateValue)\n } else {\n instance.updateFilter({\n id,\n value: updateValue,\n })\n }\n }, 500)\n }, [instance, id, onUpdate])\n\n // Cleanup timeout on unmount\n React.useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n // Clear timeout and apply immediately\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n const updateValue = value.trim() || undefined\n if (onUpdate) {\n onUpdate(updateValue)\n } else {\n instance.updateFilter({\n id,\n value: updateValue,\n })\n }\n }\n }, [instance, id, value, onUpdate])\n\n return (\n <div className=\"p-3 w-[250px]\">\n <Input\n placeholder={placeholder}\n value={value}\n onChange={(e) => handleChange(e.target.value)}\n onKeyDown={handleKeyDown}\n autoFocus\n />\n </div>\n )\n}\n\ntype DataTableFilterNumberContentProps = {\n id: string\n filter: any\n placeholder?: string\n includeOperators?: boolean\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterNumberContent = ({\n id,\n filter,\n placeholder = \"Enter number...\",\n includeOperators = true,\n onUpdate,\n}: DataTableFilterNumberContentProps) => {\n const { instance } = useDataTableContext()\n const [operator, setOperator] = React.useState<string>(\"eq\")\n const [value, setValue] = React.useState(\"\")\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n React.useEffect(() => {\n if (filter) {\n if (typeof filter === \"number\") {\n setOperator(\"eq\")\n setValue(String(filter))\n } else if (typeof filter === \"object\") {\n const op = Object.keys(filter)[0] as string\n setOperator(op.replace(\"$\", \"\"))\n setValue(String(filter[op]))\n }\n }\n }, [filter])\n\n const handleValueChange = React.useCallback((newValue: string) => {\n setValue(newValue)\n\n // Clear existing timeout\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n\n // Debounce the update\n timeoutRef.current = setTimeout(() => {\n const num = parseFloat(newValue)\n if (!isNaN(num)) {\n const filterValue = includeOperators && operator !== \"eq\"\n ? { [`$${operator}`]: num }\n : num\n\n if (onUpdate) {\n onUpdate(filterValue)\n } else {\n instance.updateFilter({\n id,\n value: filterValue,\n })\n }\n } else if (newValue === \"\") {\n if (onUpdate) {\n onUpdate(undefined)\n } else {\n instance.updateFilter({\n id,\n value: undefined,\n })\n }\n }\n }, 500)\n }, [instance, id, operator, includeOperators, onUpdate])\n\n const handleOperatorChange = React.useCallback((newOperator: string) => {\n setOperator(newOperator)\n\n // If we have a value, update immediately with new operator\n const num = parseFloat(value)\n if (!isNaN(num)) {\n const filterValue = includeOperators && newOperator !== \"eq\"\n ? { [`$${newOperator}`]: num }\n : num\n\n if (onUpdate) {\n onUpdate(filterValue)\n } else {\n instance.updateFilter({\n id,\n value: filterValue,\n })\n }\n }\n }, [instance, id, value, includeOperators, onUpdate])\n\n // Cleanup timeout on unmount\n React.useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n }, [])\n\n const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n // Clear timeout and apply immediately\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n const num = parseFloat(value)\n if (!isNaN(num)) {\n const filterValue = includeOperators && operator !== \"eq\"\n ? { [`$${operator}`]: num }\n : num\n\n if (onUpdate) {\n onUpdate(filterValue)\n } else {\n instance.updateFilter({\n id,\n value: filterValue,\n })\n }\n }\n }\n }, [instance, id, value, operator, includeOperators, onUpdate])\n\n const operators = [\n { value: \"eq\", label: \"Equals\" },\n { value: \"gt\", label: \"Greater than\" },\n { value: \"gte\", label: \"Greater than or equal\" },\n { value: \"lt\", label: \"Less than\" },\n { value: \"lte\", label: \"Less than or equal\" },\n ]\n\n return (\n <div className=\"p-3 space-y-3 w-[250px]\">\n {includeOperators && (\n <Select value={operator} onValueChange={handleOperatorChange}>\n <Select.Trigger>\n <Select.Value />\n </Select.Trigger>\n <Select.Content>\n {operators.map(op => (\n <Select.Item key={op.value} value={op.value}>\n {op.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n )}\n\n <Input\n type=\"number\"\n placeholder={placeholder}\n value={value}\n onChange={(e) => handleValueChange(e.target.value)}\n onKeyDown={handleKeyDown}\n autoFocus={!includeOperators}\n />\n </div>\n )\n}\n\ntype DataTableFilterCustomContentProps = {\n id: string\n filter: any\n onRemove: () => void\n render: (props: {\n value: any\n onChange: (value: any) => void\n onRemove: () => void\n }) => React.ReactNode\n onUpdate?: (value: unknown) => void\n}\n\nconst DataTableFilterCustomContent = ({\n id,\n filter,\n onRemove,\n render,\n onUpdate,\n}: DataTableFilterCustomContentProps) => {\n const { instance } = useDataTableContext()\n\n const handleChange = React.useCallback((value: any) => {\n if (onUpdate) {\n onUpdate(value)\n } else {\n instance.updateFilter({\n id,\n value,\n })\n }\n }, [instance, id, onUpdate])\n\n return (\n <>\n {render({\n value: filter,\n onChange: handleChange,\n onRemove,\n })}\n </>\n )\n}\n\nexport { DataTableFilter }\nexport type { DataTableFilterProps }\n\n"]}

package/dist/cjs/blocks/data-table/components/data-table-non-sortable-header-cell.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface DataTableNonSortableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    id: string;
+    children: React.ReactNode;
+    isFirstColumn?: boolean;
+}
+export declare const DataTableNonSortableHeaderCell: React.ForwardRefExoticComponent<DataTableNonSortableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export {};
+//# sourceMappingURL=data-table-non-sortable-header-cell.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-non-sortable-header-cell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-non-sortable-header-cell.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-non-sortable-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,mCAAoC,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC9F,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,8BAA8B,kHAiDzC,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-non-sortable-header-cell.js ADDED Viewed

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableNonSortableHeaderCell = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const table_1 = require("../../../components/table");
+exports.DataTableNonSortableHeaderCell = React.forwardRef(({ id, children, className, style: propStyle, isFirstColumn, ...props }, ref) => {
+    // Still use sortable hook but without listeners
+    const { setNodeRef, transform, transition, } = (0, sortable_1.useSortable)({
+        id,
+        disabled: true, // Disable dragging
+    });
+    // Only apply horizontal transform for smooth shifting
+    const transformStyle = transform ? {
+        x: transform.x,
+        y: 0,
+        scaleX: transform.scaleX,
+        scaleY: transform.scaleY,
+    } : null;
+    const style = {
+        ...propStyle,
+        transform: transformStyle ? utilities_1.CSS.Transform.toString(transformStyle) : undefined,
+        transition,
+    };
+    const combineRefs = (element) => {
+        setNodeRef(element);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(element);
+            }
+            else {
+                ref.current = element;
+            }
+        }
+    };
+    return (React.createElement(table_1.Table.HeaderCell, { ref: combineRefs, style: style, className: className, ...props }, children));
+});
+exports.DataTableNonSortableHeaderCell.displayName = "DataTableNonSortableHeaderCell";
+//# sourceMappingURL=data-table-non-sortable-header-cell.js.map

package/dist/cjs/blocks/data-table/components/data-table-non-sortable-header-cell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-non-sortable-header-cell.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-non-sortable-header-cell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAC9B,gDAA+C;AAC/C,kDAAwC;AACxC,8CAA0C;AAQ7B,QAAA,8BAA8B,GAAG,KAAK,CAAC,UAAU,CAG5D,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,gDAAgD;IAChD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,GACX,GAAG,IAAA,sBAAW,EAAC;QACd,EAAE;QACF,QAAQ,EAAE,IAAI,EAAE,mBAAmB;KACpC,CAAC,CAAA;IAEF,sDAAsD;IACtD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;QACjC,CAAC,EAAE,SAAS,CAAC,CAAC;QACd,CAAC,EAAE,CAAC;QACJ,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,MAAM,EAAE,SAAS,CAAC,MAAM;KACzB,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,KAAK,GAAwB;QACjC,GAAG,SAAS;QACZ,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9E,UAAU;KACX,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,OAAoC,EAAE,EAAE;QAC3D,UAAU,CAAC,OAAO,CAAC,CAAA;QACnB,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,OAAO,CAAC,CAAA;YACd,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;YACvB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAK,CAAC,UAAU,IACf,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,sCAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAA","sourcesContent":["import * as React from \"react\"\nimport { useSortable } from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { Table } from \"@/components/table\"\n\ninterface DataTableNonSortableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {\n id: string\n children: React.ReactNode\n isFirstColumn?: boolean\n}\n\nexport const DataTableNonSortableHeaderCell = React.forwardRef<\n HTMLTableCellElement,\n DataTableNonSortableHeaderCellProps\n>(({ id, children, className, style: propStyle, isFirstColumn, ...props }, ref) => {\n // Still use sortable hook but without listeners\n const {\n setNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n disabled: true, // Disable dragging\n })\n\n // Only apply horizontal transform for smooth shifting\n const transformStyle = transform ? {\n x: transform.x,\n y: 0,\n scaleX: transform.scaleX,\n scaleY: transform.scaleY,\n } : null\n\n const style: React.CSSProperties = {\n ...propStyle,\n transform: transformStyle ? CSS.Transform.toString(transformStyle) : undefined,\n transition,\n }\n\n const combineRefs = (element: HTMLTableCellElement | null) => {\n setNodeRef(element)\n if (ref) {\n if (typeof ref === 'function') {\n ref(element)\n } else {\n ref.current = element\n }\n }\n }\n\n return (\n <Table.HeaderCell\n ref={combineRefs}\n style={style}\n className={className}\n {...props}\n >\n {children}\n </Table.HeaderCell>\n )\n})\n\nDataTableNonSortableHeaderCell.displayName = \"DataTableNonSortableHeaderCell\""]}

package/dist/cjs/blocks/data-table/components/data-table-pagination.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Table } from "../../../components/table";
+interface DataTablePaginationProps {
+    /**
+     * The translations for strings in the pagination component.
+     */
+    translations?: React.ComponentProps<typeof Table.Pagination>["translations"];
+}
+/**
+ * This component adds a pagination component and functionality to the data table.
+ */
+declare const DataTablePagination: {
+    (props: DataTablePaginationProps): React.JSX.Element;
+    displayName: string;
+};
+export { DataTablePagination };
+export type { DataTablePaginationProps };
+//# sourceMappingURL=data-table-pagination.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-pagination.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1C,UAAU,wBAAwB;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAA;CAC7E;AAED;;GAEG;AACH,QAAA,MAAM,mBAAmB;YAAW,wBAAwB;;CA2B3D,CAAA;AAkBD,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-pagination.js ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTablePagination = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const use_data_table_context_1 = require("../../data-table/context/use-data-table-context");
+const skeleton_1 = require("../../../components/skeleton");
+const table_1 = require("../../../components/table");
+/**
+ * This component adds a pagination component and functionality to the data table.
+ */
+const DataTablePagination = (props) => {
+    const { instance } = (0, use_data_table_context_1.useDataTableContext)();
+    if (!instance.enablePagination) {
+        throw new Error("DataTable.Pagination was rendered but pagination is not enabled. Make sure to pass pagination to 'useDataTable'");
+    }
+    if (instance.showSkeleton) {
+        return React.createElement(DataTablePaginationSkeleton, null);
+    }
+    return (React.createElement(table_1.Table.Pagination, { translations: props.translations, className: "flex-shrink-0", canNextPage: instance.getCanNextPage(), canPreviousPage: instance.getCanPreviousPage(), pageCount: instance.getPageCount(), count: instance.rowCount, nextPage: instance.nextPage, previousPage: instance.previousPage, pageIndex: instance.pageIndex, pageSize: instance.pageSize }));
+};
+exports.DataTablePagination = DataTablePagination;
+DataTablePagination.displayName = "DataTable.Pagination";
+const DataTablePaginationSkeleton = () => {
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "flex items-center justify-between p-4" },
+            React.createElement(skeleton_1.Skeleton, { className: "h-7 w-[138px]" }),
+            React.createElement("div", { className: "flex items-center gap-x-2" },
+                React.createElement(skeleton_1.Skeleton, { className: "h-7 w-24" }),
+                React.createElement(skeleton_1.Skeleton, { className: "h-7 w-11" }),
+                React.createElement(skeleton_1.Skeleton, { className: "h-7 w-11" })))));
+};
+//# sourceMappingURL=data-table-pagination.js.map

package/dist/cjs/blocks/data-table/components/data-table-pagination.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-pagination.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-pagination.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAE9B,+FAAwF;AACxF,oDAAgD;AAChD,8CAA0C;AAS1C;;GAEG;AACH,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,4CAAmB,GAAE,CAAA;IAE1C,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CACb,iHAAiH,CAClH,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,OAAO,oBAAC,2BAA2B,OAAG,CAAA;IACxC,CAAC;IAED,OAAO,CACL,oBAAC,aAAK,CAAC,UAAU,IACf,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAC,eAAe,EACzB,WAAW,EAAE,QAAQ,CAAC,cAAc,EAAE,EACtC,eAAe,EAAE,QAAQ,CAAC,kBAAkB,EAAE,EAC9C,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE,EAClC,KAAK,EAAE,QAAQ,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAkBQ,kDAAmB;AAjB5B,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,uCAAuC;YACpD,oBAAC,mBAAQ,IAAC,SAAS,EAAC,eAAe,GAAG;YACtC,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,oBAAC,mBAAQ,IAAC,SAAS,EAAC,UAAU,GAAG;gBACjC,oBAAC,mBAAQ,IAAC,SAAS,EAAC,UAAU,GAAG;gBACjC,oBAAC,mBAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,CAC7B,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport { Table } from \"@/components/table\"\n\ninterface DataTablePaginationProps {\n /**\n * The translations for strings in the pagination component.\n */\n translations?: React.ComponentProps<typeof Table.Pagination>[\"translations\"]\n}\n\n/**\n * This component adds a pagination component and functionality to the data table.\n */\nconst DataTablePagination = (props: DataTablePaginationProps) => {\n const { instance } = useDataTableContext()\n\n if (!instance.enablePagination) {\n throw new Error(\n \"DataTable.Pagination was rendered but pagination is not enabled. Make sure to pass pagination to 'useDataTable'\"\n )\n }\n\n if (instance.showSkeleton) {\n return <DataTablePaginationSkeleton />\n }\n\n return (\n <Table.Pagination\n translations={props.translations}\n className=\"flex-shrink-0\"\n canNextPage={instance.getCanNextPage()}\n canPreviousPage={instance.getCanPreviousPage()}\n pageCount={instance.getPageCount()}\n count={instance.rowCount}\n nextPage={instance.nextPage}\n previousPage={instance.previousPage}\n pageIndex={instance.pageIndex}\n pageSize={instance.pageSize}\n />\n )\n}\nDataTablePagination.displayName = \"DataTable.Pagination\"\n\nconst DataTablePaginationSkeleton = () => {\n return (\n <div>\n <div className=\"flex items-center justify-between p-4\">\n <Skeleton className=\"h-7 w-[138px]\" />\n <div className=\"flex items-center gap-x-2\">\n <Skeleton className=\"h-7 w-24\" />\n <Skeleton className=\"h-7 w-11\" />\n <Skeleton className=\"h-7 w-11\" />\n </div>\n </div>\n </div>\n )\n}\n\nexport { DataTablePagination }\nexport type { DataTablePaginationProps }\n\n"]}

package/dist/cjs/blocks/data-table/components/data-table-search.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import * as React from "react";
+interface DataTableSearchProps {
+    /**
+     * If true, the search input will be focused on mount.
+     */
+    autoFocus?: boolean;
+    /**
+     * Additional classes to pass to the search input.
+     */
+    className?: string;
+    /**
+     * The placeholder text to show in the search input.
+     */
+    placeholder?: string;
+}
+/**
+ * This component adds a search input to the data table, allowing users
+ * to search through the table's data.
+ */
+declare const DataTableSearch: {
+    (props: DataTableSearchProps): React.JSX.Element;
+    displayName: string;
+};
+export { DataTableSearch };
+export type { DataTableSearchProps };
+//# sourceMappingURL=data-table-search.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-search.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-search.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-search.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe;YAAW,oBAAoB;;CA6BnD,CAAA;AAOD,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-search.js ADDED Viewed

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableSearch = void 0;
+const tslib_1 = require("tslib");
+const input_1 = require("../../../components/input");
+const skeleton_1 = require("../../../components/skeleton");
+const clx_1 = require("../../../utils/clx");
+const React = tslib_1.__importStar(require("react"));
+const use_data_table_context_1 = require("../../data-table/context/use-data-table-context");
+/**
+ * This component adds a search input to the data table, allowing users
+ * to search through the table's data.
+ */
+const DataTableSearch = (props) => {
+    const { className, ...rest } = props;
+    const { instance } = (0, use_data_table_context_1.useDataTableContext)();
+    if (!instance.enableSearch) {
+        throw new Error("DataTable.Search was rendered but search is not enabled. Make sure to pass search to 'useDataTable'");
+    }
+    if (instance.showSkeleton) {
+        return React.createElement(DataTableSearchSkeleton, null);
+    }
+    return (React.createElement(input_1.Input, { size: "small", type: "search", value: instance.getSearch(), onChange: (e) => instance.onSearchChange(e.target.value), className: (0, clx_1.clx)({
+            "pr-[calc(15px+2px+8px)]": instance.isLoading,
+        }, className), ...rest }));
+};
+exports.DataTableSearch = DataTableSearch;
+DataTableSearch.displayName = "DataTable.Search";
+const DataTableSearchSkeleton = () => {
+    return React.createElement(skeleton_1.Skeleton, { className: "h-7 w-[128px]" });
+};
+//# sourceMappingURL=data-table-search.js.map

package/dist/cjs/blocks/data-table/components/data-table-search.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-search.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-search.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,8CAA0C;AAC1C,oDAAgD;AAChD,qCAAiC;AACjC,qDAA8B;AAE9B,+FAAwF;AAiBxF;;;GAGG;AACH,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,4CAAmB,GAAE,CAAA;IAE1C,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC3B,MAAM,IAAI,KAAK,CACb,qGAAqG,CACtG,CAAA;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;QAC1B,OAAO,oBAAC,uBAAuB,OAAG,CAAA;IACpC,CAAC;IAED,OAAO,CACL,oBAAC,aAAK,IACJ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxD,SAAS,EAAE,IAAA,SAAG,EACZ;YACE,yBAAyB,EAAE,QAAQ,CAAC,SAAS;SAC9C,EACD,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAA;AAOQ,0CAAe;AANxB,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEhD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,OAAO,oBAAC,mBAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CAAA;AAC/C,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { Input } from \"@/components/input\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\nimport { useDataTableContext } from \"@/blocks/data-table/context/use-data-table-context\"\n\ninterface DataTableSearchProps {\n /**\n * If true, the search input will be focused on mount.\n */\n autoFocus?: boolean\n /**\n * Additional classes to pass to the search input.\n */\n className?: string\n /**\n * The placeholder text to show in the search input.\n */\n placeholder?: string\n}\n\n/**\n * This component adds a search input to the data table, allowing users\n * to search through the table's data.\n */\nconst DataTableSearch = (props: DataTableSearchProps) => {\n const { className, ...rest } = props\n const { instance } = useDataTableContext()\n\n if (!instance.enableSearch) {\n throw new Error(\n \"DataTable.Search was rendered but search is not enabled. Make sure to pass search to 'useDataTable'\"\n )\n }\n\n if (instance.showSkeleton) {\n return <DataTableSearchSkeleton />\n }\n\n return (\n <Input\n size=\"small\"\n type=\"search\"\n value={instance.getSearch()}\n onChange={(e) => instance.onSearchChange(e.target.value)}\n className={clx(\n {\n \"pr-[calc(15px+2px+8px)]\": instance.isLoading,\n },\n className\n )}\n {...rest}\n />\n )\n}\nDataTableSearch.displayName = \"DataTable.Search\"\n\nconst DataTableSearchSkeleton = () => {\n return <Skeleton className=\"h-7 w-[128px]\" />\n}\n\nexport { DataTableSearch }\nexport type { DataTableSearchProps }\n\n"]}

package/dist/cjs/blocks/data-table/components/data-table-select-cell.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type { DataTableCellContext, DataTableHeaderContext } from "../../data-table/types";
+import * as React from "react";
+interface DataTableSelectCellProps<TData> {
+    ctx: DataTableCellContext<TData, unknown>;
+}
+declare const DataTableSelectCell: {
+    <TData>(props: DataTableSelectCellProps<TData>): React.JSX.Element;
+    displayName: string;
+};
+interface DataTableSelectHeaderProps<TData> {
+    ctx: DataTableHeaderContext<TData, unknown>;
+}
+declare const DataTableSelectHeader: <TData>(props: DataTableSelectHeaderProps<TData>) => React.JSX.Element;
+export { DataTableSelectCell, DataTableSelectHeader };
+export type { DataTableSelectCellProps, DataTableSelectHeaderProps };
+//# sourceMappingURL=data-table-select-cell.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-select-cell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-select-cell.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-select-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,wBAAwB,CAAC,KAAK;IACtC,GAAG,EAAE,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;CAC1C;AAED,QAAA,MAAM,mBAAmB;KAAI,KAAK,SACzB,wBAAwB,CAAC,KAAK,CAAC;;CAcvC,CAAA;AAGD,UAAU,0BAA0B,CAAC,KAAK;IACxC,GAAG,EAAE,sBAAsB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;CAC5C;AAED,QAAA,MAAM,qBAAqB,GAAI,KAAK,EAClC,OAAO,0BAA0B,CAAC,KAAK,CAAC,sBAqBzC,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAA;AACrD,YAAY,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-select-cell.js ADDED Viewed

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableSelectHeader = exports.DataTableSelectCell = void 0;
+const tslib_1 = require("tslib");
+const checkbox_1 = require("../../../components/checkbox");
+const React = tslib_1.__importStar(require("react"));
+const DataTableSelectCell = (props) => {
+    const checked = props.ctx.row.getIsSelected();
+    const onChange = props.ctx.row.getToggleSelectedHandler();
+    const disabled = !props.ctx.row.getCanSelect();
+    return (React.createElement(checkbox_1.Checkbox, { onClick: (e) => e.stopPropagation(), checked: checked, onCheckedChange: onChange, disabled: disabled }));
+};
+exports.DataTableSelectCell = DataTableSelectCell;
+DataTableSelectCell.displayName = "DataTable.SelectCell";
+const DataTableSelectHeader = (props) => {
+    const checked = props.ctx.table.getIsSomePageRowsSelected()
+        ? "indeterminate"
+        : props.ctx.table.getIsAllPageRowsSelected();
+    const onChange = (checked) => {
+        props.ctx.table.toggleAllPageRowsSelected(!!checked);
+    };
+    const disabled = !props.ctx.table
+        .getRowModel()
+        .rows.some((row) => row.getCanSelect());
+    return (React.createElement(checkbox_1.Checkbox, { onClick: (e) => e.stopPropagation(), checked: checked, onCheckedChange: onChange, disabled: disabled }));
+};
+exports.DataTableSelectHeader = DataTableSelectHeader;
+//# sourceMappingURL=data-table-select-cell.js.map

package/dist/cjs/blocks/data-table/components/data-table-select-cell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-select-cell.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-select-cell.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAMZ,oDAAsE;AACtE,qDAA8B;AAM9B,MAAM,mBAAmB,GAAG,CAC1B,KAAsC,EACtC,EAAE;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,aAAa,EAAE,CAAA;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAA;IACzD,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,CAAA;IAE9C,OAAO,CACL,oBAAC,mBAAQ,IACP,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,QAAQ,EACzB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA;AA+BQ,kDAAmB;AA9B5B,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAMxD,MAAM,qBAAqB,GAAG,CAC5B,KAAwC,EACxC,EAAE;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,yBAAyB,EAAE;QACzD,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAA;IAE9C,MAAM,QAAQ,GAAG,CAAC,OAA6B,EAAE,EAAE;QACjD,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACtD,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;SAC9B,WAAW,EAAE;SACb,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,mBAAQ,IACP,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,QAAQ,EACzB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA;AAE6B,sDAAqB","sourcesContent":["\"use client\"\n\nimport type {\n DataTableCellContext,\n DataTableHeaderContext,\n} from \"@/blocks/data-table/types\"\nimport { Checkbox, CheckboxCheckedState } from \"@/components/checkbox\"\nimport * as React from \"react\"\n\ninterface DataTableSelectCellProps<TData> {\n ctx: DataTableCellContext<TData, unknown>\n}\n\nconst DataTableSelectCell = <TData,>(\n props: DataTableSelectCellProps<TData>\n) => {\n const checked = props.ctx.row.getIsSelected()\n const onChange = props.ctx.row.getToggleSelectedHandler()\n const disabled = !props.ctx.row.getCanSelect()\n\n return (\n <Checkbox\n onClick={(e) => e.stopPropagation()}\n checked={checked}\n onCheckedChange={onChange}\n disabled={disabled}\n />\n )\n}\nDataTableSelectCell.displayName = \"DataTable.SelectCell\"\n\ninterface DataTableSelectHeaderProps<TData> {\n ctx: DataTableHeaderContext<TData, unknown>\n}\n\nconst DataTableSelectHeader = <TData,>(\n props: DataTableSelectHeaderProps<TData>\n) => {\n const checked = props.ctx.table.getIsSomePageRowsSelected()\n ? \"indeterminate\"\n : props.ctx.table.getIsAllPageRowsSelected()\n\n const onChange = (checked: CheckboxCheckedState) => {\n props.ctx.table.toggleAllPageRowsSelected(!!checked)\n }\n const disabled = !props.ctx.table\n .getRowModel()\n .rows.some((row) => row.getCanSelect())\n\n return (\n <Checkbox\n onClick={(e) => e.stopPropagation()}\n checked={checked}\n onCheckedChange={onChange}\n disabled={disabled}\n />\n )\n}\n\nexport { DataTableSelectCell, DataTableSelectHeader }\nexport type { DataTableSelectCellProps, DataTableSelectHeaderProps }\n"]}

package/dist/cjs/blocks/data-table/components/data-table-sortable-header-cell.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface DataTableSortableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    id: string;
+    children: React.ReactNode;
+    isFirstColumn?: boolean;
+}
+export declare const DataTableSortableHeaderCell: React.ForwardRefExoticComponent<DataTableSortableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export {};
+//# sourceMappingURL=data-table-sortable-header-cell.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-sortable-header-cell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-sortable-header-cell.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-sortable-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,gCAAiC,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3F,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,2BAA2B,+GAsDtC,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-sortable-header-cell.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableSortableHeaderCell = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const clx_1 = require("../../../utils/clx");
+const table_1 = require("../../../components/table");
+exports.DataTableSortableHeaderCell = React.forwardRef(({ id, children, className, style: propStyle, isFirstColumn, ...props }, ref) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = (0, sortable_1.useSortable)({
+        id,
+    });
+    // Only apply horizontal transform, ignore vertical movement
+    const transformStyle = transform ? {
+        x: transform.x,
+        y: 0,
+        scaleX: 1,
+        scaleY: 1
+    } : null;
+    const style = {
+        ...propStyle,
+        transform: transformStyle ? utilities_1.CSS.Transform.toString(transformStyle) : undefined,
+        transition,
+        opacity: isDragging ? 0.8 : 1,
+        zIndex: isDragging ? 50 : isFirstColumn ? 1 : undefined,
+    };
+    const combineRefs = (element) => {
+        setNodeRef(element);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(element);
+            }
+            else {
+                ref.current = element;
+            }
+        }
+    };
+    return (React.createElement(table_1.Table.HeaderCell, { ref: combineRefs, style: style, className: (0, clx_1.clx)(className, "group/header-cell bg-ui-bg-base"), ...attributes, ...listeners, ...props }, children));
+});
+exports.DataTableSortableHeaderCell.displayName = "DataTableSortableHeaderCell";
+//# sourceMappingURL=data-table-sortable-header-cell.js.map

package/dist/cjs/blocks/data-table/components/data-table-sortable-header-cell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-sortable-header-cell.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-sortable-header-cell.tsx"],"names":[],"mappings":";;;;AAAA,qDAA8B;AAC9B,gDAA+C;AAC/C,kDAAwC;AACxC,qCAAiC;AACjC,8CAA0C;AAQ7B,QAAA,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAGzD,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,IAAA,sBAAW,EAAC;QACd,EAAE;KACH,CAAC,CAAA;IAEF,4DAA4D;IAC5D,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;QACjC,CAAC,EAAE,SAAS,CAAC,CAAC;QACd,CAAC,EAAE,CAAC;QACJ,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,KAAK,GAAwB;QACjC,GAAG,SAAS;QACZ,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,eAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9E,UAAU;QACV,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;KACxD,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,OAAoC,EAAE,EAAE;QAC3D,UAAU,CAAC,OAAO,CAAC,CAAA;QACnB,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,OAAO,CAAC,CAAA;YACd,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;YACvB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAK,CAAC,UAAU,IACf,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,SAAG,EAAC,SAAS,EAAE,iCAAiC,CAAC,KACxD,UAAU,KACV,SAAS,KACT,KAAK,IAER,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mCAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAA","sourcesContent":["import * as React from \"react\"\nimport { useSortable } from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { clx } from \"@/utils/clx\"\nimport { Table } from \"@/components/table\"\n\ninterface DataTableSortableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {\n id: string\n children: React.ReactNode\n isFirstColumn?: boolean\n}\n\nexport const DataTableSortableHeaderCell = React.forwardRef<\n HTMLTableCellElement,\n DataTableSortableHeaderCellProps\n>(({ id, children, className, style: propStyle, isFirstColumn, ...props }, ref) => {\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id,\n })\n\n // Only apply horizontal transform, ignore vertical movement\n const transformStyle = transform ? {\n x: transform.x,\n y: 0,\n scaleX: 1,\n scaleY: 1\n } : null\n\n const style: React.CSSProperties = {\n ...propStyle,\n transform: transformStyle ? CSS.Transform.toString(transformStyle) : undefined,\n transition,\n opacity: isDragging ? 0.8 : 1,\n zIndex: isDragging ? 50 : isFirstColumn ? 1 : undefined,\n }\n\n const combineRefs = (element: HTMLTableCellElement | null) => {\n setNodeRef(element)\n if (ref) {\n if (typeof ref === 'function') {\n ref(element)\n } else {\n ref.current = element\n }\n }\n }\n\n return (\n <Table.HeaderCell\n ref={combineRefs}\n style={style}\n className={clx(className, \"group/header-cell bg-ui-bg-base\")}\n {...attributes}\n {...listeners}\n {...props}\n >\n {children}\n </Table.HeaderCell>\n )\n})\n\nDataTableSortableHeaderCell.displayName = \"DataTableSortableHeaderCell\"\n"]}

package/dist/cjs/blocks/data-table/components/data-table-sorting-icon.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { DataTableSortDirection } from "../../data-table/types";
+import * as React from "react";
+interface SortingIconProps {
+    direction: DataTableSortDirection | false;
+}
+declare const DataTableSortingIcon: {
+    (props: SortingIconProps): React.JSX.Element;
+    displayName: string;
+};
+export { DataTableSortingIcon };
+export type { SortingIconProps };
+//# sourceMappingURL=data-table-sorting-icon.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-sorting-icon.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-sorting-icon.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-sorting-icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,gBAAgB;IACxB,SAAS,EAAE,sBAAsB,GAAG,KAAK,CAAA;CAC1C;AAED,QAAA,MAAM,oBAAoB;YAAW,gBAAgB;;CA+BpD,CAAA;AAGD,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAC/B,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/cjs/blocks/data-table/components/data-table-sorting-icon.js ADDED Viewed

@@ -0,0 +1,24 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableSortingIcon = void 0;
+const tslib_1 = require("tslib");
+const clx_1 = require("../../../utils/clx");
+const React = tslib_1.__importStar(require("react"));
+const DataTableSortingIcon = (props) => {
+    const isAscending = props.direction === "asc";
+    const isDescending = props.direction === "desc";
+    const isSorted = isAscending || isDescending;
+    return (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: (0, clx_1.clx)("opacity-0 transition-opacity group-hover:opacity-100", {
+            "opacity-100": isSorted,
+        }) },
+        React.createElement("path", { d: "M5.82651 5.75C5.66344 5.74994 5.50339 5.71269 5.36308 5.64216C5.22277 5.57162 5.10736 5.47039 5.02891 5.34904C4.95045 5.22769 4.91184 5.09067 4.9171 4.95232C4.92236 4.81397 4.97131 4.67936 5.05882 4.56255L7.64833 1.10788C7.73055 0.998207 7.84403 0.907911 7.97827 0.845354C8.11252 0.782797 8.26318 0.75 8.41632 0.75C8.56946 0.75 8.72013 0.782797 8.85437 0.845354C8.98862 0.907911 9.1021 0.998207 9.18432 1.10788L11.7744 4.56255C11.862 4.67939 11.9109 4.81405 11.9162 4.95245C11.9214 5.09085 11.8827 5.2279 11.8042 5.34926C11.7257 5.47063 11.6102 5.57185 11.4698 5.64235C11.3294 5.71285 11.1693 5.75003 11.0061 5.75H5.82651Z", className: (0, clx_1.clx)("fill-ui-fg-muted", {
+                "fill-ui-fg-subtle": isAscending,
+            }) }),
+        React.createElement("path", { d: "M11.0067 9.25C11.1698 9.25006 11.3299 9.28731 11.4702 9.35784C11.6105 9.42838 11.7259 9.52961 11.8043 9.65096C11.8828 9.77231 11.9214 9.90933 11.9162 10.0477C11.9109 10.186 11.8619 10.3206 11.7744 10.4374L9.18492 13.8921C9.10271 14.0018 8.98922 14.0921 8.85498 14.1546C8.72074 14.2172 8.57007 14.25 8.41693 14.25C8.26379 14.25 8.11312 14.2172 7.97888 14.1546C7.84464 14.0921 7.73115 14.0018 7.64894 13.8921L5.05882 10.4374C4.97128 10.3206 4.92233 10.1859 4.9171 10.0476C4.91186 9.90915 4.95053 9.7721 5.02905 9.65074C5.10758 9.52937 5.22308 9.42815 5.36347 9.35765C5.50387 9.28715 5.664 9.24997 5.82712 9.25H11.0067Z", className: (0, clx_1.clx)("fill-ui-fg-muted", {
+                "fill-ui-fg-subtle": isDescending,
+            }) })));
+};
+exports.DataTableSortingIcon = DataTableSortingIcon;
+DataTableSortingIcon.displayName = "DataTable.SortingIcon";
+//# sourceMappingURL=data-table-sorting-icon.js.map

package/dist/cjs/blocks/data-table/components/data-table-sorting-icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-sorting-icon.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-sorting-icon.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAGZ,qCAAiC;AACjC,qDAA8B;AAM9B,MAAM,oBAAoB,GAAG,CAAC,KAAuB,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,KAAK,KAAK,CAAA;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,KAAK,MAAM,CAAA;IAE/C,MAAM,QAAQ,GAAG,WAAW,IAAI,YAAY,CAAA;IAE5C,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,IAAA,SAAG,EAAC,sDAAsD,EAAE;YACrE,aAAa,EAAE,QAAQ;SACxB,CAAC;QAEF,8BACE,CAAC,EAAC,gnBAAgnB,EAClnB,SAAS,EAAE,IAAA,SAAG,EAAC,kBAAkB,EAAE;gBACjC,mBAAmB,EAAE,WAAW;aACjC,CAAC,GACF;QACF,8BACE,CAAC,EAAC,0mBAA0mB,EAC5mB,SAAS,EAAE,IAAA,SAAG,EAAC,kBAAkB,EAAE;gBACjC,mBAAmB,EAAE,YAAY;aAClC,CAAC,GACF,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAGQ,oDAAoB;AAF7B,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAA","sourcesContent":["\"use client\"\n\nimport { DataTableSortDirection } from \"@/blocks/data-table/types\"\nimport { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\ninterface SortingIconProps {\n direction: DataTableSortDirection | false\n}\n\nconst DataTableSortingIcon = (props: SortingIconProps) => {\n const isAscending = props.direction === \"asc\"\n const isDescending = props.direction === \"desc\"\n\n const isSorted = isAscending || isDescending\n\n return (\n <svg\n width=\"16\"\n height=\"15\"\n viewBox=\"0 0 16 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={clx(\"opacity-0 transition-opacity group-hover:opacity-100\", {\n \"opacity-100\": isSorted,\n })}\n >\n <path\n d=\"M5.82651 5.75C5.66344 5.74994 5.50339 5.71269 5.36308 5.64216C5.22277 5.57162 5.10736 5.47039 5.02891 5.34904C4.95045 5.22769 4.91184 5.09067 4.9171 4.95232C4.92236 4.81397 4.97131 4.67936 5.05882 4.56255L7.64833 1.10788C7.73055 0.998207 7.84403 0.907911 7.97827 0.845354C8.11252 0.782797 8.26318 0.75 8.41632 0.75C8.56946 0.75 8.72013 0.782797 8.85437 0.845354C8.98862 0.907911 9.1021 0.998207 9.18432 1.10788L11.7744 4.56255C11.862 4.67939 11.9109 4.81405 11.9162 4.95245C11.9214 5.09085 11.8827 5.2279 11.8042 5.34926C11.7257 5.47063 11.6102 5.57185 11.4698 5.64235C11.3294 5.71285 11.1693 5.75003 11.0061 5.75H5.82651Z\"\n className={clx(\"fill-ui-fg-muted\", {\n \"fill-ui-fg-subtle\": isAscending,\n })}\n />\n <path\n d=\"M11.0067 9.25C11.1698 9.25006 11.3299 9.28731 11.4702 9.35784C11.6105 9.42838 11.7259 9.52961 11.8043 9.65096C11.8828 9.77231 11.9214 9.90933 11.9162 10.0477C11.9109 10.186 11.8619 10.3206 11.7744 10.4374L9.18492 13.8921C9.10271 14.0018 8.98922 14.0921 8.85498 14.1546C8.72074 14.2172 8.57007 14.25 8.41693 14.25C8.26379 14.25 8.11312 14.2172 7.97888 14.1546C7.84464 14.0921 7.73115 14.0018 7.64894 13.8921L5.05882 10.4374C4.97128 10.3206 4.92233 10.1859 4.9171 10.0476C4.91186 9.90915 4.95053 9.7721 5.02905 9.65074C5.10758 9.52937 5.22308 9.42815 5.36347 9.35765C5.50387 9.28715 5.664 9.24997 5.82712 9.25H11.0067Z\"\n className={clx(\"fill-ui-fg-muted\", {\n \"fill-ui-fg-subtle\": isDescending,\n })}\n />\n </svg>\n )\n}\nDataTableSortingIcon.displayName = \"DataTable.SortingIcon\"\n\nexport { DataTableSortingIcon }\nexport type { SortingIconProps }\n\n"]}

package/dist/cjs/blocks/data-table/components/data-table-sorting-menu.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface DataTableSortingMenuProps {
+    /**
+     * The tooltip to show when hovering over the sorting menu.
+     */
+    tooltip?: string;
+}
+/**
+ * This component adds a sorting menu to the data table, allowing users
+ * to sort the table's data.
+ */
+declare const DataTableSortingMenu: {
+    (props: DataTableSortingMenuProps): React.JSX.Element;
+    displayName: string;
+};
+export { DataTableSortingMenu };
+export type { DataTableSortingMenuProps };
+//# sourceMappingURL=data-table-sorting-menu.d.ts.map

package/dist/cjs/blocks/data-table/components/data-table-sorting-menu.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-table-sorting-menu.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/components/data-table-sorting-menu.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,yBAAyB;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;GAGG;AACH,QAAA,MAAM,oBAAoB;YAAW,yBAAyB;;CAqG7D,CAAA;AAwCD,OAAO,EAAE,oBAAoB,EAAE,CAAA;AAC/B,YAAY,EAAE,yBAAyB,EAAE,CAAA"}