@fgv/ts-sudoku-ui 5.1.0-2 → 5.1.0-21

package/lib/test/unit/components/SudokuGridEntry.testHelpers.js

@@ -1,116 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2023 Erik Fortune
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { render, act } from '@testing-library/react';
-import { createPuzzleDefinition } from '../../../utils/puzzleDefinitionHelper';
-export { createPuzzleDefinition };
-// Custom render function - just use standard render
-export function customRender(ui, options) {
-    return render(ui, options);
-}
-// Helper function to simulate long press delay using fake timers
-export function advanceByLongPress(ms = 600) {
-    act(() => {
-        jest.advanceTimersByTime(ms);
-    });
-}
-// Helper to set window dimensions for different device types
-export function setWindowDimensions(width, height) {
-    Object.defineProperty(window, 'innerWidth', {
-        writable: true,
-        configurable: true,
-        value: width
-    });
-    Object.defineProperty(window, 'innerHeight', {
-        writable: true,
-        configurable: true,
-        value: height
-    });
-}
-// Helper to render with mobile portrait layout (side-by-side keypads)
-export function renderWithMobilePortrait(component, options) {
-    setWindowDimensions(375, 667);
-    return customRender(component, options);
-}
-// Helper to render with desktop layout (hidden/overlay keypads)
-export function renderWithDesktop(component, options) {
-    setWindowDimensions(1024, 768);
-    return customRender(component, options);
-}
-// Mock window.matchMedia for responsive layout tests
-export const mockMatchMedia = (query) => {
-    return {
-        matches: false,
-        media: query,
-        onchange: null,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
-        addEventListener: jest.fn(),
-        removeEventListener: jest.fn(),
-        dispatchEvent: jest.fn()
-    };
-};
-// Test puzzle definitions
-export const validPuzzleDescription = createPuzzleDefinition({
-    id: 'test-puzzle',
-    description: 'Test Puzzle',
-    type: 'sudoku',
-    level: 1,
-    totalRows: 9,
-    totalColumns: 9,
-    cells: '123456789456789123789123456234567891567891234891234567345678912678912345912345678'
-});
-export const simplePuzzleDescription = createPuzzleDefinition({
-    id: 'simple-puzzle',
-    description: 'Simple Test Puzzle',
-    type: 'sudoku',
-    level: 1,
-    totalRows: 9,
-    totalColumns: 9,
-    cells: '1' + '.'.repeat(80) // 81 total characters
-});
-export const sudokuXPuzzleDescription = createPuzzleDefinition({
-    id: 'sudoku-x-puzzle',
-    description: 'Sudoku-X Test Puzzle',
-    type: 'sudoku-x',
-    level: 1,
-    totalRows: 9,
-    totalColumns: 9,
-    cells: '.'.repeat(81)
-});
-export const invalidPuzzleDescription = createPuzzleDefinition({
-    id: 'invalid-puzzle',
-    description: 'Invalid Puzzle',
-    type: 'sudoku',
-    level: 1,
-    totalRows: 9,
-    totalColumns: 9,
-    cells: 'invalid' // Too short
-});
-export const defaultProps = {
-    initialPuzzleDescription: undefined,
-    onStateChange: undefined,
-    onValidationErrors: undefined,
-    className: undefined
-};
-//# sourceMappingURL=SudokuGridEntry.testHelpers.js.map

