@dbcdk/react-components 0.0.7 → 0.0.8

package/dist/components/forms/select/Select.d.ts

@@ -14,8 +14,9 @@ export type SelectProps<T> = Omit<InputContainerProps, 'children' | 'htmlFor' |
     onClear?: () => void;
     datakey?: string;
     dataCy?: string;
+    disabled?: boolean;
     tooltip?: React.ReactNode;
     tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
 };
-export declare function Select<T extends string | number | Record<string, any>>({ label, error, helpText, orientation, labelWidth, fullWidth, required, tooltip, tooltipPlacement, id, options, selectedValue, onChange, placeholder, size, variant, onClear, datakey, dataCy, }: SelectProps<T>): React.ReactNode;
+export declare function Select<T extends string | number | Record<string, any>>({ label, error, helpText, orientation, labelWidth, fullWidth, required, tooltip, tooltipPlacement, id, options, selectedValue, onChange, placeholder, size, variant, onClear, datakey, dataCy, disabled, }: SelectProps<T>): React.ReactNode;
 export {};

package/dist/components/forms/select/Select.js

@@ -10,11 +10,9 @@ import { Popover } from '../../popover/Popover';
 import { InputContainer } from '../input-container/InputContainer';
 export function Select({ 
 // InputContainer props
-label, error, helpText, orientation = 'vertical', labelWidth = '120px', fullWidth = true, required, 
-// ✅ tooltip props
-tooltip, tooltipPlacement = 'right', 
+label, error, helpText, orientation = 'vertical', labelWidth = '120px', fullWidth = true, required, tooltip, tooltipPlacement = 'right', 
 // Select props
-id, options, selectedValue, onChange, placeholder = 'Vælg', size, variant = 'outlined', onClear, datakey, dataCy, }) {
+id, options, selectedValue, onChange, placeholder = 'Vælg', size, variant = 'outlined', onClear, datakey, dataCy, disabled, }) {
     const generatedId = useId();
     const controlId = id !== null && id !== void 0 ? id : `select-${generatedId}`;
     const describedById = `${controlId}-desc`;
@@ -74,10 +72,7 @@ id, options, selectedValue, onChange, placeholder = 'Vælg', size, variant = 'ou
             ids.push(tooltipId);
         return ids.length ? ids.join(' ') : undefined;
     })();
-    return (_jsxs(InputContainer, { label: label, htmlFor: controlId, fullWidth: fullWidth, error: error, helpText: helpText, orientation: orientation, labelWidth: labelWidth, required: required, children: [_jsx(Popover, { ref: popoverRef, trigger: (onClick, icon) => (_jsx(Button
-                // IMPORTANT: keep triggerProps last for events, but let our aria-describedby win
-                // We'll spread triggerProps and then override aria-describedby to include both.
-                , { ...(tooltipEnabled ? triggerProps : {}), id: controlId, "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : 'select-button', onKeyDown: handleKeyDown, fullWidth: fullWidth, variant: variant, onClick: e => {
+    return (_jsxs(InputContainer, { label: label, htmlFor: controlId, fullWidth: fullWidth, error: error, helpText: helpText, orientation: orientation, labelWidth: labelWidth, required: required, children: [_jsx(Popover, { ref: popoverRef, trigger: (onClick, icon) => (_jsx(Button, { disabled: disabled, ...(tooltipEnabled ? triggerProps : {}), id: controlId, "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : 'select-button', onKeyDown: handleKeyDown, fullWidth: fullWidth, variant: variant, onClick: e => {
                         setActiveIndex(selectedIndex >= 0 ? selectedIndex : 0);
                         onClick(e);
                     }, size: size, type: "button", "aria-haspopup": "listbox", "aria-invalid": Boolean(error) || undefined, "aria-describedby": describedBy, children: _jsxs("span", { className: "dbc-flex dbc-justify-between dbc-items-center dbc-gap-xxs", style: { width: '100%' }, children: [_jsx("span", { children: selected ? selected.label : placeholder }), onClear && selected && _jsx(ClearButton, { onClick: onClear }), icon] }) })), children: _jsx(Menu, { onKeyDown: handleKeyDown, role: "listbox", children: options.map((opt, index) => {

package/dist/components/table/tanstack.js

@@ -82,7 +82,7 @@ export function TanstackTable(props) {
         },
     });
     const columnItems = React.useMemo(() => mapDefsToColumnItems(columns), [columns]);
-    const visibleData = React.useMemo(() => table.getRowModel().rows.map(r => r.original), [table]);
+    const visibleData = table.getRowModel().rows.map(r => r.original);
     const s = (_a = table.getState().sorting) === null || _a === void 0 ? void 0 : _a[0];
     const sortById = (_b = s === null || s === void 0 ? void 0 : s.id) !== null && _b !== void 0 ? _b : undefined;
     const sortDirection = s ? (s.desc ? 'desc' : 'asc') : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",