@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-header__filters {
13471
+ .zen-page-header-component__filters {
13472
13472
  flex-shrink: 1;
13473
13473
  flex-grow: 1;
13474
13474
  }
13475
- .zen-page-header__actions {
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-header__actions-more svg {
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-header__filters--empty" }), actions] }) });
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-header__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__actions", className]), children: [nonFittingElements.length > 0 ? moreButton : null, fittingElements] }) : null);
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-header__filters", className]), children: children }));
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geotab/zenith",
3
- "version": "1.26.5-beta.0",
3
+ "version": "1.26.5",
4
4
  "description": "Zenith components library on React",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",