@pagamio/frontend-commons-lib 0.8.320 → 0.8.321
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
const FilterWrapper = ({ isNarrow, children }) => {
|
|
3
|
-
return (
|
|
3
|
+
return (
|
|
4
|
+
// `min-w-0` so this card can shrink inside a flex/grid parent;
|
|
5
|
+
// `overflow-hidden` so wide filter rows never punch out of the toolbar.
|
|
6
|
+
_jsx("div", { className: "bg-card shadow-xl rounded-lg p-4 mb-2 min-w-0 overflow-hidden", children: _jsx("div", { className: isNarrow
|
|
7
|
+
? 'flex flex-col w-full gap-3'
|
|
8
|
+
: // `flex-wrap` lets the filter pills drop onto a second row instead of
|
|
9
|
+
// overflowing the toolbar; each child group is set to `min-w-0` via its own
|
|
10
|
+
// styles so individual items can shrink too.
|
|
11
|
+
'flex flex-wrap items-start justify-between gap-4 w-full min-w-0', children: children }) }));
|
|
4
12
|
};
|
|
5
13
|
export default FilterWrapper;
|
package/lib/styles.css
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pagamio/frontend-commons-lib",
|
|
3
3
|
"description": "Pagamio library for Frontend reusable components like the form engine and table container",
|
|
4
|
-
"version": "0.8.
|
|
4
|
+
"version": "0.8.321",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
7
7
|
"provenance": false
|