@raystack/apsara 0.31.1 → 0.33.0

package/dist/v1/components/data-table/data-table.js

@@ -0,0 +1,85 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { TableContext } from './context.js';
+import { useReactTable } from '../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js';
+import { getDefaultTableQuery, getInitialColumnVisibility, queryToTableState, getColumnsWithFilterFn, groupData, hasQueryChanged, sanitizeTableQuery, defaultGroupOption } from './utils/index.js';
+import { Content } from './components/content.js';
+import { Toolbar } from './components/toolbar.js';
+import { TableSearch } from './components/search.js';
+import { getCoreRowModel, getExpandedRowModel, getSortedRowModel, getFilteredRowModel } from '../../node_modules/.pnpm/@tanstack_table-core@8.9.2/node_modules/@tanstack/table-core/build/lib/index.js';
+
+function DataTableRoot({ data = [], columns, query, mode = "client", isLoading = false, loadingRowCount = 3, defaultSort, children, onTableQueryChange, onLoadMore, }) {
+    const defaultTableQuery = getDefaultTableQuery(defaultSort, query);
+    const initialColumnVisibility = getInitialColumnVisibility(columns);
+    const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
+    const [tableQuery, setTableQuery] = useState(defaultTableQuery);
+    const oldQueryRef = useRef(null);
+    const reactTableState = useMemo(() => queryToTableState(tableQuery), [tableQuery]);
+    function onDisplaySettingsReset() {
+        setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));
+        setColumnVisibility(initialColumnVisibility);
+    }
+    const group_by = tableQuery.group_by?.[0];
+    const columnsWithFilters = useMemo(() => getColumnsWithFilterFn(columns, tableQuery.filters), [columns, tableQuery.filters]);
+    const groupedData = useMemo(() => groupData(data, group_by, columns), [data, group_by, columns]);
+    useEffect(() => {
+        if (tableQuery &&
+            onTableQueryChange &&
+            hasQueryChanged(oldQueryRef.current, tableQuery) &&
+            mode === "server") {
+            onTableQueryChange(sanitizeTableQuery(tableQuery));
+            oldQueryRef.current = tableQuery;
+        }
+    }, [tableQuery, onTableQueryChange]);
+    const table = useReactTable({
+        data: groupedData,
+        columns: columnsWithFilters,
+        getCoreRowModel: getCoreRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
+        getSubRows: (row) => row?.subRows || [],
+        getSortedRowModel: mode === "server" ? undefined : getSortedRowModel(),
+        getFilteredRowModel: mode === "server" ? undefined : getFilteredRowModel(),
+        manualSorting: mode === "server",
+        manualFiltering: mode === "server",
+        onColumnVisibilityChange: setColumnVisibility,
+        globalFilterFn: mode === "server" ? undefined : "auto",
+        initialState: {
+            columnVisibility: initialColumnVisibility,
+        },
+        filterFromLeafRows: true,
+        state: {
+            ...reactTableState,
+            columnVisibility: columnVisibility,
+            expanded: group_by && group_by !== defaultGroupOption.id ? true : undefined,
+        },
+    });
+    function updateTableQuery(fn) {
+        setTableQuery((prev) => fn(prev));
+    }
+    function loadMoreData() {
+        if (mode === "server" && onLoadMore) {
+            onLoadMore();
+        }
+    }
+    const contextValue = {
+        table,
+        columns,
+        mode,
+        isLoading,
+        loadMoreData,
+        tableQuery,
+        updateTableQuery,
+        onDisplaySettingsReset,
+        defaultSort,
+        loadingRowCount,
+    };
+    return (jsxRuntimeExports.jsx(TableContext.Provider, { value: contextValue, children: children }));
+}
+const DataTable = Object.assign(DataTableRoot, {
+    Content: Content,
+    Toolbar: Toolbar,
+    Search: TableSearch,
+});
+
+export { DataTable };
+//# sourceMappingURL=data-table.js.map

