@arbor-education/design-system.components 0.17.1 → 0.19.0

package/dist/components/table/cellRenderers/ComboboxCellRenderer.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Combobox } from '../../combobox/Combobox';
+import { useComponentDidMount } from '../../../utils/hooks/useComponentDidMount';
+export const ComboboxCellRenderer = (props) => {
+    const { value, node, column, api, options = [], multiple = false, placeholder, triggerVariant, disabled, hasError, searchType, highlightStringMatches, loading, onSearch, id, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, } = props;
+    const containerRef = useRef(null);
+    const normalizedValue = Array.isArray(value)
+        ? value.map(String)
+        : value != null && value !== ''
+            ? [String(value)]
+            : [];
+    useComponentDidMount(() => {
+        // open the combobox when the user presses Enter on the ag-grid cell
+        const handleCellKeyDown = (event) => {
+            const { key } = event.event;
+            if ('column' in event
+                && event.node === node
+                && event.column === column
+                && key === 'Enter') {
+                const trigger = containerRef.current?.querySelector('[role="combobox"], [role="button"][aria-haspopup="listbox"]');
+                if (!trigger)
+                    return;
+                trigger.focus();
+                // button-style triggers (single-select) need an explicit click to open the popover
+                if (trigger.getAttribute('role') === 'button') {
+                    trigger.click();
+                }
+            }
+        };
+        api.addEventListener('cellKeyDown', handleCellKeyDown);
+        // restore ag-grid cell focus when popover closes without focus leaving the cell
+        const container = containerRef.current;
+        let observer;
+        if (container) {
+            const trigger = container.querySelector('[role="combobox"], [role="button"][aria-haspopup="listbox"]');
+            if (trigger) {
+                observer = new MutationObserver(() => {
+                    const isOpen = trigger.getAttribute('aria-expanded') === 'true';
+                    if (isOpen || column == null || node.rowIndex == null)
+                        return;
+                    const active = document.activeElement;
+                    const focusIsStillInCell = active == null || active === document.body || container.contains(active);
+                    if (focusIsStillInCell) {
+                        api.setFocusedCell(node.rowIndex, column);
+                    }
+                });
+                observer.observe(trigger, { attributes: true, attributeFilter: ['aria-expanded'] });
+            }
+        }
+        return () => {
+            api.removeEventListener('cellKeyDown', handleCellKeyDown);
+            observer?.disconnect();
+        };
+    });
+    return (_jsx("div", { ref: containerRef, className: "ds-table__combobox", children: _jsx(Combobox, { options: options, value: normalizedValue, multiple: multiple, placeholder: placeholder, triggerVariant: triggerVariant, disabled: disabled, hasError: hasError, searchType: searchType, highlightStringMatches: highlightStringMatches, loading: loading, onSearch: onSearch, id: id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, onValueChange: (newValues) => {
+                if (column) {
+                    node.setDataValue(column, multiple ? newValues : (newValues[0] ?? null));
+                }
+            } }) }));
+};
+ComboboxCellRenderer.colDefDefaults = {
+    autoHeight: true,
+    suppressKeyboardEvent: (params) => {
+        const cell = params.event.target?.closest('.ag-cell');
+        if (!cell)
+            return false;
+        const openTrigger = cell.querySelector('[role="combobox"][aria-expanded="true"], [role="button"][aria-expanded="true"]');
+        return !!openTrigger && ['ArrowUp', 'ArrowDown', 'Enter', 'Escape'].includes(params.event.key);
+    },
+};
+//# sourceMappingURL=ComboboxCellRenderer.js.map

package/dist/components/table/cellRenderers/ComboboxCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ComboboxCellRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/cellRenderers/ComboboxCellRenderer.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=ComboboxCellRenderer.test.d.ts.map

package/dist/components/table/cellRenderers/ComboboxCellRenderer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxCellRenderer.test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ComboboxCellRenderer.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}

package/dist/components/table/cellRenderers/ComboboxCellRenderer.test.js

