@multiplatform.one/table 6.0.4 → 6.3.0

package/dist/esm/components/DataTableFilters/DataTableFilters.spec.mjs

@@ -1,688 +0,0 @@
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { describe, expect, it, vi } from "vitest";
-import { DataTableFilters } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-describe("DataTableFilters", () => {
-  const sampleColumns = [{
-    id: "name",
-    label: "Name",
-    type: "text"
-  }, {
-    id: "age",
-    label: "Age",
-    type: "number"
-  }, {
-    id: "status",
-    label: "Status",
-    type: "select",
-    options: [{
-      label: "Active",
-      value: "active"
-    }, {
-      label: "Inactive",
-      value: "inactive"
-    }]
-  }, {
-    id: "date",
-    label: "Date",
-    type: "date"
-  }];
-  const sampleFilters = [{
-    id: "filter1",
-    columnId: "name",
-    value: {
-      operator: "contains",
-      value: "John"
-    }
-  }, {
-    id: "filter2",
-    columnId: "age",
-    value: {
-      operator: "isGreaterThanOrEqual",
-      value: 25
-    }
-  }];
-  const defaultProps = {
-    filters: [],
-    onFiltersChange: vi.fn(),
-    onAddFilter: vi.fn(),
-    onRemoveFilter: vi.fn(),
-    onClearFilters: vi.fn(),
-    availableColumns: sampleColumns,
-    maxFilters: 10,
-    showFilterCount: true,
-    compact: false
-  };
-  describe("basic rendering", () => {
-    it("should render filters component with no filters", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should render filters component with existing filters", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should display filter count when showFilterCount is true", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        showFilterCount: true
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should not display filter count when showFilterCount is false", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        showFilterCount: false
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("filter management", () => {
-    it("should call onAddFilter when adding a new filter", () => {
-      const onAddFilter = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        onAddFilter
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should call onRemoveFilter when removing a filter", () => {
-      const onRemoveFilter = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        onRemoveFilter
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should call onClearFilters when clearing all filters", () => {
-      const onClearFilters = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        onClearFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should call onFiltersChange when filters are updated", () => {
-      const onFiltersChange = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        onFiltersChange
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should prevent adding filters beyond maxFilters limit", () => {
-      const onAddFilter = vi.fn();
-      const manyFilters = Array.from({
-        length: 10
-      }, (_, i) => ({
-        id: `filter${i}`,
-        columnId: "name",
-        value: {
-          operator: "contains",
-          value: `value${i}`
-        }
-      }));
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: manyFilters,
-        maxFilters: 10,
-        onAddFilter
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("filter types", () => {
-    it("should handle text filters", () => {
-      const textFilters = [{
-        id: "text1",
-        columnId: "name",
-        value: {
-          operator: "contains",
-          value: "search term"
-        }
-      }, {
-        id: "text2",
-        columnId: "name",
-        value: {
-          operator: "is",
-          value: "exact match"
-        }
-      }, {
-        id: "text3",
-        columnId: "name",
-        value: {
-          operator: "startsWith",
-          value: "prefix"
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: textFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle number filters", () => {
-      const numberFilters = [{
-        id: "num1",
-        columnId: "age",
-        value: {
-          operator: "is",
-          value: 25
-        }
-      }, {
-        id: "num2",
-        columnId: "age",
-        value: {
-          operator: "isGreaterThanOrEqual",
-          value: 18
-        }
-      }, {
-        id: "num3",
-        columnId: "age",
-        value: {
-          operator: "isLessThanOrEqual",
-          value: 65
-        }
-      }, {
-        id: "num4",
-        columnId: "age",
-        value: {
-          operator: "isBetween",
-          value: 20,
-          values: [20, 30]
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: numberFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle select filters", () => {
-      const selectFilters = [{
-        id: "select1",
-        columnId: "status",
-        value: {
-          operator: "is",
-          value: "active"
-        }
-      }, {
-        id: "select2",
-        columnId: "status",
-        value: {
-          operator: "isAnyOf",
-          value: "active",
-          values: ["active", "inactive"]
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: selectFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle date filters", () => {
-      const dateFilters = [{
-        id: "date1",
-        columnId: "date",
-        value: {
-          operator: "is",
-          value: /* @__PURE__ */new Date("2024-01-01")
-        }
-      }, {
-        id: "date2",
-        columnId: "date",
-        value: {
-          operator: "isBefore",
-          value: /* @__PURE__ */new Date("2024-12-31")
-        }
-      }, {
-        id: "date3",
-        columnId: "date",
-        value: {
-          operator: "isAfter",
-          value: /* @__PURE__ */new Date("2024-01-01")
-        }
-      }, {
-        id: "date4",
-        columnId: "date",
-        value: {
-          operator: "isBetween",
-          value: /* @__PURE__ */new Date("2024-01-01"),
-          values: [/* @__PURE__ */new Date("2024-01-01"), /* @__PURE__ */new Date("2024-12-31")]
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: dateFilters
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("compact mode", () => {
-    it("should render in compact mode when compact is true", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        compact: true
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should render in normal mode when compact is false", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        compact: false
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("filter builder", () => {
-    it("should show filter builder dialog", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle column selection in filter builder", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle operator selection in filter builder", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle value input in filter builder", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("filter display", () => {
-    it("should display active filters", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should show filter badges with descriptions", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should allow removing individual filters", () => {
-      const onRemoveFilter = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        onRemoveFilter
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should show clear all filters button", () => {
-      const onClearFilters = vi.fn();
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters,
-        onClearFilters
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("responsive behavior", () => {
-    it("should adapt to different screen sizes", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should show sheet on mobile devices", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("accessibility", () => {
-    it("should have proper ARIA labels for filter buttons", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should have proper ARIA labels for filter inputs", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should support keyboard navigation", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should announce filter changes to screen readers", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("edge cases", () => {
-    it("should handle empty filters array", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: []
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle empty availableColumns array", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        availableColumns: []
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle filters with invalid column references", () => {
-      const invalidFilters = [{
-        id: "invalid",
-        columnId: "nonexistent",
-        value: {
-          operator: "is",
-          value: "test"
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: invalidFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle filters with null/undefined values", () => {
-      const nullFilters = [{
-        id: "null1",
-        columnId: "name",
-        value: {
-          operator: "is",
-          value: null
-        }
-      }, {
-        id: "undefined1",
-        columnId: "name",
-        value: {
-          operator: "is",
-          value: void 0
-        }
-      }];
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: nullFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle maximum number of filters", () => {
-      const maxFilters = Array.from({
-        length: 10
-      }, (_, i) => ({
-        id: `filter${i}`,
-        columnId: "name",
-        value: {
-          operator: "contains",
-          value: `value${i}`
-        }
-      }));
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: maxFilters,
-        maxFilters: 10
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("performance", () => {
-    it("should handle large number of filters", () => {
-      const largeFilters = Array.from({
-        length: 50
-      }, (_, i) => ({
-        id: `filter${i}`,
-        columnId: "name",
-        value: {
-          operator: "contains",
-          value: `search term ${i}`
-        }
-      }));
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: largeFilters
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle large number of available columns", () => {
-      const largeColumns = Array.from({
-        length: 100
-      }, (_, i) => ({
-        id: `column${i}`,
-        label: `Column ${i}`,
-        type: "text"
-      }));
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        availableColumns: largeColumns
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("error handling", () => {
-    it("should handle missing onFiltersChange callback", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        onFiltersChange: void 0
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle missing onAddFilter callback", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        onAddFilter: void 0
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle missing onRemoveFilter callback", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        onRemoveFilter: void 0
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should handle missing onClearFilters callback", () => {
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        onClearFilters: void 0
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("filter validation", () => {
-    it("should validate filter values based on column type", () => {
-      const invalidNumberFilter = {
-        id: "invalid",
-        columnId: "age",
-        value: {
-          operator: "is",
-          value: "not-a-number"
-        }
-      };
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: [invalidNumberFilter]
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should validate date filter values", () => {
-      const invalidDateFilter = {
-        id: "invalid-date",
-        columnId: "date",
-        value: {
-          operator: "is",
-          value: "not-a-date"
-        }
-      };
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: [invalidDateFilter]
-      }));
-      expect(container).toBeDefined();
-    });
-    it("should validate select filter values", () => {
-      const invalidSelectFilter = {
-        id: "invalid-select",
-        columnId: "status",
-        value: {
-          operator: "is",
-          value: "invalid-option"
-        }
-      };
-      const {
-        container
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: [invalidSelectFilter]
-      }));
-      expect(container).toBeDefined();
-    });
-  });
-  describe("state management", () => {
-    it("should update when filters prop changes", () => {
-      const {
-        rerender
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: []
-      }));
-      rerender(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        filters: sampleFilters
-      }));
-      expect(true).toBe(true);
-    });
-    it("should update when availableColumns prop changes", () => {
-      const {
-        rerender
-      } = renderWithProviders(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps
-      }));
-      const newColumns = [...sampleColumns, {
-        id: "newColumn",
-        label: "New Column",
-        type: "text"
-      }];
-      rerender(/* @__PURE__ */jsx(DataTableFilters, {
-        ...defaultProps,
-        availableColumns: newColumns
-      }));
-      expect(true).toBe(true);
-    });
-  });
-});
-//# sourceMappingURL=DataTableFilters.spec.mjs.map