package/dist/v1/components/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../../v1/components/data-table/data-table.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n  DataTableProps,\n  DataTableQuery,\n  GroupedData,\n  TableContextType,\n  TableQueryUpdateFn,\n} from \"./data-table.types\";\nimport {\n  VisibilityState,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n  getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n  defaultGroupOption,\n  getColumnsWithFilterFn,\n  getDefaultTableQuery,\n  getInitialColumnVisibility,\n  groupData,\n  hasQueryChanged,\n  queryToTableState,\n  sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n  data = [],\n  columns,\n  query,\n  mode = \"client\",\n  isLoading = false,\n  loadingRowCount = 3,\n  defaultSort,\n  children,\n  onTableQueryChange,\n  onLoadMore,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n  const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n  const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    initialColumnVisibility\n  );\n  const [tableQuery, setTableQuery] =\n    useState<DataTableQuery>(defaultTableQuery);\n\n  const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n  const reactTableState = useMemo(\n    () => queryToTableState(tableQuery),\n    [tableQuery]\n  );\n\n  function onDisplaySettingsReset() {\n    setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n    setColumnVisibility(initialColumnVisibility);\n  }\n\n  const group_by = tableQuery.group_by?.[0];\n\n  const columnsWithFilters = useMemo(\n    () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n    [columns, tableQuery.filters]\n  );\n\n  const groupedData = useMemo(\n    () => groupData(data, group_by, columns),\n    [data, group_by, columns]\n  );\n\n  useEffect(() => {\n    if (\n      tableQuery &&\n      onTableQueryChange &&\n      hasQueryChanged(oldQueryRef.current, tableQuery) &&\n      mode === \"server\"\n    ) {\n      onTableQueryChange(sanitizeTableQuery(tableQuery));\n      oldQueryRef.current = tableQuery;\n    }\n  }, [tableQuery, onTableQueryChange]);\n\n  const table = useReactTable({\n    data: groupedData as TData[],\n    columns: columnsWithFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSubRows: (row) => (row as GroupedData<TData>)?.subRows || [],\n    getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n    getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n    manualSorting: mode === \"server\",\n    manualFiltering: mode === \"server\",\n    onColumnVisibilityChange: setColumnVisibility,\n    globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n    initialState: {\n      columnVisibility: initialColumnVisibility,\n    },\n    filterFromLeafRows: true,\n    state: {\n      ...reactTableState,\n      columnVisibility: columnVisibility,\n      expanded:\n        group_by && group_by !== defaultGroupOption.id ? true : undefined,\n    },\n  });\n\n  function updateTableQuery(fn: TableQueryUpdateFn) {\n    setTableQuery((prev) => fn(prev));\n  }\n\n  function loadMoreData() {\n    if (mode === \"server\" && onLoadMore) {\n      onLoadMore();\n    }\n  }\n\n  const contextValue: TableContextType<TData, TValue> = {\n    table,\n    columns,\n    mode,\n    isLoading,\n    loadMoreData,\n    tableQuery,\n    updateTableQuery,\n    onDisplaySettingsReset,\n    defaultSort,\n    loadingRowCount,\n  };\n\n  return (\n    <TableContext.Provider value={contextValue}>\n      {children}\n    </TableContext.Provider>\n  );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n  Content: Content,\n  Toolbar: Toolbar,\n  Search: TableSearch,\n});\n"],"names":["_jsx"],"mappings":"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"}

package/dist/v1/components/data-table/data-table.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"toolbar":"data-table-module_toolbar__qdolw","display-popover-content":"data-table-module_display-popover-content__A7AAg","display-popover-properties-container":"data-table-module_display-popover-properties-container__kxNzW","display-popover-properties-select":"data-table-module_display-popover-properties-select__oX7TC","display-popover-reset-container":"data-table-module_display-popover-reset-container__xEaUH","display-popover-sort-icon":"data-table-module_display-popover-sort-icon__8pk8D","flex-1":"data-table-module_flex-1__Cnet-","display___popover___content":"data-table-module_display-popover-content__A7AAg","display___popover___properties___container":"data-table-module_display-popover-properties-container__kxNzW","display___popover___properties___select":"data-table-module_display-popover-properties-select__oX7TC","display___popover___reset___container":"data-table-module_display-popover-reset-container__xEaUH","display___popover___sort___icon":"data-table-module_display-popover-sort-icon__8pk8D","flex___1":"data-table-module_flex-1__Cnet-"};
+
+exports.default = styles;
+//# sourceMappingURL=data-table.module.css.cjs.map

package/dist/v1/components/data-table/data-table.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/data-table/data-table.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"toolbar":"data-table-module_toolbar__qdolw","display-popover-content":"data-table-module_display-popover-content__A7AAg","display-popover-properties-container":"data-table-module_display-popover-properties-container__kxNzW","display-popover-properties-select":"data-table-module_display-popover-properties-select__oX7TC","display-popover-reset-container":"data-table-module_display-popover-reset-container__xEaUH","display-popover-sort-icon":"data-table-module_display-popover-sort-icon__8pk8D","flex-1":"data-table-module_flex-1__Cnet-","display___popover___content":"data-table-module_display-popover-content__A7AAg","display___popover___properties___container":"data-table-module_display-popover-properties-container__kxNzW","display___popover___properties___select":"data-table-module_display-popover-properties-select__oX7TC","display___popover___reset___container":"data-table-module_display-popover-reset-container__xEaUH","display___popover___sort___icon":"data-table-module_display-popover-sort-icon__8pk8D","flex___1":"data-table-module_flex-1__Cnet-"};
+
+export { styles as default };
+//# sourceMappingURL=data-table.module.css.js.map

package/dist/v1/components/data-table/data-table.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/data-table/data-table.types.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+const SortOrders = {
+    ASC: "asc",
+    DESC: "desc",
+};
+
+exports.SortOrders = SortOrders;
+//# sourceMappingURL=data-table.types.cjs.map