package/lib/test/unit/components/SudokuGridEntry.testHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SudokuGridEntry.testHelpers.js","sourceRoot":"","sources":["../../../../src/test/unit/components/SudokuGridEntry.testHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2023 Erik Fortune\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { render, RenderResult, RenderOptions, act } from '@testing-library/react';\nimport { IPuzzleDefinition } from '@fgv/ts-sudoku-lib';\nimport { createPuzzleDefinition } from '../../../utils/puzzleDefinitionHelper';\n\n// Re-export for use in test files\nexport type { IPuzzleDefinition };\nexport { createPuzzleDefinition };\n\n// Custom render function - just use standard render\nexport function customRender(ui: React.ReactElement, options?: RenderOptions): RenderResult {\n  return render(ui, options);\n}\n\n// Helper function to simulate long press delay using fake timers\nexport function advanceByLongPress(ms: number = 600): void {\n  act(() => {\n    jest.advanceTimersByTime(ms);\n  });\n}\n\n// Helper to set window dimensions for different device types\nexport function setWindowDimensions(width: number, height: number): void {\n  Object.defineProperty(window, 'innerWidth', {\n    writable: true,\n    configurable: true,\n    value: width\n  });\n  Object.defineProperty(window, 'innerHeight', {\n    writable: true,\n    configurable: true,\n    value: height\n  });\n}\n\n// Helper to render with mobile portrait layout (side-by-side keypads)\nexport function renderWithMobilePortrait(\n  component: React.ReactElement,\n  options?: RenderOptions\n): RenderResult {\n  setWindowDimensions(375, 667);\n  return customRender(component, options);\n}\n\n// Helper to render with desktop layout (hidden/overlay keypads)\nexport function renderWithDesktop(component: React.ReactElement, options?: RenderOptions): RenderResult {\n  setWindowDimensions(1024, 768);\n  return customRender(component, options);\n}\n\n// Mock window.matchMedia for responsive layout tests\nexport const mockMatchMedia = (query: string): MediaQueryList => {\n  return {\n    matches: false,\n    media: query,\n    onchange: null,\n    addListener: jest.fn(),\n    removeListener: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    dispatchEvent: jest.fn()\n  } as unknown as MediaQueryList;\n};\n\n// Test puzzle definitions\nexport const validPuzzleDescription: IPuzzleDefinition = createPuzzleDefinition({\n  id: 'test-puzzle',\n  description: 'Test Puzzle',\n  type: 'sudoku',\n  level: 1,\n  totalRows: 9,\n  totalColumns: 9,\n  cells: '123456789456789123789123456234567891567891234891234567345678912678912345912345678'\n});\n\nexport const simplePuzzleDescription: IPuzzleDefinition = createPuzzleDefinition({\n  id: 'simple-puzzle',\n  description: 'Simple Test Puzzle',\n  type: 'sudoku',\n  level: 1,\n  totalRows: 9,\n  totalColumns: 9,\n  cells: '1' + '.'.repeat(80) // 81 total characters\n});\n\nexport const sudokuXPuzzleDescription: IPuzzleDefinition = createPuzzleDefinition({\n  id: 'sudoku-x-puzzle',\n  description: 'Sudoku-X Test Puzzle',\n  type: 'sudoku-x',\n  level: 1,\n  totalRows: 9,\n  totalColumns: 9,\n  cells: '.'.repeat(81)\n});\n\nexport const invalidPuzzleDescription: IPuzzleDefinition = createPuzzleDefinition({\n  id: 'invalid-puzzle',\n  description: 'Invalid Puzzle',\n  type: 'sudoku',\n  level: 1,\n  totalRows: 9,\n  totalColumns: 9,\n  cells: 'invalid' // Too short\n});\n\nexport const defaultProps: {\n  initialPuzzleDescription: undefined;\n  onStateChange: undefined;\n  onValidationErrors: undefined;\n  className: undefined;\n} = {\n  initialPuzzleDescription: undefined,\n  onStateChange: undefined,\n  onValidationErrors: undefined,\n  className: undefined\n};\n"]}

package/lib-commonjs/components/CageOverlay.js