@@ -0,0 +1,324 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, expect, test, vi, afterEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import userEvent from '@testing-library/user-event';
+import { ComboboxCellRenderer } from './ComboboxCellRenderer';
+const options = [
+    { value: 'opt1', label: 'Option 1' },
+    { value: 'opt2', label: 'Option 2' },
+    { value: 'opt3', label: 'Option 3' },
+];
+const createMockProps = (overrides = {}) => ({
+    value: null,
+    node: { setDataValue: vi.fn() },
+    column: 'testField',
+    api: {
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+    },
+    options,
+    ...overrides,
+});
+describe('ComboboxCellRenderer', () => {
+    test('renders a combobox input', () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps() }));
+        expect(screen.getByRole('combobox')).toBeInTheDocument();
+    });
+    test('renders with placeholder', () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps({ placeholder: 'Choose an option' }) }));
+        expect(screen.getByPlaceholderText('Choose an option')).toBeInTheDocument();
+    });
+    test('renders with default placeholder when none provided', () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps() }));
+        expect(screen.getByPlaceholderText('Select...')).toBeInTheDocument();
+    });
+    test('opens listbox and shows options on input focus', async () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps() }));
+        await userEvent.click(screen.getByRole('combobox'));
+        expect(screen.getByRole('listbox')).toBeInTheDocument();
+        expect(screen.getByText('Option 1')).toBeInTheDocument();
+    });
+    test('calls setDataValue with the selected value for single select', async () => {
+        const setDataValue = vi.fn();
+        const props = createMockProps({
+            node: { setDataValue },
+            column: 'testField',
+        });
+        render(_jsx(ComboboxCellRenderer, { ...props }));
+        await userEvent.click(screen.getByRole('combobox'));
+        await userEvent.click(screen.getByText('Option 1'));
+        expect(setDataValue).toHaveBeenCalledWith('testField', 'opt1');
+    });
+    test('calls setDataValue with array for multiple select', async () => {
+        const setDataValue = vi.fn();
+        const props = createMockProps({
+            multiple: true,
+            node: { setDataValue },
+            column: 'testField',
+        });
+        render(_jsx(ComboboxCellRenderer, { ...props }));
+        await userEvent.click(screen.getByRole('combobox'));
+        await userEvent.click(screen.getByText('Option 1'));
+        expect(setDataValue).toHaveBeenCalledWith('testField', ['opt1']);
+    });
+    test('does not call setDataValue when column is undefined', async () => {
+        const setDataValue = vi.fn();
+        const props = createMockProps({
+            node: { setDataValue },
+            column: undefined,
+        });
+        render(_jsx(ComboboxCellRenderer, { ...props }));
+        await userEvent.click(screen.getByRole('combobox'));
+        await userEvent.click(screen.getByText('Option 1'));
+        expect(setDataValue).not.toHaveBeenCalled();
+    });
+    test('normalizes a string cell value to an array for controlled combobox', () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps({ value: 'opt1' }) }));
+        const input = screen.getByRole('combobox');
+        expect(input).toBeInTheDocument();
+    });
+    test('normalizes a string[] cell value to an array for controlled combobox', () => {
+        render(_jsx(ComboboxCellRenderer, { ...createMockProps({ value: ['opt1', 'opt2'], multiple: true }) }));
+        expect(screen.getByRole('combobox')).toBeInTheDocument();
+    });
+    test('registers cellKeyDown listener on mount', () => {
+        const addEventListener = vi.fn();
+        const removeEventListener = vi.fn();
+        const props = createMockProps({
+            api: { addEventListener, removeEventListener },
+        });
+        render(_jsx(ComboboxCellRenderer, { ...props }));
+        expect(addEventListener).toHaveBeenCalledWith('cellKeyDown', expect.any(Function));
+    });
+    describe('value normalization edge cases', () => {
+        test('treats empty string value as no selection', () => {
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({ value: '' }) }));
+            expect(screen.getByPlaceholderText('Select...')).toBeInTheDocument();
+        });
+        test('normalizes a numeric cell value to a string', () => {
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({ value: 42 }) }));
+            expect(screen.getByRole('combobox')).toBeInTheDocument();
+        });
+        test('normalizes a numeric array cell value to strings', () => {
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({ value: [1, 2], multiple: true }) }));
+            expect(screen.getByRole('combobox')).toBeInTheDocument();
+        });
+    });
+    describe('cellKeyDown handler', () => {
+        test('removes the cellKeyDown listener on unmount', () => {
+            const addEventListener = vi.fn();
+            const removeEventListener = vi.fn();
+            const { unmount } = render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    api: { addEventListener, removeEventListener },
+                }) }));
+            const listener = addEventListener.mock.calls[0][1];
+            unmount();
+            expect(removeEventListener).toHaveBeenCalledWith('cellKeyDown', listener);
+        });
+        test('focuses the combobox trigger on Enter for matching node and column', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: { addEventListener, removeEventListener: vi.fn() },
+                }) }));
+            const trigger = screen.getByRole('combobox');
+            const focusSpy = vi.spyOn(trigger, 'focus');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'Enter' }, node: mockNode, column: mockColumn });
+            expect(focusSpy).toHaveBeenCalled();
+        });
+        test('focuses and clicks the button trigger on Enter when triggerVariant is "button"', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    'node': mockNode,
+                    'column': mockColumn,
+                    'api': { addEventListener, removeEventListener: vi.fn() },
+                    'triggerVariant': 'button',
+                    'aria-label': 'Choose option',
+                }) }));
+            const button = screen.getByRole('button', { name: 'Choose option' });
+            const focusSpy = vi.spyOn(button, 'focus');
+            const clickSpy = vi.spyOn(button, 'click');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'Enter' }, node: mockNode, column: mockColumn });
+            expect(focusSpy).toHaveBeenCalled();
+            expect(clickSpy).toHaveBeenCalled();
+        });
+        test('does not focus trigger when the event node does not match', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const differentNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: { addEventListener, removeEventListener: vi.fn() },
+                }) }));
+            const trigger = screen.getByRole('combobox');
+            const focusSpy = vi.spyOn(trigger, 'focus');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'Enter' }, node: differentNode, column: mockColumn });
+            expect(focusSpy).not.toHaveBeenCalled();
+        });
+        test('does not focus trigger when the event column does not match', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: { addEventListener, removeEventListener: vi.fn() },
+                }) }));
+            const trigger = screen.getByRole('combobox');
+            const focusSpy = vi.spyOn(trigger, 'focus');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'Enter' }, node: mockNode, column: 'differentField' });
+            expect(focusSpy).not.toHaveBeenCalled();
+        });
+        test('does not focus trigger for non-Enter keys', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: { addEventListener, removeEventListener: vi.fn() },
+                }) }));
+            const trigger = screen.getByRole('combobox');
+            const focusSpy = vi.spyOn(trigger, 'focus');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'ArrowDown' }, node: mockNode, column: mockColumn });
+            expect(focusSpy).not.toHaveBeenCalled();
+        });
+        test('does not focus trigger for a FullWidthCellKeyDownEvent (no column property)', () => {
+            const addEventListener = vi.fn();
+            const mockNode = { setDataValue: vi.fn() };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: { addEventListener, removeEventListener: vi.fn() },
+                }) }));
+            const trigger = screen.getByRole('combobox');
+            const focusSpy = vi.spyOn(trigger, 'focus');
+            const listener = addEventListener.mock.calls[0][1];
+            listener({ event: { key: 'Enter' }, node: mockNode });
+            expect(focusSpy).not.toHaveBeenCalled();
+        });
+    });
+    describe('focus restoration via MutationObserver', () => {
+        test('calls setFocusedCell when popover closes without focus leaving the cell', async () => {
+            const setFocusedCell = vi.fn();
+            const mockNode = { setDataValue: vi.fn(), rowIndex: 5 };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: {
+                        addEventListener: vi.fn(),
+                        removeEventListener: vi.fn(),
+                        setFocusedCell,
+                    },
+                }) }));
+            await userEvent.click(screen.getByRole('combobox'));
+            await userEvent.keyboard('{Escape}');
+            expect(setFocusedCell).toHaveBeenCalledWith(5, mockColumn);
+        });
+        test('does not call setFocusedCell when focus moves outside the cell', async () => {
+            const setFocusedCell = vi.fn();
+            const mockNode = { setDataValue: vi.fn(), rowIndex: 5 };
+            const mockColumn = 'testField';
+            render(_jsxs(_Fragment, { children: [_jsx(ComboboxCellRenderer, { ...createMockProps({
+                            node: mockNode,
+                            column: mockColumn,
+                            api: {
+                                addEventListener: vi.fn(),
+                                removeEventListener: vi.fn(),
+                                setFocusedCell,
+                            },
+                        }) }), _jsx("button", { children: "Outside" })] }));
+            await userEvent.click(screen.getByRole('combobox'));
+            await userEvent.click(screen.getByRole('button', { name: 'Outside' }));
+            expect(setFocusedCell).not.toHaveBeenCalled();
+        });
+        test('does not call setFocusedCell when node.rowIndex is null', async () => {
+            const setFocusedCell = vi.fn();
+            const mockNode = { setDataValue: vi.fn(), rowIndex: null };
+            const mockColumn = 'testField';
+            render(_jsx(ComboboxCellRenderer, { ...createMockProps({
+                    node: mockNode,
+                    column: mockColumn,
+                    api: {
+                        addEventListener: vi.fn(),
+                        removeEventListener: vi.fn(),
+                        setFocusedCell,
+                    },
+                }) }));
+            await userEvent.click(screen.getByRole('combobox'));
+            await userEvent.keyboard('{Escape}');
+            expect(setFocusedCell).not.toHaveBeenCalled();
+        });
+        test('disconnects the MutationObserver on unmount', () => {
+            const disconnect = vi.fn();
+            vi.stubGlobal('MutationObserver', vi.fn(() => ({ observe: vi.fn(), disconnect })));
+            try {
+                const { unmount } = render(_jsx(ComboboxCellRenderer, { ...createMockProps() }));
+                unmount();
+                expect(disconnect).toHaveBeenCalled();
+            }
+            finally {
+                vi.unstubAllGlobals();
+            }
+        });
+    });
+    describe('colDefDefaults', () => {
+        test('autoHeight is true', () => {
+            expect(ComboboxCellRenderer.colDefDefaults.autoHeight).toBe(true);
+        });
+        describe('suppressKeyboardEvent', () => {
+            const { suppressKeyboardEvent } = ComboboxCellRenderer.colDefDefaults;
+            const appendCell = (key, open) => {
+                const cell = document.createElement('div');
+                cell.className = 'ag-cell';
+                const trigger = document.createElement('input');
+                trigger.setAttribute('role', 'combobox');
+                trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
+                cell.appendChild(trigger);
+                document.body.appendChild(cell);
+                return {
+                    params: { event: { key, target: trigger } },
+                    cleanup: () => cell.remove(),
+                };
+            };
+            afterEach(() => {
+                document.querySelectorAll('.ag-cell').forEach(el => el.remove());
+            });
+            test('returns false when the event target has no ag-cell ancestor', () => {
+                const target = document.createElement('input');
+                document.body.appendChild(target);
+                const params = { event: { key: 'ArrowDown', target } };
+                expect(suppressKeyboardEvent(params)).toBe(false);
+                target.remove();
+            });
+            test('returns false when the combobox is closed', () => {
+                const { params } = appendCell('ArrowDown', false);
+                expect(suppressKeyboardEvent(params)).toBe(false);
+            });
+            test.each(['ArrowUp', 'ArrowDown', 'Enter', 'Escape'])('suppresses %s when the combobox is open', (key) => {
+                const { params } = appendCell(key, true);
+                expect(suppressKeyboardEvent(params)).toBe(true);
+            });
+            test('does not suppress Tab when the combobox is open', () => {
+                const { params } = appendCell('Tab', true);
+                expect(suppressKeyboardEvent(params)).toBe(false);
+            });
+        });
+    });
+});
+//# sourceMappingURL=ComboboxCellRenderer.test.js.map