package/dist/v1/components/data-table/data-table.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.types.cjs","sources":["../../../../v1/components/data-table/data-table.types.tsx"],"sourcesContent":["import type { Column, ColumnDef, Table } from \"@tanstack/table-core\";\nimport type {\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n} from \"~/v1/types/filters\";\n\nexport type DataTableMode = \"client\" | \"server\";\n\nexport const SortOrders = {\n  ASC: \"asc\",\n  DESC: \"desc\",\n} as const;\n\nexport interface RQLFilter {\n  _type: FilterTypes;\n  name: string;\n  operator: FilterOperatorTypes;\n  value: any;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = typeof SortOrders[SortOrdersKeys];\n\nexport interface Sort {\n  name: string;\n  order: SortOrdersValues;\n}\n\nexport interface DataTableQuery {\n  filters?: RQLFilter[];\n  sort?: Sort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n  __group_by_sort?: SortOrdersValues;\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  \"columnDef\"\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  columnType: FilterTypes;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  groupSortOrder?: SortOrdersValues;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery;\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  tableQuery?: DataTableQuery;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: Sort;\n  onLoadMore?: () => Promise<void>;\n}\n\nexport type DataTableContentProps = {\n  emptyState?: React.ReactNode;\n  classNames?: {\n    table?: string;\n    header?: string;\n    body?: string;\n  };\n};\n\nexport type TableQueryUpdateFn = (query: DataTableQuery) => DataTableQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: Sort;\n  tableQuery?: DataTableQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n"],"names":[],"mappings":";;AASa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;;;;;"}

package/dist/v1/components/data-table/data-table.types.d.ts

@@ -0,0 +1,102 @@
+import type { Column, ColumnDef, Table } from "@tanstack/table-core";
+import type { FilterOperatorTypes, FilterSelectOption, FilterTypes } from "~/v1/types/filters";
+export type DataTableMode = "client" | "server";
+export declare const SortOrders: {
+    readonly ASC: "asc";
+    readonly DESC: "desc";
+};
+export interface RQLFilter {
+    _type: FilterTypes;
+    name: string;
+    operator: FilterOperatorTypes;
+    value: any;
+}
+type SortOrdersKeys = keyof typeof SortOrders;
+export type SortOrdersValues = typeof SortOrders[SortOrdersKeys];
+export interface Sort {
+    name: string;
+    order: SortOrdersValues;
+}
+export interface DataTableQuery {
+    filters?: RQLFilter[];
+    sort?: Sort[];
+    group_by?: string[];
+    offset?: number;
+    limit?: number;
+    search?: string;
+    __group_by_sort?: SortOrdersValues;
+}
+export type DataTableColumn<TData, TValue> = Omit<Column<TData, TValue>, "columnDef"> & {
+    columnDef: DataTableColumnDef<TData, TValue>;
+};
+export type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {
+    accessorKey: string;
+    header: string;
+    columnType: FilterTypes;
+    enableColumnFilter?: boolean;
+    enableSorting?: boolean;
+    enableHiding?: boolean;
+    defaultHidden?: boolean;
+    filterOptions?: FilterSelectOption[];
+    classNames?: {
+        cell?: string;
+        header?: string;
+    };
+    styles?: {
+        cell?: React.CSSProperties;
+        header?: React.CSSProperties;
+    };
+    enableGrouping?: boolean;
+    groupSortOrder?: SortOrdersValues;
+    showGroupCount?: boolean;
+    groupCountMap?: Record<string, number>;
+    icon?: React.ReactNode;
+};
+export interface DataTableProps<TData, TValue> {
+    columns: DataTableColumnDef<TData, TValue>[];
+    data: TData[];
+    query?: DataTableQuery;
+    mode?: DataTableMode;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    tableQuery?: DataTableQuery;
+    onTableQueryChange?: (query: DataTableQuery) => void;
+    defaultSort: Sort;
+    onLoadMore?: () => Promise<void>;
+}
+export type DataTableContentProps = {
+    emptyState?: React.ReactNode;
+    classNames?: {
+        table?: string;
+        header?: string;
+        body?: string;
+    };
+};
+export type TableQueryUpdateFn = (query: DataTableQuery) => DataTableQuery;
+export type TableContextType<TData, TValue> = {
+    table: Table<TData>;
+    columns: DataTableColumnDef<TData, TValue>[];
+    isLoading?: boolean;
+    loadMoreData: () => void;
+    mode: DataTableMode;
+    defaultSort: Sort;
+    tableQuery?: DataTableQuery;
+    loadingRowCount?: number;
+    onDisplaySettingsReset: () => void;
+    updateTableQuery: (fn: TableQueryUpdateFn) => void;
+};
+export interface ColumnData {
+    label: string;
+    id: string;
+    isVisible?: boolean;
+}
+interface SubRows<T> {
+}
+export interface GroupedData<T> extends SubRows<T> {
+    group_key: string;
+    subRows: T[];
+    count?: number;
+    showGroupCount?: boolean;
+}
+export {};
+//# sourceMappingURL=data-table.types.d.ts.map