@@ -1,138 +0,0 @@
-"use strict";
-/*
- * MIT License
- *
- * Copyright (c) 2023 Erik Fortune
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CageOverlay = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const ts_sudoku_lib_1 = require("@fgv/ts-sudoku-lib");
-const CageSumIndicator_1 = require("./CageSumIndicator");
-const CagePatternManager_1 = require("../utils/CagePatternManager");
-const CageLookupManager_1 = require("../utils/CageLookupManager");
-const DiagnosticLoggerContext_1 = require("../contexts/DiagnosticLoggerContext");
-/**
- * Helper to get cell position from CellId
- */
-function getTopLeftPosition(cellIds, log, numRows, numColumns) {
-    if (cellIds.length === 0)
-        return { top: 0, left: 0 };
-    const positions = cellIds.map((cellId) => {
-        const parsed = (0, ts_sudoku_lib_1.parseCellId)(cellId);
-        if (parsed && parsed.row >= 0 && parsed.row < numRows && parsed.col >= 0 && parsed.col < numColumns) {
-            return parsed;
-        }
-        // Fallback - should not happen with valid CellIds
-        log.warn(`Invalid CellId format: ${cellId}`);
-        return { row: 0, col: 0 };
-    });
-    // Find the top-left most cell
-    let minRow = positions[0].row;
-    let minCol = positions[0].col;
-    positions.forEach(({ row, col }) => {
-        if (row < minRow || (row === minRow && col < minCol)) {
-            minRow = row;
-            minCol = col;
-        }
-    });
-    // Convert grid coordinates to percentage-based positioning
-    const cellWidthPercent = 100 / numColumns;
-    const cellHeightPercent = 100 / numRows;
-    return {
-        top: minRow * cellHeightPercent + 0.5, // Small offset from corner
-        left: minCol * cellWidthPercent + 0.5 // Small offset from corner
-    };
-}
-/**
- * Component for rendering cage boundaries and sum indicators in Killer Sudoku
- * @public
- */
-const CageOverlay = ({ cages, gridSize, cellSize, numRows = 9, numColumns = 9, className }) => {
-    const log = (0, DiagnosticLoggerContext_1.useDiagnosticLogger)();
-    // Initialize managers once
-    const patternManager = (0, react_1.useMemo)(() => new CagePatternManager_1.CagePatternManager(), []);
-    const lookupManager = (0, react_1.useMemo)(() => CageLookupManager_1.CageLookupManager.getInstance(), []);
-    // Debug logging
-    (0, react_1.useEffect)(() => {
-        log.info('CageOverlay rendered', {
-            cageCount: cages.length,
-            gridSize,
-            cellSize,
-            cages: cages.map((c) => ({ id: c.cage.id, cellIds: c.cage.cellIds }))
-        });
-    }, [cages, gridSize, cellSize, log]);
-    // Calculate SVG viewBox and class names
-    const viewBox = `0 0 ${gridSize.width} ${gridSize.height}`;
-    const overlayClasses = (0, react_1.useMemo)(() => {
-        const classes = ['cage-overlay'];
-        if (className)
-            classes.push(className);
-        return classes.join(' ');
-    }, [className]);
-    return (react_1.default.createElement("div", { className: `
-        ${overlayClasses}
-        absolute inset-0 w-full h-full pointer-events-none
-      `, style: { zIndex: 1000 }, "data-testid": "cage-overlay" },
-        react_1.default.createElement("svg", { width: "100%", height: "100%", viewBox: viewBox, className: "absolute inset-0", preserveAspectRatio: "none" }, cages.map((cageInfo, index) => {
-            const { cage, isHighlighted, isValid } = cageInfo;
-            // Build occupied cells set for this cage
-            const occupiedCells = patternManager.buildOccupiedCellsSet(cage.cellIds);
-            // Render each cell with connected borders
-            return cage.cellIds.map((cellId, cellIndex) => {
-                // Parse cell position using centralized function
-                const parsed = (0, ts_sudoku_lib_1.parseCellId)(cellId);
-                let row = 0, col = 0;
-                if (parsed &&
-                    parsed.row >= 0 &&
-                    parsed.row < numRows &&
-                    parsed.col >= 0 &&
-                    parsed.col < numColumns) {
-                    row = parsed.row;
-                    col = parsed.col;
-                }
-                else {
-                    log.warn(`Invalid CellId format: ${cellId}`);
-                }
-                const x = col * cellSize;
-                const y = row * cellSize;
-                // Analyze neighbors and get pattern
-                const neighbors = patternManager.analyzeNeighbors(cellId, occupiedCells);
-                const neighborPattern = lookupManager.neighborsToPattern(neighbors);
-                const pathData = lookupManager.getPatternSVG(neighborPattern);
-                // Skip if no path data
-                if (!pathData) {
-                    return null;
-                }
-                // Render connected border pattern
-                return (react_1.default.createElement("g", { key: /* c8 ignore next 1 - defense in depth */ `${cage.id ?? index}-${cellIndex}`, transform: `translate(${x}, ${y}) scale(${cellSize})` },
-                    react_1.default.createElement("path", { d: pathData, stroke: isHighlighted ? '#1e40af' : isValid ? '#2563eb' : '#dc2626', strokeWidth: 0.8 / cellSize, strokeDasharray: "6 4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", opacity: "1.0", vectorEffect: "non-scaling-stroke" })));
-            });
-        })),
-        cages.map((cageInfo, index) => {
-            const { cage, currentSum, isComplete, isValid } = cageInfo;
-            const position = getTopLeftPosition(cage.cellIds, log, numRows, numColumns);
-            return (react_1.default.createElement(CageSumIndicator_1.CageSumIndicator, { key: /* c8 ignore next 1 - defense in depth */ cage.id ?? index, cage: cage, currentSum: currentSum, isComplete: isComplete, isValid: isValid, position: position }));
-        })));
-};
-exports.CageOverlay = CageOverlay;
-//# sourceMappingURL=CageOverlay.js.map