package/dist/components/table/cellRenderers/ComboboxCellRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxCellRenderer.test.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ComboboxCellRenderer.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts

@@ -1,6 +1,9 @@
 import type { CustomCellRendererProps } from 'ag-grid-react';
 import { type SelectDropdownInputProps } from '../../formField/inputs/selectDropdown/SelectDropdown';
-type SelectDropdownCellRendererProps = CustomCellRendererProps & SelectDropdownInputProps;
+type SelectDropdownCellRendererProps = CustomCellRendererProps & SelectDropdownInputProps & {
+    backgroundColor?: string;
+    fillCell?: boolean;
+};
 export declare const SelectDropdownCellRenderer: (props: SelectDropdownCellRendererProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectDropdownCellRenderer.d.ts.map

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdownCellRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,2DAA2D,CAAC;AAGnE,KAAK,+BAA+B,GAAG,uBAAuB,GAC1D,wBAAwB,CAAC;AAS7B,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,4CA0EvC,CAAC"}
+{"version":3,"file":"SelectDropdownCellRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,2DAA2D,CAAC;AAInE,KAAK,+BAA+B,GAAG,uBAAuB,GAC1D,wBAAwB,GACxB;IACA,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AASJ,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,4CAwFvC,CAAC"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js

@@ -1,9 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
+import classNames from 'classnames';
 import { SelectDropdown, } from '../../formField/inputs/selectDropdown/SelectDropdown';
 import { useComponentDidMount } from '../../../utils/hooks/useComponentDidMount';
+import { getTextContrast } from '../../../utils/getTextContrast';
 export const SelectDropdownCellRenderer = (props) => {
-    const { value, placeholder = 'Select', node, column, api, options = [], disabled, hasError, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false, } = props;
+    const { value, placeholder = 'Select', node, column, api, options = [], disabled, hasError, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false, backgroundColor, fillCell = false, } = props;
+    const textContrast = backgroundColor ? getTextContrast(backgroundColor) : null;
+    const wrapperClassName = classNames('ds-table__select-dropdown', {
+        'ds-table__select-dropdown--custom-bg': backgroundColor,
+        'ds-table__select-dropdown--fill-cell': fillCell,
+        [`ds-table__select-dropdown--text-${textContrast}`]: textContrast,
+    });
+    const wrapperStyle = backgroundColor
+        ? { ['--ds-select-cell-bg']: backgroundColor }
+        : undefined;
     const rawOptions = options;
     const normalisedOptions = rawOptions.map(option => ({
         ...option,
@@ -26,7 +37,7 @@ export const SelectDropdownCellRenderer = (props) => {
             api.removeEventListener('cellKeyDown', handleCellKeyDown);
         };
     });
-    return (_jsx("div", { className: "ds-table__select-dropdown", children: _jsx(SelectDropdown, { disabled: disabled, hasError: hasError, id: id, "aria-describedBy": ariaDescribedBy, "aria-invalid": ariaInvalid, alwaysShowPlaceholder: alwaysShowPlaceholder, options: normalisedOptions, placeholder: placeholder, initialSelectedValues: initialSelectedValues, open: isOpen, onOpenChange: setIsOpen, multiple: false, onSelectionChange: (newValue) => {
+    return (_jsx("div", { className: wrapperClassName, style: wrapperStyle, children: _jsx(SelectDropdown, { disabled: disabled, hasError: hasError, id: id, "aria-describedBy": ariaDescribedBy, "aria-invalid": ariaInvalid, alwaysShowPlaceholder: alwaysShowPlaceholder, options: normalisedOptions, placeholder: placeholder, initialSelectedValues: initialSelectedValues, open: isOpen, onOpenChange: setIsOpen, multiple: false, onSelectionChange: (newValue) => {
                 if (column && newValue[0] != null) {
                     const selectedOption = rawOptions.find(option => String(option.value) === newValue[0]);
                     node.setDataValue(column, selectedOption?.value ?? newValue[0]);

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdownCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EACL,cAAc,GAEf,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAYxE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,KAAsC,EACtC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,qBAAqB,GAAG,KAAK,GAC9B,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAuC,OAAO,CAAC;IAC/D,MAAM,iBAAiB,GAAwC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvF,GAAG,MAAM;QACT,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,qBAAqB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,oBAAoB,CAAC,GAAG,EAAE;QACxB,MAAM,iBAAiB,GAAG,CACxB,KAAmD,EACnD,EAAE;YACF,IACE,QAAQ,IAAI,KAAK;mBACd,KAAK,CAAC,IAAI,KAAK,IAAI;mBACnB,KAAK,CAAC,MAAM,KAAK,MAAM;mBACtB,KAAK,CAAC,KAAuB,CAAC,GAAG,KAAK,OAAO,EACjD,CAAC;gBACD,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,sBACY,eAAe,kBACnB,WAAW,EACzB,qBAAqB,EAAE,qBAAqB,EAC5C,OAAO,EAAE,iBAAiB,EAC1B,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,QAAQ,EAAE,KAAK,EACf,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;oBAClC,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CACpC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/C,CAAC;oBACF,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SelectDropdownCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts

@@ -4,7 +4,10 @@ import { SelectDropdownCellRenderer } from './SelectDropdownCellRenderer';
 declare function SelectDropdownCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
-    component: (props: CustomCellRendererProps<any, any, any> & import("../../formField/inputs/selectDropdown/SelectDropdown").SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: CustomCellRendererProps<any, any, any> & import("../../formField/inputs/selectDropdown/SelectDropdown").SelectDropdownInputProps & {
+        backgroundColor?: string;
+        fillCell?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -64,6 +67,30 @@ declare const meta: {
                 };
             };
         };
+        backgroundColor: {
+            control: "color";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        fillCell: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default meta;
@@ -71,5 +98,8 @@ type Story = StoryObj<typeof SelectDropdownCellRenderer>;
 export declare const Default: Story;
 export declare const WithSelection: Story;
 export declare const Disabled: Story;
+export declare const WithBackgroundColor: Story;
+export declare const FillCell: Story;
 export declare const InATable: Story;
+export declare const ColoredCellsInATable: Story;
 //# sourceMappingURL=SelectDropdownCellRenderer.stories.d.ts.map

package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdownCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAiG1E,iBAAS,kCAAkC,4CAmB1C;AAmBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAkBzD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0C3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC"}
+{"version":3,"file":"SelectDropdownCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAiG1E,iBAAS,kCAAkC,4CAmB1C;AAmBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAkBzD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0C3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA6BjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC;AAQF,eAAO,MAAM,oBAAoB,EAAE,KA+DlC,CAAC"}