package/dist/v1/components/data-table/data-table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.types.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/data-table.types.tsx"],"names":[],"mappings":"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"}

package/dist/v1/components/data-table/data-table.types.js

@@ -0,0 +1,7 @@
+const SortOrders = {
+    ASC: "asc",
+    DESC: "desc",
+};
+
+export { SortOrders };
+//# sourceMappingURL=data-table.types.js.map

package/dist/v1/components/data-table/data-table.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.types.js","sources":["../../../../v1/components/data-table/data-table.types.tsx"],"sourcesContent":["import type { Column, ColumnDef, Table } from \"@tanstack/table-core\";\nimport type {\n  FilterOperatorTypes,\n  FilterSelectOption,\n  FilterTypes,\n} from \"~/v1/types/filters\";\n\nexport type DataTableMode = \"client\" | \"server\";\n\nexport const SortOrders = {\n  ASC: \"asc\",\n  DESC: \"desc\",\n} as const;\n\nexport interface RQLFilter {\n  _type: FilterTypes;\n  name: string;\n  operator: FilterOperatorTypes;\n  value: any;\n}\n\ntype SortOrdersKeys = keyof typeof SortOrders;\nexport type SortOrdersValues = typeof SortOrders[SortOrdersKeys];\n\nexport interface Sort {\n  name: string;\n  order: SortOrdersValues;\n}\n\nexport interface DataTableQuery {\n  filters?: RQLFilter[];\n  sort?: Sort[];\n  group_by?: string[];\n  offset?: number;\n  limit?: number;\n  search?: string;\n  __group_by_sort?: SortOrdersValues;\n}\n\nexport type DataTableColumn<TData, TValue> = Omit<\n  Column<TData, TValue>,\n  \"columnDef\"\n> & {\n  columnDef: DataTableColumnDef<TData, TValue>;\n};\n\nexport type DataTableColumnDef<TData, TValue> = ColumnDef<TData, TValue> & {\n  accessorKey: string;\n  header: string;\n  columnType: FilterTypes;\n  enableColumnFilter?: boolean;\n  enableSorting?: boolean;\n  enableHiding?: boolean;\n  defaultHidden?: boolean;\n  filterOptions?: FilterSelectOption[];\n  classNames?: {\n    cell?: string;\n    header?: string;\n  };\n  styles?: {\n    cell?: React.CSSProperties;\n    header?: React.CSSProperties;\n  };\n  enableGrouping?: boolean;\n  groupSortOrder?: SortOrdersValues;\n  showGroupCount?: boolean;\n  groupCountMap?: Record<string, number>;\n  // TODO: implement these\n  icon?: React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> {\n  columns: DataTableColumnDef<TData, TValue>[];\n  data: TData[];\n  query?: DataTableQuery;\n  mode?: DataTableMode;\n  isLoading?: boolean;\n  loadingRowCount?: number;\n  tableQuery?: DataTableQuery;\n  onTableQueryChange?: (query: DataTableQuery) => void;\n  defaultSort: Sort;\n  onLoadMore?: () => Promise<void>;\n}\n\nexport type DataTableContentProps = {\n  emptyState?: React.ReactNode;\n  classNames?: {\n    table?: string;\n    header?: string;\n    body?: string;\n  };\n};\n\nexport type TableQueryUpdateFn = (query: DataTableQuery) => DataTableQuery;\n\nexport type TableContextType<TData, TValue> = {\n  table: Table<TData>;\n  columns: DataTableColumnDef<TData, TValue>[];\n  isLoading?: boolean;\n  loadMoreData: () => void;\n  mode: DataTableMode;\n  defaultSort: Sort;\n  tableQuery?: DataTableQuery;\n  loadingRowCount?: number;\n  onDisplaySettingsReset: () => void;\n  updateTableQuery: (fn: TableQueryUpdateFn) => void;\n};\n\nexport interface ColumnData {\n  label: string;\n  id: string;\n  isVisible?: boolean;\n}\n\ninterface SubRows<T> {}\n\nexport interface GroupedData<T> extends SubRows<T> {\n  group_key: string;\n  subRows: T[];\n  count?: number;\n  showGroupCount?: boolean;\n}\n"],"names":[],"mappings":"AASa,MAAA,UAAU,GAAG;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;;;;;"}

package/dist/v1/components/data-table/hooks/useDataTable.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var context = require('../context.cjs');
+
+const useDataTable = () => {
+    const ctx = React.useContext(context.TableContext);
+    if (ctx === null) {
+        throw new Error("useDataTable must be used inside of a DataTable.Provider");
+    }
+    return ctx;
+};
+
+exports.useDataTable = useDataTable;
+//# sourceMappingURL=useDataTable.cjs.map

