grep-components 2.11.0 → 2.12.0-GREPF-2676.2

package/dist/components/GrepSelect/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SelectProps, InputBaseComponentProps } from '@mui/material';
+import { SelectProps, InputBaseComponentProps, InputLabelProps } from '@mui/material';
 export interface SelectItem {
     value: string | number;
     label?: string;
@@ -14,6 +14,7 @@ export type GrepSelectProps = SelectProps & {
     selectItems: SelectItem[];
     unselectOption?: boolean;
     useCheckedSelect?: boolean;
+    labelProps?: InputLabelProps;
     inputProps?: InputBaseComponentProps | undefined;
 };
 declare const _default: React.ComponentType<GrepSelectProps>;

package/dist/index.js

@@ -2551,14 +2551,14 @@ const GrepSelect = (props) => {
     React.useEffect(() => {
         setLabelWidth(inputLabel.current.offsetWidth);
     }, []);
-    const { unselectOption = true, errorMessage, selectItems, helperText, fullWidth, outlined, disabled, required, label, inputProps, value, size, id, useCheckedSelect, ...rest } = props;
+    const { unselectOption = true, errorMessage, selectItems, helperText, fullWidth, outlined, disabled, required, label, labelProps, inputProps, value, size, id, useCheckedSelect, ...rest } = props;
     const error = errorMessage ? errorMessage.length > 0 : false;
     const selected = value;
     return (React.createElement(FormControl, { variant: outlined ? 'outlined' : 'standard', className: props.className, fullWidth: fullWidth, required: required, style: props.style, error: error, size: size, disabled: disabled },
         React.createElement(InputLabel, { htmlFor: id, ref: inputLabel, style: {
                 minWidth: 'max-content',
                 overflow: 'visible',
-            } }, label),
+            }, ...labelProps }, label),
         React.createElement(Select, { ...rest, inputProps: { id, ...inputProps }, disabled: !selectItems || disabled, value: value === null ? '' : value, style: { minWidth: labelWidth + (outlined ? 35 : 25) }, 
             // @todo: make input respect label length
             input: outlined ? React.createElement(OutlinedInput, { label: label }) : React.createElement(Input, null), MenuProps: {
@@ -11024,7 +11024,8 @@ function SortableTableRow({ item, id, index, render, disabled, }) {
     const renderRow = useCallback$1((isDragging) => cells.map(({ value, properties }, index) => (React__default.createElement(SortableTableCell, { key: `dragable-${id}-${index}`, locked: isDragging, ...properties }, value))), [cells, id]);
     return (React__default.createElement(PublicDraggable, { draggableId: `dragable-${id}`, index: index, isDragDisabled: disabled }, (provided, { isDragging }) => {
         const { classes } = useStyles$4({ isDragging: isDragging });
-        return (React__default.createElement(TableRow, { className: classes.row, ref: provided.innerRef, ...provided.draggableProps },
+        return (React__default.createElement(TableRow, { className: classes.row, ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, role: "row" // defined specifically to override this prop from provided.draghandleProps
+            , tabIndex: undefined },
             React__default.createElement(TableCell, { style: { width: '45px', padding: '5px 10px' }, ...provided.dragHandleProps },
                 React__default.createElement(DragIndicator, null)),
             renderRow(isDragging)));