periplo-ui 3.27.2 → 3.27.3

package/dist/components/DataTable/components/DataTableToolbar.js

@@ -50,7 +50,7 @@ function DataTableToolbar({
   if (!showColumnVisibilityControls && !primaryFilters && !secondaryFilters && !selection) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 flex-col gap-2 p-1", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-2 p-1", children: [
     !isMobile && primaryFilters && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: primaryFilters }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: selection && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: selection.isSelectionStarted ? /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/DataTable/components/DataTableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableToolbar.js","sources":["../../../../src/components/DataTable/components/DataTableToolbar.tsx"],"sourcesContent":["import { TextColumns, FunnelSimple, X, SelectionAll } from '@phosphor-icons/react'\nimport { Table } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Badge } from '../../Badge'\nimport { Button } from '../../Button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../DropdownMenu'\nimport { PopoverContent, PopoverRoot, PopoverTrigger } from '../../Popover'\nimport { Typography } from '../../Typography'\n\nimport { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/Tooltip'\nimport { useIsMobile } from '@/lib/useMobile'\nimport { cn } from '@/lib/utils'\n\ntype DataTableToolbarProps<TData> = {\n  readonly table: Table<TData>\n  readonly showColumnVisibilityControls?: boolean\n  readonly primaryFilters?: React.ReactNode\n  readonly secondaryFilters?: React.ReactNode\n  readonly activePrimaryFiltersCount?: number\n  readonly activeSecondaryFiltersCount?: number\n  readonly labels?: {\n    columnVisibilityButton?: string\n    columnVisibilitySelectAll?: string\n    filters?: string\n    moreFilters?: string\n  }\n  readonly selection?: {\n    isSelectionStarted?: boolean\n    onSelectionStart?: () => void\n    onSelectionCancel?: () => void\n    selectionSummary?: string | null\n    isSelectionDisabled?: boolean\n    labels?: {\n      startSelection?: string\n      cancelSelection?: string\n      selectionSummary?: string\n      selectionDisabledTooltip?: string\n    }\n  }\n}\n\nconst defaultLabels = {\n  columnVisibilityButton: 'Hide columns',\n  columnVisibilitySelectAll: 'Select all',\n  filters: 'Filters',\n  moreFilters: 'More filters',\n  startSelection: 'Start selection',\n  cancelSelection: 'Cancel selection',\n}\n\nconst defaultSelectionLabels = {\n  startSelection: 'Start selection',\n  cancelSelection: 'Cancel selection',\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  showColumnVisibilityControls = true,\n  primaryFilters,\n  secondaryFilters,\n  activePrimaryFiltersCount = 0,\n  activeSecondaryFiltersCount = 0,\n  selection,\n  labels: labelsProp,\n}: DataTableToolbarProps<TData>) {\n  const isMobile = useIsMobile()\n\n  const labels = {\n    ...defaultLabels,\n    ...labelsProp,\n  }\n\n  const selectionLabels = {\n    ...defaultSelectionLabels,\n    ...selection?.labels,\n  }\n\n  const hasPrimaryFilters = !!primaryFilters\n  const hasSecondaryFilters = !!secondaryFilters\n\n  const showFiltersButton = isMobile ? hasPrimaryFilters || hasSecondaryFilters : hasSecondaryFilters\n\n  const totalActiveFiltersCount = activePrimaryFiltersCount + activeSecondaryFiltersCount\n  const activeFiltersCount = isMobile ? totalActiveFiltersCount : activeSecondaryFiltersCount\n  const showBadge = activeFiltersCount > 0\n\n  const filtersButtonLabel = !hasPrimaryFilters || isMobile ? labels.filters : labels.moreFilters\n\n  if (!showColumnVisibilityControls && !primaryFilters && !secondaryFilters && !selection) {\n    return null\n  }\n\n  return (\n    <div className=\"flex flex-shrink-0 flex-col gap-2 p-1\">\n      {!isMobile && primaryFilters && <div className=\"flex flex-wrap items-center gap-2\">{primaryFilters}</div>}\n\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          {selection && (\n            <div className=\"flex items-center gap-2\">\n              {selection.isSelectionStarted ? (\n                <>\n                  <Button variant=\"text\" size=\"sm\" StartIcon={X} onClick={selection.onSelectionCancel}>\n                    {selectionLabels.cancelSelection}\n                  </Button>\n                  {selection.selectionSummary && !isMobile && (\n                    <Typography variant=\"body-sm\" className=\"text-neutral-600\">\n                      {selection.selectionSummary}\n                    </Typography>\n                  )}\n                </>\n              ) : (\n                <TooltipProvider>\n                  <TooltipRoot delayDuration={200}>\n                    <TooltipTrigger asChild>\n                      <div>\n                        <Button\n                          variant=\"text\"\n                          size=\"sm\"\n                          StartIcon={SelectionAll}\n                          onClick={selection.onSelectionStart}\n                          disabled={selection.isSelectionDisabled}\n                        >\n                          {selectionLabels.startSelection}\n                        </Button>\n                      </div>\n                    </TooltipTrigger>\n                    {selection.labels?.selectionDisabledTooltip && selection.isSelectionDisabled && (\n                      <TooltipContent>{selection.labels.selectionDisabledTooltip}</TooltipContent>\n                    )}\n                  </TooltipRoot>\n                </TooltipProvider>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}\n          {showFiltersButton && (\n            <PopoverRoot>\n              <PopoverTrigger asChild>\n                <Button variant=\"text\" size=\"sm\" StartIcon={FunnelSimple} className=\"relative whitespace-nowrap\">\n                  {showBadge && (\n                    <Badge\n                      count={activeFiltersCount}\n                      color=\"primary\"\n                      ping={false}\n                      className=\"absolute -top-1 -right-1\"\n                    />\n                  )}\n                  {filtersButtonLabel}\n                </Button>\n              </PopoverTrigger>\n              <PopoverContent\n                align=\"center\"\n                className={cn('w-fit p-4', isMobile && 'max-h-[80vh] w-[95vw] overflow-y-auto')}\n              >\n                <div className=\"flex flex-col gap-4\">\n                  {isMobile && primaryFilters}\n                  {secondaryFilters}\n                </div>\n              </PopoverContent>\n            </PopoverRoot>\n          )}\n          {showColumnVisibilityControls && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button variant=\"text\" size=\"sm\" className={cn('whitespace-nowrap')} StartIcon={TextColumns}>\n                  {labels.columnVisibilityButton}\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent>\n                <DropdownMenuCheckboxItem\n                  key={'all-columns'}\n                  className=\"capitalize\"\n                  checked={table.getAllColumns().every((column) => column.getIsVisible())}\n                  onSelect={(event) => event.preventDefault()}\n                  onCheckedChange={(value) =>\n                    table.getAllColumns().forEach((column) => column.toggleVisibility(!!value))\n                  }\n                >\n                  {labels.columnVisibilitySelectAll}\n                </DropdownMenuCheckboxItem>\n                <DropdownMenuSeparator className=\"bg-neutral-100\" />\n                {table\n                  .getAllColumns()\n                  .filter((column) => column.getCanHide() && column.id !== 'select')\n                  .map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.id}\n                        className=\"capitalize\"\n                        checked={column.getIsVisible()}\n                        onSelect={(event) => event.preventDefault()}\n                        onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                      >\n                        {column.columnDef.header?.toString()}\n                      </DropdownMenuCheckboxItem>\n                    )\n                  })}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTableToolbar.js","sources":["../../../../src/components/DataTable/components/DataTableToolbar.tsx"],"sourcesContent":["import { TextColumns, FunnelSimple, X, SelectionAll } from '@phosphor-icons/react'\nimport { Table } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Badge } from '../../Badge'\nimport { Button } from '../../Button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../DropdownMenu'\nimport { PopoverContent, PopoverRoot, PopoverTrigger } from '../../Popover'\nimport { Typography } from '../../Typography'\n\nimport { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/Tooltip'\nimport { useIsMobile } from '@/lib/useMobile'\nimport { cn } from '@/lib/utils'\n\ntype DataTableToolbarProps<TData> = {\n  readonly table: Table<TData>\n  readonly showColumnVisibilityControls?: boolean\n  readonly primaryFilters?: React.ReactNode\n  readonly secondaryFilters?: React.ReactNode\n  readonly activePrimaryFiltersCount?: number\n  readonly activeSecondaryFiltersCount?: number\n  readonly labels?: {\n    columnVisibilityButton?: string\n    columnVisibilitySelectAll?: string\n    filters?: string\n    moreFilters?: string\n  }\n  readonly selection?: {\n    isSelectionStarted?: boolean\n    onSelectionStart?: () => void\n    onSelectionCancel?: () => void\n    selectionSummary?: string | null\n    isSelectionDisabled?: boolean\n    labels?: {\n      startSelection?: string\n      cancelSelection?: string\n      selectionSummary?: string\n      selectionDisabledTooltip?: string\n    }\n  }\n}\n\nconst defaultLabels = {\n  columnVisibilityButton: 'Hide columns',\n  columnVisibilitySelectAll: 'Select all',\n  filters: 'Filters',\n  moreFilters: 'More filters',\n  startSelection: 'Start selection',\n  cancelSelection: 'Cancel selection',\n}\n\nconst defaultSelectionLabels = {\n  startSelection: 'Start selection',\n  cancelSelection: 'Cancel selection',\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  showColumnVisibilityControls = true,\n  primaryFilters,\n  secondaryFilters,\n  activePrimaryFiltersCount = 0,\n  activeSecondaryFiltersCount = 0,\n  selection,\n  labels: labelsProp,\n}: DataTableToolbarProps<TData>) {\n  const isMobile = useIsMobile()\n\n  const labels = {\n    ...defaultLabels,\n    ...labelsProp,\n  }\n\n  const selectionLabels = {\n    ...defaultSelectionLabels,\n    ...selection?.labels,\n  }\n\n  const hasPrimaryFilters = !!primaryFilters\n  const hasSecondaryFilters = !!secondaryFilters\n\n  const showFiltersButton = isMobile ? hasPrimaryFilters || hasSecondaryFilters : hasSecondaryFilters\n\n  const totalActiveFiltersCount = activePrimaryFiltersCount + activeSecondaryFiltersCount\n  const activeFiltersCount = isMobile ? totalActiveFiltersCount : activeSecondaryFiltersCount\n  const showBadge = activeFiltersCount > 0\n\n  const filtersButtonLabel = !hasPrimaryFilters || isMobile ? labels.filters : labels.moreFilters\n\n  if (!showColumnVisibilityControls && !primaryFilters && !secondaryFilters && !selection) {\n    return null\n  }\n\n  return (\n    <div className=\"flex shrink-0 flex-col gap-2 p-1\">\n      {!isMobile && primaryFilters && <div className=\"flex flex-wrap items-center gap-2\">{primaryFilters}</div>}\n\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          {selection && (\n            <div className=\"flex items-center gap-2\">\n              {selection.isSelectionStarted ? (\n                <>\n                  <Button variant=\"text\" size=\"sm\" StartIcon={X} onClick={selection.onSelectionCancel}>\n                    {selectionLabels.cancelSelection}\n                  </Button>\n                  {selection.selectionSummary && !isMobile && (\n                    <Typography variant=\"body-sm\" className=\"text-neutral-600\">\n                      {selection.selectionSummary}\n                    </Typography>\n                  )}\n                </>\n              ) : (\n                <TooltipProvider>\n                  <TooltipRoot delayDuration={200}>\n                    <TooltipTrigger asChild>\n                      <div>\n                        <Button\n                          variant=\"text\"\n                          size=\"sm\"\n                          StartIcon={SelectionAll}\n                          onClick={selection.onSelectionStart}\n                          disabled={selection.isSelectionDisabled}\n                        >\n                          {selectionLabels.startSelection}\n                        </Button>\n                      </div>\n                    </TooltipTrigger>\n                    {selection.labels?.selectionDisabledTooltip && selection.isSelectionDisabled && (\n                      <TooltipContent>{selection.labels.selectionDisabledTooltip}</TooltipContent>\n                    )}\n                  </TooltipRoot>\n                </TooltipProvider>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}\n          {showFiltersButton && (\n            <PopoverRoot>\n              <PopoverTrigger asChild>\n                <Button variant=\"text\" size=\"sm\" StartIcon={FunnelSimple} className=\"relative whitespace-nowrap\">\n                  {showBadge && (\n                    <Badge\n                      count={activeFiltersCount}\n                      color=\"primary\"\n                      ping={false}\n                      className=\"absolute -top-1 -right-1\"\n                    />\n                  )}\n                  {filtersButtonLabel}\n                </Button>\n              </PopoverTrigger>\n              <PopoverContent\n                align=\"center\"\n                className={cn('w-fit p-4', isMobile && 'max-h-[80vh] w-[95vw] overflow-y-auto')}\n              >\n                <div className=\"flex flex-col gap-4\">\n                  {isMobile && primaryFilters}\n                  {secondaryFilters}\n                </div>\n              </PopoverContent>\n            </PopoverRoot>\n          )}\n          {showColumnVisibilityControls && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button variant=\"text\" size=\"sm\" className={cn('whitespace-nowrap')} StartIcon={TextColumns}>\n                  {labels.columnVisibilityButton}\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent>\n                <DropdownMenuCheckboxItem\n                  key={'all-columns'}\n                  className=\"capitalize\"\n                  checked={table.getAllColumns().every((column) => column.getIsVisible())}\n                  onSelect={(event) => event.preventDefault()}\n                  onCheckedChange={(value) =>\n                    table.getAllColumns().forEach((column) => column.toggleVisibility(!!value))\n                  }\n                >\n                  {labels.columnVisibilitySelectAll}\n                </DropdownMenuCheckboxItem>\n                <DropdownMenuSeparator className=\"bg-neutral-100\" />\n                {table\n                  .getAllColumns()\n                  .filter((column) => column.getCanHide() && column.id !== 'select')\n                  .map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.id}\n                        className=\"capitalize\"\n                        checked={column.getIsVisible()}\n                        onSelect={(event) => event.preventDefault()}\n                        onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                      >\n                        {column.columnDef.header?.toString()}\n                      </DropdownMenuCheckboxItem>\n                    )\n                  })}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DataTable/index.d.ts

@@ -1 +1,2 @@
 export * from './DataTable';
+export * from './types';

package/dist/components/DataTable/types.d.ts

@@ -1,170 +1,162 @@
 import { ColumnDef } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 export type User = {
-  id: string
-  name: string
-  email: string
-  role: string
-  status: 'active' | 'inactive' | 'pending'
-}
-
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+    status: 'active' | 'inactive' | 'pending';
+};
 export type UserExtended = User & {
-  salary: number
-  employeeId: string
-  manager: string
-  officeNumber: string
-  lastLogin: string
-  vacationDays: number
-  projectCount: number
-  performanceRating: number
-  certifications: Array<string>
-  languages: Array<string>
-  department: string
-  location: string
-  joinDate: string
-  phoneNumber: string
-  title: string
-}
-
+    salary: number;
+    employeeId: string;
+    manager: string;
+    officeNumber: string;
+    lastLogin: string;
+    vacationDays: number;
+    projectCount: number;
+    performanceRating: number;
+    certifications: Array<string>;
+    languages: Array<string>;
+    department: string;
+    location: string;
+    joinDate: string;
+    phoneNumber: string;
+    title: string;
+};
 export type Product = {
-  id: string
-  name: string
-  category: string
-  price: number
-  stock: number
-  lastUpdated: string
-}
-
+    id: string;
+    name: string;
+    category: string;
+    price: number;
+    stock: number;
+    lastUpdated: string;
+};
 export type SelectionConfig<TData> = {
-  /** Whether the row is selected */
-  isSelected: (row: TData) => boolean
-  /** Callback when a row is selected */
-  onSelect?: (row: TData, selected: boolean) => void
-  /** Callback when all rows are selected */
-  onSelectAll?: (selected: boolean) => void
-  /** Optional callback when selection has started (for backend pagination) */
-  onSelectionStart?: () => void
-  /** Optional callback when selection mode is cancelled (for backend pagination) */
-  onSelectionCancel?: () => void
-  /** Whether selection mode is active (for backend pagination) */
-  isSelectionStarted?: boolean
-  /** Whether the selection is disabled */
-  isSelectionDisabled?: boolean
-  /** Whether the row selection is disabled */
-  isRowSelectionDisabled?: boolean | ((row: TData) => boolean)
-  /** Selection-related labels for UI customization */
-  labels?: {
-    /** Text for the selection disabled tooltip */
-    selectionDisabledTooltip?: string | undefined
-    /** Tooltip text shown when the checkbox is disabled */
-    rowSelectionDisabledTooltip?: string | ((row: TData) => string | undefined)
-    /** Text for the start selection button (default: "Select") */
-    startSelection?: string
-    /** Text for the cancel selection button (default: "Cancel") */
-    cancelSelection?: string
-    /** Text for the selection summary (default: "Selected {count} of {total}") */
-    selectionSummary?: string
-  }
-}
-
+    /** Whether the row is selected */
+    isSelected: (row: TData) => boolean;
+    /** Callback when a row is selected */
+    onSelect?: (row: TData, selected: boolean) => void;
+    /** Callback when all rows are selected */
+    onSelectAll?: (selected: boolean) => void;
+    /** Optional callback when selection has started (for backend pagination) */
+    onSelectionStart?: () => void;
+    /** Optional callback when selection mode is cancelled (for backend pagination) */
+    onSelectionCancel?: () => void;
+    /** Whether selection mode is active (for backend pagination) */
+    isSelectionStarted?: boolean;
+    /** Whether the selection is disabled */
+    isSelectionDisabled?: boolean;
+    /** Whether the row selection is disabled */
+    isRowSelectionDisabled?: boolean | ((row: TData) => boolean);
+    /** Selection-related labels for UI customization */
+    labels?: {
+        /** Text for the selection disabled tooltip */
+        selectionDisabledTooltip?: string | undefined;
+        /** Tooltip text shown when the checkbox is disabled */
+        rowSelectionDisabledTooltip?: string | ((row: TData) => string | undefined);
+        /** Text for the start selection button (default: "Select") */
+        startSelection?: string;
+        /** Text for the cancel selection button (default: "Cancel") */
+        cancelSelection?: string;
+        /** Text for the selection summary (default: "Selected {count} of {total}") */
+        selectionSummary?: string;
+    };
+};
 export type BasePaginationProps = {
-  /** Number of rows per page */
-  readonly pageSize: number
-  /** Whether the pagination is in a loading state */
-  readonly isLoading?: boolean
-  /** Text customization for pagination */
-  readonly labels?: {
-    /** Text shown before the page size number (default: "Showing") */
-    showing?: string
-    /** Text shown before the total number (default: "of") */
-    of?: string
-    /** Text shown after the total number (default: "results") */
-    results?: string
-    /** Aria label for previous page button (default: "Previous page") */
-    previousPage?: string
-    /** Aria label for next page button (default: "Next page") */
-    nextPage?: string
-    /** Aria label for page number (default: "Page {number}") */
-    pageLabel?: string
-  }
-}
-
+    /** Number of rows per page */
+    readonly pageSize: number;
+    /** Whether the pagination is in a loading state */
+    readonly isLoading?: boolean;
+    /** Text customization for pagination */
+    readonly labels?: {
+        /** Text shown before the page size number (default: "Showing") */
+        showing?: string;
+        /** Text shown before the total number (default: "of") */
+        of?: string;
+        /** Text shown after the total number (default: "results") */
+        results?: string;
+        /** Aria label for previous page button (default: "Previous page") */
+        previousPage?: string;
+        /** Aria label for next page button (default: "Next page") */
+        nextPage?: string;
+        /** Aria label for page number (default: "Page {number}") */
+        pageLabel?: string;
+    };
+};
 export type BackendPaginationProps = {
-  /** Current page */
-  readonly currentPage: number
-  /** Total number of items */
-  readonly total: number
-  /** Callback when page changes */
-  readonly onPageChange: (page: number) => void
-} & BasePaginationProps
-
+    /** Current page */
+    readonly currentPage: number;
+    /** Total number of items */
+    readonly total: number;
+    /** Callback when page changes */
+    readonly onPageChange: (page: number) => void;
+} & BasePaginationProps;
 export type DataTableProps<TData> = {
-  /** Array of column definitions that describe the table structure */
-  readonly columns: Array<ColumnDef<TData>>
-  /** Array of data items to be displayed in the table */
-  readonly data: Array<TData>
-  /** Whether to show the column visibility toggle menu */
-  readonly showColumnVisibilityControls?: boolean
-  /** Whether the table is in a loading state */
-  readonly isLoading?: boolean
-  /** Pagination configuration. If not provided, pagination is disabled */
-  readonly pagination?: BasePaginationProps | BackendPaginationProps
-  /** Primary filters that appear directly above the table */
-  readonly primaryFilters?: ReactNode
-  /** Secondary filters that appear in the filters dropdown */
-  readonly secondaryFilters?: ReactNode
-  /** Number of active primary filters */
-  readonly activePrimaryFiltersCount?: number
-  /** Number of active secondary filters */
-  readonly activeSecondaryFiltersCount?: number
-  /** Selection configuration */
-  readonly selection?: SelectionConfig<TData>
-  /** Whether to hide the checkbox selection column */
-  readonly hideCheckboxSelection?: boolean
-  /** Empty state configuration */
-  readonly emptyState?: {
-    /** Title for the empty state */
-    title: string
-    /** Description for the empty state */
-    description: string
-    /** Route for the empty state image */
-    imageRoute?: string
-    /** Alt text for the empty state image */
-    imageAlt?: string
-    /** Class name for the empty state image */
-    imageClassName?: string
-  }
-  /** Text customization for filters */
-  readonly labels?: {
-    /** Text for the column visibility button (default: "Hide columns") */
-    columnVisibilityButton?: string
-    /** Text for the columns visibility select all option (default: "Select all") */
-    columnVisibilitySelectAll?: string
-    /** Text for the filters button when only secondary filters are present (default: "Filters") */
-    filters?: string
-    /** Text for the more filters button when both primary and secondary filters are present (default: "More filters") */
-    moreFilters?: string
-  }
-  /** Optional className for the table container */
-  readonly className?: string
-  /** Optional className for the table */
-  readonly tableClassName?: string
-} & (HasId<TData> extends true
-  ? {
-      /** Function to get unique identifier from a row. Not needed when data has 'id' property */
-      readonly getRowId?: RowIdentifierFn<TData>
-    }
-  : {
-      /** Function to get unique identifier from a row. Required when data doesn't have 'id' property */
-      readonly getRowId: RowIdentifierFn<TData>
-    })
-
+    /** Array of column definitions that describe the table structure */
+    readonly columns: Array<ColumnDef<TData>>;
+    /** Array of data items to be displayed in the table */
+    readonly data: Array<TData>;
+    /** Whether to show the column visibility toggle menu */
+    readonly showColumnVisibilityControls?: boolean;
+    /** Whether the table is in a loading state */
+    readonly isLoading?: boolean;
+    /** Pagination configuration. If not provided, pagination is disabled */
+    readonly pagination?: BasePaginationProps | BackendPaginationProps;
+    /** Primary filters that appear directly above the table */
+    readonly primaryFilters?: ReactNode;
+    /** Secondary filters that appear in the filters dropdown */
+    readonly secondaryFilters?: ReactNode;
+    /** Number of active primary filters */
+    readonly activePrimaryFiltersCount?: number;
+    /** Number of active secondary filters */
+    readonly activeSecondaryFiltersCount?: number;
+    /** Selection configuration */
+    readonly selection?: SelectionConfig<TData>;
+    /** Whether to hide the checkbox selection column */
+    readonly hideCheckboxSelection?: boolean;
+    /** Empty state configuration */
+    readonly emptyState?: {
+        /** Title for the empty state */
+        title: string;
+        /** Description for the empty state */
+        description: string;
+        /** Route for the empty state image */
+        imageRoute?: string;
+        /** Alt text for the empty state image */
+        imageAlt?: string;
+        /** Class name for the empty state image */
+        imageClassName?: string;
+    };
+    /** Text customization for filters */
+    readonly labels?: {
+        /** Text for the column visibility button (default: "Hide columns") */
+        columnVisibilityButton?: string;
+        /** Text for the columns visibility select all option (default: "Select all") */
+        columnVisibilitySelectAll?: string;
+        /** Text for the filters button when only secondary filters are present (default: "Filters") */
+        filters?: string;
+        /** Text for the more filters button when both primary and secondary filters are present (default: "More filters") */
+        moreFilters?: string;
+    };
+    /** Optional className for the table container */
+    readonly className?: string;
+    /** Optional className for the table */
+    readonly tableClassName?: string;
+} & (HasId<TData> extends true ? {
+    /** Function to get unique identifier from a row. Not needed when data has 'id' property */
+    readonly getRowId?: RowIdentifierFn<TData>;
+} : {
+    /** Function to get unique identifier from a row. Required when data doesn't have 'id' property */
+    readonly getRowId: RowIdentifierFn<TData>;
+});
 /**
  * Type helper to check if a type has an 'id' property
  */
