Fix: Replace Bootstrap 4 deprecated classes with Bootstrap 5 equivalents

[radimvaculik]

Summary

• Replace dropdown-menu-right with dropdown-menu-end
• Replace control-label with form-label across all filter templates
• Replace form-inline (removed in BS5) with d-flex
• Replace input-group-addon with input-group-text
• Fix typo: datagrid-col-filter-datte-range-delimiter → datagrid-col-filter-date-range-delimiter

Closes #1257

[foxycode]

@radimvaculik There are some ramains of old class names:

$ grep -nr control-label vendor/ublaboo/datagrid
vendor/ublaboo/datagrid/assets/css/datagrid.css:608:	[data-datagrid-name] .datagrid-th-form-inline .control-label {

Otherwise looks good.

[radimvaculik]

@foxycode Thanks. Fixed & removed also obsolete bootstrap-select selectors.

[foxycode]

@radimvaculik Everything seems to work.

[AdamFiser]

Hello, does the button for showing/hiding columns work for you? I tried this version and the menu does not expand when clicked.
Bootstrap 5 in latest.

[foxycode]

Looks like hideable columns really does not work. Ajax si called, but column stays displayed. Not sure if it's related to this commit. None of removed styles contains display or similar property.

[radimvaculik]

@AdamFiser @foxycode Everything is working for me. Could you please provide more details or a reproduction example? You can use the datagrid-skeleton repo to demonstrate the issue.

[foxycode]

@radimvaculik You simply allow hideable columns using $grid->setColumnsHideable();
https://contributte.org/packages/contributte/datagrid/columns.html#hideable-columns

Then try hide something. It won't work.

[AdamFiser]

Yes, the parameters $grid->setColumnsHideable(); are correct. In the previous version using Bootstrap 4, the application worked perfectly. I will need some time to identify the cause, which I don't have at the moment. So far, I have found when checking in the browser's dev console that it is not added after clicking the display button

• div - btn-group **show**
• ul dropdown menu **show**
• does not change arial-expanded to true...

as if it did not know JavaScript, but it is loaded.

[radimvaculik]

Guys, all good on my side :/

[AdamFiser]

Sorry, I found the cause, my mistake.
I confirm functionality.