package/dist/v1/components/data-table/hooks/useDataTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTable.cjs","sources":["../../../../../v1/components/data-table/hooks/useDataTable.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { TableContext } from \"../context\";\n\nexport const useDataTable = () => {\n  const ctx = useContext(TableContext);\n  if (ctx === null) {\n    throw new Error(\"useDataTable must be used inside of a DataTable.Provider\");\n  }\n\n  return ctx;\n};\n"],"names":["useContext","TableContext"],"mappings":";;;;;AAGO,MAAM,YAAY,GAAG,MAAK;AAC/B,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,oBAAY,CAAC,CAAC;AACrC,IAAA,IAAI,GAAG,KAAK,IAAI,EAAE;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;KAC7E;AAED,IAAA,OAAO,GAAG,CAAC;AACb;;;;"}

package/dist/v1/components/data-table/hooks/useDataTable.d.ts

@@ -0,0 +1,2 @@
+export declare const useDataTable: () => import("../data-table.types").TableContextType<any, any>;
+//# sourceMappingURL=useDataTable.d.ts.map

package/dist/v1/components/data-table/hooks/useDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTable.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/hooks/useDataTable.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,gEAOxB,CAAC"}

package/dist/v1/components/data-table/hooks/useDataTable.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { TableContext } from '../context.js';
+
+const useDataTable = () => {
+    const ctx = useContext(TableContext);
+    if (ctx === null) {
+        throw new Error("useDataTable must be used inside of a DataTable.Provider");
+    }
+    return ctx;
+};
+
+export { useDataTable };
+//# sourceMappingURL=useDataTable.js.map

package/dist/v1/components/data-table/hooks/useDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTable.js","sources":["../../../../../v1/components/data-table/hooks/useDataTable.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { TableContext } from \"../context\";\n\nexport const useDataTable = () => {\n  const ctx = useContext(TableContext);\n  if (ctx === null) {\n    throw new Error(\"useDataTable must be used inside of a DataTable.Provider\");\n  }\n\n  return ctx;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,MAAK;AAC/B,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AACrC,IAAA,IAAI,GAAG,KAAK,IAAI,EAAE;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;KAC7E;AAED,IAAA,OAAO,GAAG,CAAC;AACb;;;;"}

package/dist/v1/components/data-table/hooks/useFilters.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var useDataTable = require('./useDataTable.cjs');
+var filters = require('../../../types/filters.cjs');
+
+function useFilters() {
+    const { updateTableQuery } = useDataTable.useDataTable();
+    function onAddFilter(column) {
+        const columnDef = column.columnDef;
+        const id = columnDef.accessorKey || column.id;
+        const options = columnDef.filterOptions || [];
+        const columnType = columnDef.columnType || "text";
+        const defaultFilter = filters.filterOperators[columnType][0];
+        const defaultValue = columnType === filters.FilterType.date
+            ? new Date()
+            : columnType === filters.FilterType.select
+                ? options[0].value
+                : "";
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: [
+                    ...(query.filters || []),
+                    // TODO: Add default filter value in column definition
+                    {
+                        _type: columnType,
+                        name: id,
+                        value: defaultValue,
+                        operator: defaultFilter.value,
+                    },
+                ],
+            };
+        });
+    }
+    function handleRemoveFilter(columnId) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.filter((filter) => filter.name !== columnId),
+            };
+        });
+    }
+    function handleFilterValueChange(columnId, value) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.map((filter) => {
+                    if (filter.name === columnId) {
+                        return { ...filter, value };
+                    }
+                    return filter;
+                }),
+            };
+        });
+    }
+    function handleFilterOperationChange(columnId, operator) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.map((filter) => {
+                    if (filter.name === columnId) {
+                        return { ...filter, operator };
+                    }
+                    return filter;
+                }),
+            };
+        });
+    }
+    return {
+        onAddFilter,
+        handleRemoveFilter,
+        handleFilterValueChange,
+        handleFilterOperationChange,
+    };
+}
+
+exports.useFilters = useFilters;
+//# sourceMappingURL=useFilters.cjs.map

package/dist/v1/components/data-table/hooks/useFilters.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.cjs","sources":["../../../../../v1/components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import { useDataTable } from \"./useDataTable\";\nimport {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators,\n} from \"~/v1/types/filters\";\nimport { DataTableColumn } from \"../data-table.types\";\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const columnType = columnDef.columnType || \"text\";\n    const defaultFilter = filterOperators[columnType][0];\n    const defaultValue =\n      columnType === FilterType.date\n        ? new Date()\n        : columnType === FilterType.select\n        ? options[0].value\n        : \"\";\n\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _type: columnType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value,\n          },\n        ],\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.filter((filter) => filter.name !== columnId),\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.map((filter) => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        }),\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.map((filter) => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        }),\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange,\n  };\n}\n"],"names":["useDataTable","filterOperators","FilterType"],"mappings":";;;;;SAQgB,UAAU,GAAA;AACxB,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGA,yBAAY,EAAE,CAAC;IAE5C,SAAS,WAAW,CAAC,MAAsC,EAAA;AACzD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,CAAC;AAC9C,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,IAAI,EAAE,CAAC;AAC9C,QAAA,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,MAAM,CAAC;QAClD,MAAM,aAAa,GAAGC,uBAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,YAAY,GAChB,UAAU,KAAKC,kBAAU,CAAC,IAAI;cAC1B,IAAI,IAAI,EAAE;AACZ,cAAE,UAAU,KAAKA,kBAAU,CAAC,MAAM;AAClC,kBAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;kBAChB,EAAE,CAAC;AAET,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;;AAExB,oBAAA;AACE,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,KAAK,EAAE,YAAY;wBACnB,QAAQ,EAAE,aAAa,CAAC,KAAK;AAC9B,qBAAA;AACF,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aACrE,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,uBAAuB,CAAC,QAAgB,EAAE,KAAU,EAAA;AAC3D,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACrC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC;qBAC7B;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,2BAA2B,CAClC,QAAgB,EAChB,QAA6B,EAAA;AAE7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACrC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC;qBAChC;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,OAAO;QACL,WAAW;QACX,kBAAkB;QAClB,uBAAuB;QACvB,2BAA2B;KAC5B,CAAC;AACJ;;;;"}