-export type HasId<T> = T extends { id: string | number } ? true : false
-
+export type HasId<T> = T extends {
+    id: string | number;
+} ? true : false;
 /**
  * Function to get a unique identifier from a row
  */
-export type RowIdentifierFn<T> = (row: T) => string
+export type RowIdentifierFn<T> = (row: T) => string;

package/dist/components/DataTable/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/components/DataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/RadioGroup/RadioGroup.js

@@ -14,7 +14,7 @@ const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
     {
       ref,
       className: cn(
-        "border-primary text-foreground ring-offset-background focus-visible:ring-accent-600 aspect-square h-4 w-4 flex-shrink-0 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "border-primary text-foreground ring-offset-background focus-visible:ring-accent-600 aspect-square h-4 w-4 shrink-0 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Check } from '@phosphor-icons/react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'border-primary text-foreground ring-offset-background focus-visible:ring-accent-600 aspect-square h-4 w-4 flex-shrink-0 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Check className=\"h-3 w-3 text-current\" weight=\"bold\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,UAAA,GAAa,MAAM,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBAAO,GAAA,CAAC,mBAAA,CAAoB,IAAA,EAApB,EAAyB,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAChG,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,oBAAoB,IAAA,CAAK,WAAA;AAElD,MAAM,cAAA,GAAiB,MAAM,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iQAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,SAAA,EAApB,EAA8B,SAAA,EAAU,kCAAA,EACvC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,sBAAA,EAAuB,MAAA,EAAO,MAAA,EAAO,CAAA,EACxD;AAAA;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,oBAAoB,IAAA,CAAK,WAAA;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Check } from '@phosphor-icons/react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'border-primary text-foreground ring-offset-background focus-visible:ring-accent-600 aspect-square h-4 w-4 shrink-0 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Check className=\"h-3 w-3 text-current\" weight=\"bold\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,UAAA,GAAa,MAAM,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBAAO,GAAA,CAAC,mBAAA,CAAoB,IAAA,EAApB,EAAyB,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAChG,CAAC;AACD,UAAA,CAAW,WAAA,GAAc,oBAAoB,IAAA,CAAK,WAAA;AAElD,MAAM,cAAA,GAAiB,MAAM,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,4PAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,SAAA,EAApB,EAA8B,SAAA,EAAU,kCAAA,EACvC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,sBAAA,EAAuB,MAAA,EAAO,MAAA,EAAO,CAAA,EACxD;AAAA;AAAA,GACF;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,oBAAoB,IAAA,CAAK,WAAA;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "periplo-ui",
   "description": "IATI UI library",
   "private": false,
-  "version": "3.27.2",
+  "version": "3.27.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/DataTable/types.d.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.d.js.map

package/dist/components/DataTable/types.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}