@linzjs/step-ag-grid 29.4.0 → 29.5.1

package/dist/GridTheme.scss

@@ -58,31 +58,30 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
   )
 );
 
-// Don't hide the drag handle
-.ag-theme-step-default.theme-specific .ag-drag-handle.ag-row-drag, .ag-theme-step-compact.theme-specific div.ag-drag-handle.ag-row-drag {
-  opacity: 1 !important;
-}
+.ag-theme-step-default.theme-specific,
+.ag-theme-step-compact.theme-specific {
+  // Don't hide the drag handle
+  .ag-drag-handle.ag-row-drag {
+    opacity: 1 !important;
+  }
 
-.ag-header-hide-default-select .ag-labeled {
-  display: none;
-}
+  .ag-header-hide-default-select .ag-labeled {
+    display: none;
+  }
 
-.ag-header-hide-default-select .ag-wrapper.ag-checkbox-input-wrapper {
-  margin-right: 9px;
-}
+  div.ag-header-cell.ag-header-select-draggable[col-id='ag-Grid-SelectionColumn'] {
+    padding-left: 40px;
+  }
 
-div.ag-header-cell.ag-header-select-draggable[col-id='ag-Grid-SelectionColumn'] {
-  padding-left: 40px;
-}
+  div.ag-header-cell:not(.ag-header-select-draggable)[col-id='ag-Grid-SelectionColumn'] {
+    padding-left: 12px;
+  }
 
-.ag-drag-handle.ag-row-drag {
-  .ag-icon.ag-icon-grip {
-    margin: auto;
+  div.ag-cell-wrapper {
+    margin-left: 4px;
+    margin-right: 4px;
   }
-}
 
-.ag-theme-step-default.theme-specific,
-.ag-theme-step-compact.theme-specific {
   div.ag-center-cols-viewport {
     // when using domLayout={"autoHeight"}, ag grid has a default min-height
     // set to 150px so the !important is necessary here
@@ -158,6 +157,9 @@ div.ag-header-cell.ag-header-select-draggable[col-id='ag-Grid-SelectionColumn']
     }
   }
 
+  div.ag-cell-wrapper .ag-selection-checkbox {
+    margin: 0;
+  }
 
   .ag-cell {
     display: flex;

package/dist/src/components/gridForm/GridFormDropDown.d.ts

@@ -35,6 +35,7 @@ export interface GridFormDropDownProps<TData extends GridBaseRow, TOptionValue>
     onSelectedItem?: (props: GridPopoutEditDropDownSelectedItem<TData, TOptionValue>) => Promise<void> | void;
     onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<TData, TOptionValue>) => Promise<void> | void;
     options: FinalSelectOption<TOptionValue>[] | ((selectedRows: TData[], filter?: string) => MaybePromise<FinalSelectOption<TOptionValue>[] | undefined>) | undefined;
+    topComponent?: () => ReactElement;
 }
 export declare const GridFormDropDown: <TData extends GridBaseRow, TOptionValue>(props: GridFormDropDownProps<TData, TOptionValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/step-ag-grid.cjs

@@ -4258,7 +4258,7 @@ const GridFormDropDown = (props) => {
                             setSubSelectedValue(null);
                             subComponentIsValid.current = true;
                         }, children: ({ ref }) => (jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: [jsxRuntime.jsx("input", { className: 'LuiTextInput-input', ref: ref, type: "text", placeholder: props.filterPlaceholder ?? 'Filter...', "data-testid": 'filteredMenu-free-text-input', defaultValue: filter, "data-allowtabtosave": true, "data-disableenterautosave": !props.onSelectFilter &&
-                                        !(filteredValues && filteredValues.length === 1 && !filteredValues[0].subComponent), onChange: (e) => setFilter(e.target.value.trim()) }), props.filterHelpText && isNotEmpty(filter) && (jsxRuntime.jsx(FormError, { error: null, helpText: props.filterHelpText }))] })) }), jsxRuntime.jsx(MenuDivider, {}, `$$divider_filter`)] })), jsxRuntime.jsx(ComponentLoadingWrapper, { loading: !options, className: 'GridFormDropDown-options', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [options && (lodashEs.isEmpty(options) || (filteredValues && lodashEs.isEmpty(filteredValues))) && (jsxRuntime.jsx(MenuItem, { className: 'GridPopoverEditDropDown-noOptions', disabled: true, children: props.noOptionsMessage ?? 'No Options' }, `${fieldToString(field)}-empty`)), options?.map((item, index) => {
+                                        !(filteredValues && filteredValues.length === 1 && !filteredValues[0].subComponent), onChange: (e) => setFilter(e.target.value.trim()) }), props.filterHelpText && isNotEmpty(filter) && (jsxRuntime.jsx(FormError, { error: null, helpText: props.filterHelpText }))] })) }), jsxRuntime.jsx(MenuDivider, {}, `$$divider_filter`), props.topComponent && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(props.topComponent, {}), jsxRuntime.jsx(MenuDivider, {}, `$$divider_filter`)] }))] })), jsxRuntime.jsx(ComponentLoadingWrapper, { loading: !options, className: 'GridFormDropDown-options', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [options && (lodashEs.isEmpty(options) || (filteredValues && lodashEs.isEmpty(filteredValues))) && (jsxRuntime.jsx(MenuItem, { className: 'GridPopoverEditDropDown-noOptions', disabled: true, children: props.noOptionsMessage ?? 'No Options' }, `${fieldToString(field)}-empty`)), options?.map((item, index) => {
                             showHeader = null;
                             if (item.value === MenuSeparatorString) {
                                 return jsxRuntime.jsx(MenuDivider, {}, `$$divider_${index}`);