package/dist/v1/components/data-table/hooks/useFilters.d.ts

@@ -0,0 +1,9 @@
+import { FilterOperatorTypes } from "~/v1/types/filters";
+import { DataTableColumn } from "../data-table.types";
+export declare function useFilters<TData, TValue>(): {
+    onAddFilter: (column: DataTableColumn<TData, TValue>) => void;
+    handleRemoveFilter: (columnId: string) => void;
+    handleFilterValueChange: (columnId: string, value: any) => void;
+    handleFilterOperationChange: (columnId: string, operator: FilterOperatorTypes) => void;
+};
+//# sourceMappingURL=useFilters.d.ts.map

package/dist/v1/components/data-table/hooks/useFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../../../../v1/components/data-table/hooks/useFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EAGpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;0BAGT,gBAAgB,KAAK,EAAE,MAAM,CAAC;mCA8BrB,MAAM;wCASD,MAAM,SAAS,GAAG;4CAejD,MAAM,YACN,mBAAmB;EAqBhC"}

package/dist/v1/components/data-table/hooks/useFilters.js

@@ -0,0 +1,76 @@
+import { useDataTable } from './useDataTable.js';
+import { filterOperators, FilterType } from '../../../types/filters.js';
+
+function useFilters() {
+    const { updateTableQuery } = useDataTable();
+    function onAddFilter(column) {
+        const columnDef = column.columnDef;
+        const id = columnDef.accessorKey || column.id;
+        const options = columnDef.filterOptions || [];
+        const columnType = columnDef.columnType || "text";
+        const defaultFilter = filterOperators[columnType][0];
+        const defaultValue = columnType === FilterType.date
+            ? new Date()
+            : columnType === FilterType.select
+                ? options[0].value
+                : "";
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: [
+                    ...(query.filters || []),
+                    // TODO: Add default filter value in column definition
+                    {
+                        _type: columnType,
+                        name: id,
+                        value: defaultValue,
+                        operator: defaultFilter.value,
+                    },
+                ],
+            };
+        });
+    }
+    function handleRemoveFilter(columnId) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.filter((filter) => filter.name !== columnId),
+            };
+        });
+    }
+    function handleFilterValueChange(columnId, value) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.map((filter) => {
+                    if (filter.name === columnId) {
+                        return { ...filter, value };
+                    }
+                    return filter;
+                }),
+            };
+        });
+    }
+    function handleFilterOperationChange(columnId, operator) {
+        updateTableQuery((query) => {
+            return {
+                ...query,
+                filters: query.filters?.map((filter) => {
+                    if (filter.name === columnId) {
+                        return { ...filter, operator };
+                    }
+                    return filter;
+                }),
+            };
+        });
+    }
+    return {
+        onAddFilter,
+        handleRemoveFilter,
+        handleFilterValueChange,
+        handleFilterOperationChange,
+    };
+}
+
+export { useFilters };
+//# sourceMappingURL=useFilters.js.map