package/lib-commonjs/components/CageOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CageOverlay.js","sourceRoot":"","sources":["../../src/components/CageOverlay.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2023 Erik Fortune\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React, { useMemo, useEffect } from 'react';\nimport { CellId, parseCellId } from '@fgv/ts-sudoku-lib';\nimport { ICageOverlayProps } from '../types';\nimport { CageSumIndicator } from './CageSumIndicator';\nimport { CagePatternManager } from '../utils/CagePatternManager';\nimport { CageLookupManager } from '../utils/CageLookupManager';\nimport { useDiagnosticLogger } from '../contexts/DiagnosticLoggerContext';\nimport { Logging } from '@fgv/ts-utils';\n\n/**\n * Helper to get cell position from CellId\n */\nfunction getTopLeftPosition(\n  cellIds: CellId[],\n  log: Logging.LogReporter<unknown, unknown>,\n  numRows: number,\n  numColumns: number\n): { top: number; left: number } {\n  if (cellIds.length === 0) return { top: 0, left: 0 };\n\n  const positions = cellIds.map((cellId) => {\n    const parsed = parseCellId(cellId);\n    if (parsed && parsed.row >= 0 && parsed.row < numRows && parsed.col >= 0 && parsed.col < numColumns) {\n      return parsed;\n    }\n    // Fallback - should not happen with valid CellIds\n    log.warn(`Invalid CellId format: ${cellId}`);\n    return { row: 0, col: 0 };\n  });\n\n  // Find the top-left most cell\n  let minRow = positions[0].row;\n  let minCol = positions[0].col;\n\n  positions.forEach(({ row, col }) => {\n    if (row < minRow || (row === minRow && col < minCol)) {\n      minRow = row;\n      minCol = col;\n    }\n  });\n\n  // Convert grid coordinates to percentage-based positioning\n  const cellWidthPercent = 100 / numColumns;\n  const cellHeightPercent = 100 / numRows;\n\n  return {\n    top: minRow * cellHeightPercent + 0.5, // Small offset from corner\n    left: minCol * cellWidthPercent + 0.5 // Small offset from corner\n  };\n}\n\n/**\n * Component for rendering cage boundaries and sum indicators in Killer Sudoku\n * @public\n */\nexport const CageOverlay: React.FC<ICageOverlayProps> = ({\n  cages,\n  gridSize,\n  cellSize,\n  numRows = 9,\n  numColumns = 9,\n  className\n}) => {\n  const log = useDiagnosticLogger();\n\n  // Initialize managers once\n  const patternManager = useMemo(() => new CagePatternManager(), []);\n  const lookupManager = useMemo(() => CageLookupManager.getInstance(), []);\n\n  // Debug logging\n  useEffect(() => {\n    log.info('CageOverlay rendered', {\n      cageCount: cages.length,\n      gridSize,\n      cellSize,\n      cages: cages.map((c) => ({ id: c.cage.id, cellIds: c.cage.cellIds }))\n    });\n  }, [cages, gridSize, cellSize, log]);\n\n  // Calculate SVG viewBox and class names\n  const viewBox = `0 0 ${gridSize.width} ${gridSize.height}`;\n\n  const overlayClasses = useMemo(() => {\n    const classes = ['cage-overlay'];\n    if (className) classes.push(className);\n    return classes.join(' ');\n  }, [className]);\n\n  return (\n    <div\n      className={`\n        ${overlayClasses}\n        absolute inset-0 w-full h-full pointer-events-none\n      `}\n      style={{ zIndex: 1000 }}\n      data-testid=\"cage-overlay\"\n    >\n      {/* SVG for cage boundaries using connected border system */}\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox={viewBox}\n        className=\"absolute inset-0\"\n        preserveAspectRatio=\"none\"\n      >\n        {/* Render connected cage borders using two-stage lookup */}\n        {cages.map((cageInfo, index) => {\n          const { cage, isHighlighted, isValid } = cageInfo;\n\n          // Build occupied cells set for this cage\n          const occupiedCells = patternManager.buildOccupiedCellsSet(cage.cellIds);\n\n          // Render each cell with connected borders\n          return cage.cellIds.map((cellId, cellIndex) => {\n            // Parse cell position using centralized function\n            const parsed = parseCellId(cellId);\n            let row = 0,\n              col = 0;\n\n            if (\n              parsed &&\n              parsed.row >= 0 &&\n              parsed.row < numRows &&\n              parsed.col >= 0 &&\n              parsed.col < numColumns\n            ) {\n              row = parsed.row;\n              col = parsed.col;\n            } else {\n              log.warn(`Invalid CellId format: ${cellId}`);\n            }\n\n            const x = col * cellSize;\n            const y = row * cellSize;\n\n            // Analyze neighbors and get pattern\n            const neighbors = patternManager.analyzeNeighbors(cellId, occupiedCells);\n            const neighborPattern = lookupManager.neighborsToPattern(neighbors);\n            const pathData = lookupManager.getPatternSVG(neighborPattern);\n\n            // Skip if no path data\n            if (!pathData) {\n              return null;\n            }\n\n            // Render connected border pattern\n            return (\n              <g\n                key={/* c8 ignore next 1 - defense in depth */ `${cage.id ?? index}-${cellIndex}`}\n                transform={`translate(${x}, ${y}) scale(${cellSize})`}\n              >\n                <path\n                  d={pathData}\n                  stroke={isHighlighted ? '#1e40af' : isValid ? '#2563eb' : '#dc2626'}\n                  strokeWidth={0.8 / cellSize}\n                  strokeDasharray=\"6 4\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                  opacity=\"1.0\"\n                  vectorEffect=\"non-scaling-stroke\"\n                />\n              </g>\n            );\n          });\n        })}\n      </svg>\n\n      {/* Sum indicators */}\n      {cages.map((cageInfo, index) => {\n        const { cage, currentSum, isComplete, isValid } = cageInfo;\n        const position = getTopLeftPosition(cage.cellIds, log, numRows, numColumns);\n\n        return (\n          <CageSumIndicator\n            key={/* c8 ignore next 1 - defense in depth */ cage.id ?? index}\n            cage={cage}\n            currentSum={currentSum}\n            isComplete={isComplete}\n            isValid={isValid}\n            position={position}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/lib-commonjs/components/CageSumIndicator.js

@@ -1,71 +0,0 @@
-"use strict";
-/*
- * MIT License
- *
- * Copyright (c) 2023 Erik Fortune
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CageSumIndicator = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-/**
- * Component for displaying the target sum of a cage in Killer Sudoku
- * @public
- */
-const CageSumIndicator = ({ cage, currentSum, isComplete, isValid, position, className }) => {
-    // Calculate display classes based on state
-    const displayClasses = (0, react_1.useMemo)(() => {
-        const classes = ['cage-sum-indicator'];
-        /* c8 ignore next 1 - defense in depth */
-        if (className)
-            classes.push(className);
-        if (!isValid) {
-            classes.push('cage-sum-indicator--invalid');
-        }
-        else if (isComplete) {
-            classes.push('cage-sum-indicator--complete');
-        }
-        else if (currentSum !== undefined) {
-            classes.push('cage-sum-indicator--partial');
-        }
-        return classes.join(' ');
-    }, [className, isValid, isComplete, currentSum]);
-    return (react_1.default.createElement("div", { className: `
-        ${displayClasses}
-        absolute z-20 pointer-events-none
-        text-xs font-bold
-        bg-white border border-gray-400 rounded px-1
-        min-w-[20px] text-center
-        shadow-sm
-      `, style: {
-            top: `${position.top}%`,
-            left: `${position.left}%`,
-            fontSize: '10px',
-            lineHeight: '16px'
-        }, "data-testid": `cage-sum-${cage.id}` },
-        react_1.default.createElement("div", { className: "text-gray-700" }, cage.total),
-        currentSum !== undefined && (react_1.default.createElement("div", { className: `
-            text-xs
-            ${isValid ? 'text-blue-600' : 'text-red-600'}
-          `, style: { fontSize: '8px', lineHeight: '10px' } }, currentSum))));
-};
-exports.CageSumIndicator = CageSumIndicator;
-//# sourceMappingURL=CageSumIndicator.js.map

package/lib-commonjs/components/CageSumIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CageSumIndicator.js","sourceRoot":"","sources":["../../src/components/CageSumIndicator.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;AAEH,uDAAuC;AAGvC;;;GAGG;AACI,MAAM,gBAAgB,GAAqC,CAAC,EACjE,IAAI,EACJ,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACV,EAAE,EAAE;IACH,2CAA2C;IAC3C,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAEvC,yCAAyC;QACzC,IAAI,SAAS;YAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC9C,CAAC;aAAM,IAAI,UAAU,EAAE,CAAC;YACtB,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC/C,CAAC;aAAM,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,uCACE,SAAS,EAAE;UACP,cAAc;;;;;;OAMjB,EACD,KAAK,EAAE;YACL,GAAG,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG;YACvB,IAAI,EAAE,GAAG,QAAQ,CAAC,IAAI,GAAG;YACzB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;SACnB,iBACY,YAAY,IAAI,CAAC,EAAE,EAAE;QAElC,uCAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAO;QAChD,UAAU,KAAK,SAAS,IAAI,CAC3B,uCACE,SAAS,EAAE;;cAEP,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc;WAC7C,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAE7C,UAAU,CACP,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,gBAAgB,oBA0D3B","sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2023 Erik Fortune\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React, { useMemo } from 'react';\nimport { ICageSumIndicatorProps } from '../types';\n\n/**\n * Component for displaying the target sum of a cage in Killer Sudoku\n * @public\n */\nexport const CageSumIndicator: React.FC<ICageSumIndicatorProps> = ({\n  cage,\n  currentSum,\n  isComplete,\n  isValid,\n  position,\n  className\n}) => {\n  // Calculate display classes based on state\n  const displayClasses = useMemo(() => {\n    const classes = ['cage-sum-indicator'];\n\n    /* c8 ignore next 1 - defense in depth */\n    if (className) classes.push(className);\n\n    if (!isValid) {\n      classes.push('cage-sum-indicator--invalid');\n    } else if (isComplete) {\n      classes.push('cage-sum-indicator--complete');\n    } else if (currentSum !== undefined) {\n      classes.push('cage-sum-indicator--partial');\n    }\n\n    return classes.join(' ');\n  }, [className, isValid, isComplete, currentSum]);\n\n  return (\n    <div\n      className={`\n        ${displayClasses}\n        absolute z-20 pointer-events-none\n        text-xs font-bold\n        bg-white border border-gray-400 rounded px-1\n        min-w-[20px] text-center\n        shadow-sm\n      `}\n      style={{\n        top: `${position.top}%`,\n        left: `${position.left}%`,\n        fontSize: '10px',\n        lineHeight: '16px'\n      }}\n      data-testid={`cage-sum-${cage.id}`}\n    >\n      <div className=\"text-gray-700\">{cage.total}</div>\n      {currentSum !== undefined && (\n        <div\n          className={`\n            text-xs\n            ${isValid ? 'text-blue-600' : 'text-red-600'}\n          `}\n          style={{ fontSize: '8px', lineHeight: '10px' }}\n        >\n          {currentSum}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/lib-commonjs/components/CombinationCard.js

@@ -1,68 +0,0 @@
-"use strict";
-/*
- * MIT License
- *
- * Copyright (c) 2023 Erik Fortune
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CombinationCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-/**
- * Individual combination card component with toggle functionality
- * @public
- */
-exports.CombinationCard = react_1.default.memo(({ combination, onToggle, className }) => {
-    const { combination: numbers, signature, isEliminated } = combination;
-    const handleClick = (0, react_1.useCallback)(() => {
-        onToggle(signature);
-    }, [onToggle, signature]);
-    const handleKeyDown = (0, react_1.useCallback)((event) => {
-        if (event.key === ' ' || event.key === 'Enter') {
-            event.preventDefault();
-            onToggle(signature);
-        }
-    }, [onToggle, signature]);
-    const cardClasses = [
-        'px-3 py-1',
-        'rounded border',
-        'transition-all duration-200',
-        'cursor-pointer select-none',
-        'hover:shadow-sm',
-        'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1',
-        'inline-flex items-center justify-center',
-        isEliminated
-            ? 'border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 opacity-60'
-            : 'border-blue-500 dark:border-blue-400 bg-white dark:bg-gray-800 hover:bg-blue-50 dark:hover:bg-gray-700',
-        className
-    ]
-        .filter(Boolean)
-        .join(' ');
-    const numberDisplay = numbers.join('');
-    const ariaLabel = numbers.join(', ');
-    return (react_1.default.createElement("button", { type: "button", className: cardClasses, onClick: handleClick, onKeyDown: handleKeyDown, "aria-pressed": isEliminated, "aria-label": `Combination ${ariaLabel}${isEliminated ? ' (eliminated)' : ''}`, role: "button" },
-        react_1.default.createElement("span", { className: `text-sm font-mono font-bold ${isEliminated ? 'text-gray-500 dark:text-gray-400 line-through' : 'text-gray-900 dark:text-white'}` }, numberDisplay)));
-}, (prev, next) => {
-    return (prev.combination.signature === next.combination.signature &&
-        prev.combination.isEliminated === next.combination.isEliminated);
-});
-exports.CombinationCard.displayName = 'CombinationCard';
-//# sourceMappingURL=CombinationCard.js.map

package/lib-commonjs/components/CombinationCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CombinationCard.js","sourceRoot":"","sources":["../../src/components/CombinationCard.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;AAEH,uDAA2C;AAG3C;;;GAGG;AACU,QAAA,eAAe,GAC1B,eAAK,CAAC,IAAI,CACR,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;IAEtE,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,MAAM,WAAW,GAAW;QAC1B,WAAW;QACX,gBAAgB;QAChB,6BAA6B;QAC7B,4BAA4B;QAC5B,iBAAiB;QACjB,yEAAyE;QACzE,yCAAyC;QACzC,YAAY;YACV,CAAC,CAAC,6EAA6E;YAC/E,CAAC,CAAC,wGAAwG;QAC5G,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,kBACV,YAAY,gBACd,eAAe,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5E,IAAI,EAAC,QAAQ;QAEb,wCACE,SAAS,EAAE,+BACT,YAAY,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,+BACnE,EAAE,IAED,aAAa,CACT,CACA,CACV,CAAC;AACJ,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACb,OAAO,CACL,IAAI,CAAC,WAAW,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS;QACzD,IAAI,CAAC,WAAW,CAAC,YAAY,KAAK,IAAI,CAAC,WAAW,CAAC,YAAY,CAChE,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2023 Erik Fortune\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React, { useCallback } from 'react';\nimport { ICombinationCardProps } from '../types';\n\n/**\n * Individual combination card component with toggle functionality\n * @public\n */\nexport const CombinationCard: React.NamedExoticComponent<ICombinationCardProps> =\n  React.memo<ICombinationCardProps>(\n    ({ combination, onToggle, className }) => {\n      const { combination: numbers, signature, isEliminated } = combination;\n\n      const handleClick = useCallback(() => {\n        onToggle(signature);\n      }, [onToggle, signature]);\n\n      const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n            onToggle(signature);\n          }\n        },\n        [onToggle, signature]\n      );\n\n      const cardClasses: string = [\n        'px-3 py-1',\n        'rounded border',\n        'transition-all duration-200',\n        'cursor-pointer select-none',\n        'hover:shadow-sm',\n        'focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1',\n        'inline-flex items-center justify-center',\n        isEliminated\n          ? 'border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 opacity-60'\n          : 'border-blue-500 dark:border-blue-400 bg-white dark:bg-gray-800 hover:bg-blue-50 dark:hover:bg-gray-700',\n        className\n      ]\n        .filter(Boolean)\n        .join(' ');\n\n      const numberDisplay = numbers.join('');\n      const ariaLabel = numbers.join(', ');\n\n      return (\n        <button\n          type=\"button\"\n          className={cardClasses}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          aria-pressed={isEliminated}\n          aria-label={`Combination ${ariaLabel}${isEliminated ? ' (eliminated)' : ''}`}\n          role=\"button\"\n        >\n          <span\n            className={`text-sm font-mono font-bold ${\n              isEliminated ? 'text-gray-500 dark:text-gray-400 line-through' : 'text-gray-900 dark:text-white'\n            }`}\n          >\n            {numberDisplay}\n          </span>\n        </button>\n      );\n    },\n    (prev, next) => {\n      return (\n        prev.combination.signature === next.combination.signature &&\n        prev.combination.isEliminated === next.combination.isEliminated\n      );\n    }\n  );\n\nCombinationCard.displayName = 'CombinationCard';\n"]}

package/lib-commonjs/components/CombinationGrid.js

@@ -1,56 +0,0 @@
-"use strict";
-/*
- * MIT License
- *
- * Copyright (c) 2023 Erik Fortune
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CombinationGrid = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const CombinationCard_1 = require("./CombinationCard");
-/**
- * Grid layout component for displaying combination cards
- * @public
- */
-const CombinationGrid = ({ combinations, onToggle, mode, className }) => {
-    const gridClasses = ['flex flex-wrap gap-2 p-4', 'overflow-y-auto', 'justify-start', className]
-        .filter(Boolean)
-        .join(' ');
-    if (combinations.length === 0) {
-        return (react_1.default.createElement("div", { className: "flex items-center justify-center p-8 text-gray-500 dark:text-gray-400" },
-            react_1.default.createElement("p", null, "No combinations available for this cage")));
-    }
-    // Sort combinations: valid ones first, then by numeric value
-    const sortedCombinations = [...combinations].sort((a, b) => {
-        // First sort by elimination status (valid ones first)
-        if (a.isEliminated !== b.isEliminated) {
-            return a.isEliminated ? 1 : -1;
-        }
-        // Then sort by the numeric value of the combination
-        const aValue = parseInt(a.combination.join(''), 10);
-        const bValue = parseInt(b.combination.join(''), 10);
-        return aValue - bValue;
-    });
-    return (react_1.default.createElement("div", { className: gridClasses }, sortedCombinations.map((combo) => (react_1.default.createElement(CombinationCard_1.CombinationCard, { key: combo.signature, combination: combo, onToggle: onToggle })))));
-};
-exports.CombinationGrid = CombinationGrid;
-//# sourceMappingURL=CombinationGrid.js.map

package/lib-commonjs/components/CombinationGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CombinationGrid.js","sourceRoot":"","sources":["../../src/components/CombinationGrid.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;;AAEH,0DAA0B;AAE1B,uDAAoD;AAEpD;;;GAGG;AACI,MAAM,eAAe,GAAoC,CAAC,EAC/D,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACV,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,0BAA0B,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,CAAC;SAC5F,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACL,uCAAK,SAAS,EAAC,uEAAuE;YACpF,mFAA8C,CAC1C,CACP,CAAC;IACJ,CAAC;IAED,6DAA6D;IAC7D,MAAM,kBAAkB,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACzD,sDAAsD;QACtD,IAAI,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC;YACtC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,oDAAoD;QACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,OAAO,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,WAAW,IACxB,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAC,iCAAe,IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAClF,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,eAAe,mBAqC1B","sourcesContent":["/*\n * MIT License\n *\n * Copyright (c) 2023 Erik Fortune\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport React from 'react';\nimport { ICombinationGridProps } from '../types';\nimport { CombinationCard } from './CombinationCard';\n\n/**\n * Grid layout component for displaying combination cards\n * @public\n */\nexport const CombinationGrid: React.FC<ICombinationGridProps> = ({\n  combinations,\n  onToggle,\n  mode,\n  className\n}) => {\n  const gridClasses = ['flex flex-wrap gap-2 p-4', 'overflow-y-auto', 'justify-start', className]\n    .filter(Boolean)\n    .join(' ');\n\n  if (combinations.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center p-8 text-gray-500 dark:text-gray-400\">\n        <p>No combinations available for this cage</p>\n      </div>\n    );\n  }\n\n  // Sort combinations: valid ones first, then by numeric value\n  const sortedCombinations = [...combinations].sort((a, b) => {\n    // First sort by elimination status (valid ones first)\n    if (a.isEliminated !== b.isEliminated) {\n      return a.isEliminated ? 1 : -1;\n    }\n    // Then sort by the numeric value of the combination\n    const aValue = parseInt(a.combination.join(''), 10);\n    const bValue = parseInt(b.combination.join(''), 10);\n    return aValue - bValue;\n  });\n\n  return (\n    <div className={gridClasses}>\n      {sortedCombinations.map((combo) => (\n        <CombinationCard key={combo.signature} combination={combo} onToggle={onToggle} />\n      ))}\n    </div>\n  );\n};\n"]}