@geotab/zenith 1.26.5-beta.0 → 1.26.5
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.
package/dist/index.css
CHANGED
|
@@ -13452,7 +13452,7 @@ button.zen-summary__clickable {
|
|
|
13452
13452
|
fill: var(--borders-general);
|
|
13453
13453
|
cursor: not-allowed;
|
|
13454
13454
|
}
|
|
13455
|
-
.zen-page-header {
|
|
13455
|
+
.zen-page-header-component {
|
|
13456
13456
|
box-sizing: border-box;
|
|
13457
13457
|
width: 100%;
|
|
13458
13458
|
height: 128px;
|
|
@@ -13465,21 +13465,21 @@ button.zen-summary__clickable {
|
|
|
13465
13465
|
align-items: flex-start;
|
|
13466
13466
|
gap: 24px;
|
|
13467
13467
|
}
|
|
13468
|
-
.zen-page-header * {
|
|
13468
|
+
.zen-page-header-component * {
|
|
13469
13469
|
box-sizing: border-box;
|
|
13470
13470
|
}
|
|
13471
|
-
.zen-page-
|
|
13471
|
+
.zen-page-header-component__filters {
|
|
13472
13472
|
flex-shrink: 1;
|
|
13473
13473
|
flex-grow: 1;
|
|
13474
13474
|
}
|
|
13475
|
-
.zen-page-
|
|
13475
|
+
.zen-page-header-component__actions {
|
|
13476
13476
|
display: flex;
|
|
13477
13477
|
flex-direction: row;
|
|
13478
13478
|
flex-wrap: nowrap;
|
|
13479
13479
|
align-items: center;
|
|
13480
13480
|
gap: 12px;
|
|
13481
13481
|
}
|
|
13482
|
-
.zen-page-
|
|
13482
|
+
.zen-page-header-component__actions-more svg {
|
|
13483
13483
|
rotate: 90deg;
|
|
13484
13484
|
}
|
|
13485
13485
|
.zen-legend-list {
|
|
@@ -12,7 +12,7 @@ exports.PageHeaderDisplayName = "PageHeader";
|
|
|
12
12
|
const PageHeaderInner = ({ className, children }) => {
|
|
13
13
|
const [filters, actions] = (0, react_1.useMemo)(() => (0, pageHeaderHelpers_1.regulatePageHeaderChildren)(children), [children]);
|
|
14
14
|
const [content, setContent] = (0, react_1.useState)(null);
|
|
15
|
-
return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-page-header", className || ""]), children: (0, jsx_runtime_1.jsxs)(collapsedItemsControl_1.HeaderCustomContent.Provider, { value: { content, setContent }, children: [filters.length > 0 ? filters : (0, jsx_runtime_1.jsx)(pageHeaderFilters_1.PageHeaderFilters, { className: "zen-page-
|
|
15
|
+
return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-page-header-component", className || ""]), children: (0, jsx_runtime_1.jsxs)(collapsedItemsControl_1.HeaderCustomContent.Provider, { value: { content, setContent }, children: [filters.length > 0 ? filters : (0, jsx_runtime_1.jsx)(pageHeaderFilters_1.PageHeaderFilters, { className: "zen-page-header-component__filters--empty" }), actions] }) });
|
|
16
16
|
};
|
|
17
17
|
exports.PageHeaderInner = PageHeaderInner;
|
|
18
18
|
exports.PageHeader = (0, react_1.memo)(exports.PageHeaderInner);
|
|
@@ -29,7 +29,7 @@ const PageHeaderActions = ({ className = "", children }) => {
|
|
|
29
29
|
}
|
|
30
30
|
return el;
|
|
31
31
|
}), [childrenArray]);
|
|
32
|
-
const moreButton = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(collapsedItemsControl_1.PageToolbarCollapsedItemsControl, { className: "zen-page-
|
|
33
|
-
return (childrenArray.length ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-page-
|
|
32
|
+
const moreButton = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(collapsedItemsControl_1.PageToolbarCollapsedItemsControl, { className: "zen-page-header-component__actions-more", children: nonFittingElements }, "page-header-more-actions-key"), [nonFittingElements]);
|
|
33
|
+
return (childrenArray.length ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-page-header-component__actions", className]), children: [nonFittingElements.length > 0 ? moreButton : null, fittingElements] }) : null);
|
|
34
34
|
};
|
|
35
35
|
exports.PageHeaderActions = PageHeaderActions;
|
|
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.PageHeaderFilters = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const classNames_1 = require("../commonHelpers/classNames/classNames");
|
|
6
|
-
const PageHeaderFilters = ({ className = "", children }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-page-
|
|
6
|
+
const PageHeaderFilters = ({ className = "", children }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-page-header-component__filters", className]), children: children }));
|
|
7
7
|
exports.PageHeaderFilters = PageHeaderFilters;
|