package/dist/v1/components/data-table/hooks/useFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilters.js","sources":["../../../../../v1/components/data-table/hooks/useFilters.tsx"],"sourcesContent":["import { useDataTable } from \"./useDataTable\";\nimport {\n  FilterOperatorTypes,\n  FilterType,\n  filterOperators,\n} from \"~/v1/types/filters\";\nimport { DataTableColumn } from \"../data-table.types\";\n\nexport function useFilters<TData, TValue>() {\n  const { updateTableQuery } = useDataTable();\n\n  function onAddFilter(column: DataTableColumn<TData, TValue>) {\n    const columnDef = column.columnDef;\n    const id = columnDef.accessorKey || column.id;\n    const options = columnDef.filterOptions || [];\n    const columnType = columnDef.columnType || \"text\";\n    const defaultFilter = filterOperators[columnType][0];\n    const defaultValue =\n      columnType === FilterType.date\n        ? new Date()\n        : columnType === FilterType.select\n        ? options[0].value\n        : \"\";\n\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: [\n          ...(query.filters || []),\n          // TODO: Add default filter value in column definition\n          {\n            _type: columnType,\n            name: id,\n            value: defaultValue,\n            operator: defaultFilter.value,\n          },\n        ],\n      };\n    });\n  }\n\n  function handleRemoveFilter(columnId: string) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.filter((filter) => filter.name !== columnId),\n      };\n    });\n  }\n\n  function handleFilterValueChange(columnId: string, value: any) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.map((filter) => {\n          if (filter.name === columnId) {\n            return { ...filter, value };\n          }\n          return filter;\n        }),\n      };\n    });\n  }\n\n  function handleFilterOperationChange(\n    columnId: string,\n    operator: FilterOperatorTypes\n  ) {\n    updateTableQuery((query) => {\n      return {\n        ...query,\n        filters: query.filters?.map((filter) => {\n          if (filter.name === columnId) {\n            return { ...filter, operator };\n          }\n          return filter;\n        }),\n      };\n    });\n  }\n\n  return {\n    onAddFilter,\n    handleRemoveFilter,\n    handleFilterValueChange,\n    handleFilterOperationChange,\n  };\n}\n"],"names":[],"mappings":";;;SAQgB,UAAU,GAAA;AACxB,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5C,SAAS,WAAW,CAAC,MAAsC,EAAA;AACzD,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,MAAM,EAAE,GAAG,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,CAAC;AAC9C,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,IAAI,EAAE,CAAC;AAC9C,QAAA,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,MAAM,CAAC;QAClD,MAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,YAAY,GAChB,UAAU,KAAK,UAAU,CAAC,IAAI;cAC1B,IAAI,IAAI,EAAE;AACZ,cAAE,UAAU,KAAK,UAAU,CAAC,MAAM;AAClC,kBAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;kBAChB,EAAE,CAAC;AAET,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;;AAExB,oBAAA;AACE,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,KAAK,EAAE,YAAY;wBACnB,QAAQ,EAAE,aAAa,CAAC,KAAK;AAC9B,qBAAA;AACF,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aACrE,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,uBAAuB,CAAC,QAAgB,EAAE,KAAU,EAAA;AAC3D,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACrC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE,CAAC;qBAC7B;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,SAAS,2BAA2B,CAClC,QAAgB,EAChB,QAA6B,EAAA;AAE7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACrC,oBAAA,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC5B,wBAAA,OAAO,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC;qBAChC;AACD,oBAAA,OAAO,MAAM,CAAC;AAChB,iBAAC,CAAC;aACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,OAAO;QACL,WAAW;QACX,kBAAkB;QAClB,uBAAuB;QACvB,2BAA2B;KAC5B,CAAC;AACJ;;;;"}

package/dist/v1/components/data-table/index.d.ts

@@ -0,0 +1,4 @@
+export { DataTable } from "./data-table";
+export { DataTableColumnDef, DataTableQuery } from "./data-table.types";
+export { useDataTable } from "./hooks/useDataTable";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/v1/components/data-table/utils/filter-operations.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var dayjs_min = require('../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var isSameOrAfter = require('../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrAfter.cjs');
+var isSameOrBefore = require('../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/isSameOrBefore.cjs');
+
+dayjs_min.default.extend(isSameOrAfter.default);
+dayjs_min.default.extend(isSameOrBefore.default);
+const filterOperationsMap = {
+    number: {
+        eq: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) === Number(filterValue.value);
+        },
+        neq: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) !== Number(filterValue.value);
+        },
+        lt: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) < Number(filterValue.value);
+        },
+        lte: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) <= Number(filterValue.value);
+        },
+        gt: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) > Number(filterValue.value);
+        },
+        gte: (row, columnId, filterValue) => {
+            return Number(row.getValue(columnId)) >= Number(filterValue.value);
+        },
+    },
+    text: {
+        eq: (row, columnId, filterValue) => {
+            return (String(row.getValue(columnId)).toLowerCase() ===
+                String(filterValue.value).toLowerCase());
+        },
+        neq: (row, columnId, filterValue) => {
+            return (String(row.getValue(columnId)).toLowerCase() !==
+                String(filterValue.value).toLowerCase());
+        },
+        like: (row, columnId, filterValue) => {
+            const columnValue = row.getValue(columnId).toLowerCase();
+            const filterStr = filterValue.value.toLowerCase();
+            return columnValue.includes(filterStr);
+        },
+    },
+    date: {
+        eq: (row, columnId, filterValue) => {
+            return dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), "day");
+        },
+        neq: (row, columnId, filterValue) => {
+            return !dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), "day");
+        },
+        lt: (row, columnId, filterValue) => {
+            return dayjs_min.default(row.getValue(columnId)).isBefore(dayjs_min.default(filterValue.date), "day");
+        },
+        lte: (row, columnId, filterValue) => {
+            return dayjs_min.default(row.getValue(columnId)).isSameOrBefore(dayjs_min.default(filterValue.date), "day");
+        },
+        gt: (row, columnId, filterValue) => {
+            return dayjs_min.default(row.getValue(columnId)).isAfter(dayjs_min.default(filterValue.date), "day");
+        },
+        gte: (row, columnId, filterValue) => {
+            return dayjs_min.default(row.getValue(columnId)).isSameOrAfter(dayjs_min.default(filterValue.date), "day");
+        },
+    },
+    select: {
+        eq: (row, columnId, filterValue) => {
+            // Select only supports string values
+            return String(row.getValue(columnId)) === String(filterValue.value);
+        },
+        neq: (row, columnId, filterValue) => {
+            // Select only supports string values
+            return String(row.getValue(columnId)) !== String(filterValue.value);
+        },
+    },
+};
+function getFilterFn(type, operator) {
+    // @ts-expect-error FilterOperatorTypes is union of all possible operators
+    return filterOperationsMap[type][operator];
+}
+
+exports.filterOperationsMap = filterOperationsMap;
+exports.getFilterFn = getFilterFn;
+//# sourceMappingURL=filter-operations.cjs.map

package/dist/v1/components/data-table/utils/filter-operations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-operations.cjs","sources":["../../../../../v1/components/data-table/utils/filter-operations.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\nimport type { FilterFn } from \"@tanstack/table-core\";\nimport {\n  FilterValue,\n  NumberFilterOperatorType,\n  TextFilterOperatorType,\n  DateFilterOperatorType,\n  SelectFilterOperatorType,\n  FilterOperatorTypes,\n} from \"~/v1/types/filters\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nexport type FilterFunctionsMap = {\n  number: Record<NumberFilterOperatorType, FilterFn<any>>;\n  text: Record<TextFilterOperatorType, FilterFn<any>>;\n  date: Record<DateFilterOperatorType, FilterFn<any>>;\n  select: Record<SelectFilterOperatorType, FilterFn<any>>;\n};\n\nexport const filterOperationsMap: FilterFunctionsMap = {\n  number: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) === Number(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) !== Number(filterValue.value);\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) < Number(filterValue.value);\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) <= Number(filterValue.value);\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) > Number(filterValue.value);\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) >= Number(filterValue.value);\n    },\n  },\n  text: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() ===\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() !==\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    like: (row, columnId, filterValue: FilterValue) => {\n      const columnValue = (row.getValue(columnId) as string).toLowerCase();\n      const filterStr = (filterValue.value as string).toLowerCase();\n      return columnValue.includes(filterStr);\n    },\n  },\n  date: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return !dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isBefore(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrBefore(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isAfter(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrAfter(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n  },\n  select: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      // Select only supports string values\n      return String(row.getValue(columnId)) === String(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      // Select only supports string values\n      return String(row.getValue(columnId)) !== String(filterValue.value);\n    },\n  },\n} as const;\n\nexport function getFilterFn<T extends keyof FilterFunctionsMap>(\n  type: T,\n  operator: FilterOperatorTypes\n) {\n  // @ts-expect-error FilterOperatorTypes is union of all possible operators\n  return filterOperationsMap[type][operator];\n}\n"],"names":["dayjs","isSameOrAfter","isSameOrBefore"],"mappings":";;;;;;AAcAA,iBAAK,CAAC,MAAM,CAACC,qBAAa,CAAC,CAAC;AAC5BD,iBAAK,CAAC,MAAM,CAACE,sBAAc,CAAC,CAAC;AAShB,MAAA,mBAAmB,GAAuB;AACrD,IAAA,MAAM,EAAE;QACN,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC9C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACrE;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC/C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACrE;QACD,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC9C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACnE;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC/C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACpE;QACD,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC9C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACnE;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC/C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACpE;AACF,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC9C,YAAA,QACE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE;gBAC5C,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,EACvC;SACH;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;AAC/C,YAAA,QACE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE;gBAC5C,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,EACvC;SACH;QACD,IAAI,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAChD,MAAM,WAAW,GAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAY,CAAC,WAAW,EAAE,CAAC;YACrE,MAAM,SAAS,GAAI,WAAW,CAAC,KAAgB,CAAC,WAAW,EAAE,CAAC;AAC9D,YAAA,OAAO,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACxC;AACF,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC9C,OAAOF,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CACzCA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC/C,OAAO,CAACA,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAC1CA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;QACD,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC9C,OAAOA,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC3CA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC/C,OAAOA,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CACjDA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;QACD,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC9C,OAAOA,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAC1CA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;YAC/C,OAAOA,iBAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAChDA,iBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EACvB,KAAK,CACN,CAAC;SACH;AACF,KAAA;AACD,IAAA,MAAM,EAAE;QACN,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;;AAE9C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACrE;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAwB,KAAI;;AAE/C,YAAA,OAAO,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACrE;AACF,KAAA;EACQ;AAEK,SAAA,WAAW,CACzB,IAAO,EACP,QAA6B,EAAA;;AAG7B,IAAA,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC7C;;;;;"}