@geotab/zenith 3.14.0-beta.2 → 3.14.0-beta.3

package/README.md

@@ -53,9 +53,8 @@ Markdown reference for each component (used by AI tooling and IRIS) lives in [`d
 
 - Add `prefix` prop to `Summary` component for mixed-color value styling
 - Add logical alignment support to `Tooltip` for correct RTL popup direction
-- Remove hardcoded 400px minimum height from `Table` component
-- Migrate remaining LESS files to CSS logical properties for RTL support
-- Apply Tech Content-reviewed copy updates to component strings and translations
+- Tooltip/Popup alignment updates for RTL support
+- Updated translations
 - Fix `DataFeed` calling `onFeedEnd` repeatedly — now fires once per approach
 - Fix RTL scroll navigation direction in `Tabs`, `FiltersBar`, and `SummaryTileBar`
 - Fix nested `Menu` submenu opening on the wrong side in RTL

package/dist/index.css

@@ -6679,19 +6679,6 @@ html:lang(ar) .zen-table-number {
   min-width: 0;
   transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.zen-table-wrapper--fit-content .zen-table__content {
-  height: auto;
-}
-.zen-table-wrapper--fit-content .zen-table__table {
-  height: auto;
-}
-.zen-table-wrapper--fit-content .zen-data-grid-wrapper {
-  contain: layout style;
-  height: auto;
-}
-.zen-table-wrapper--fit-content .zen-data-grid {
-  flex-shrink: 0;
-}
 .pie-chart-1 {
   width: 100%;
   height: 12.5rem;

package/dist/table/table.js

@@ -252,8 +252,10 @@ const TableInner = ({
   const handleOnTriggerClick = (0, react_1.useCallback)(() => setSelectMode(prev => !prev), []);
   const hasPostActions = (0, react_1.useMemo)(() => columnsPopup || isMobile && selectable || !isMobile && fullscreenButton || isFeedVisible, [columnsPopup, fullscreenButton, isFeedVisible, isMobile, selectable]);
   const hasToolbar = (0, react_1.useMemo)(() => bulkActions || feedSortControl || pagination && !isMobile || other.length || columnsPopup || !isMobile && fullscreenButton || isFeedVisible, [bulkActions, columnsPopup, feedSortControl, fullscreenButton, isFeedVisible, isMobile, other.length, pagination]);
-  const gridAutoHeight = (0, react_1.useMemo)(() => contentHeight !== undefined ? `${contentHeight}px` : undefined, [contentHeight]);
-  const gridHeight = (0, react_1.useMemo)(() => height || gridAutoHeight, [gridAutoHeight, height]);
+  const gridAutoHeight = (0, react_1.useMemo)(() => contentHeight ? `${contentHeight}px` : undefined, [contentHeight]);
+  const minHeight = "400px";
+  const gridHeight = (0, react_1.useMemo)(() => height || gridAutoHeight || minHeight, [gridAutoHeight, height]);
+  // TODO: disadvantages?
   const {
     gridClasses,
     restClasses
@@ -261,10 +263,10 @@ const TableInner = ({
   return (0, jsx_runtime_1.jsx)(layoutFullScreen_1.LayoutFullScreen, {
     className: (0, classNames_1.classNames)([...gridClasses]),
     children: (0, jsx_runtime_1.jsxs)("div", {
-      style: gridHeight ? {
+      style: {
         height: gridHeight
-      } : undefined,
-      className: (0, classNames_1.classNames)(["zen-table-wrapper", gridHeight ? "" : "zen-table-wrapper--fit-content", hasToolbar ? "zen-table-wrapper--with-toolbar" : "", ...restClasses]),
+      },
+      className: (0, classNames_1.classNames)(["zen-table-wrapper", hasToolbar ? "zen-table-wrapper--with-toolbar" : "", ...restClasses]),
       children: [hasToolbar ? (0, jsx_runtime_1.jsxs)(entitiesListActions_1.EntitiesListActions, {
         gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop,
         children: [(0, jsx_runtime_1.jsxs)(entitiesListActions_1.EntitiesListActions.Actions, {

package/esm/table/table.js

@@ -202,8 +202,10 @@ const TableInner = ({
   const handleOnTriggerClick = useCallback(() => setSelectMode(prev => !prev), []);
   const hasPostActions = useMemo(() => columnsPopup || isMobile && selectable || !isMobile && fullscreenButton || isFeedVisible, [columnsPopup, fullscreenButton, isFeedVisible, isMobile, selectable]);
   const hasToolbar = useMemo(() => bulkActions || feedSortControl || pagination && !isMobile || other.length || columnsPopup || !isMobile && fullscreenButton || isFeedVisible, [bulkActions, columnsPopup, feedSortControl, fullscreenButton, isFeedVisible, isMobile, other.length, pagination]);
-  const gridAutoHeight = useMemo(() => contentHeight !== undefined ? `${contentHeight}px` : undefined, [contentHeight]);
-  const gridHeight = useMemo(() => height || gridAutoHeight, [gridAutoHeight, height]);
+  const gridAutoHeight = useMemo(() => contentHeight ? `${contentHeight}px` : undefined, [contentHeight]);
+  const minHeight = "400px";
+  const gridHeight = useMemo(() => height || gridAutoHeight || minHeight, [gridAutoHeight, height]);
+  // TODO: disadvantages?
   const {
     gridClasses,
     restClasses
@@ -211,10 +213,10 @@ const TableInner = ({
   return _jsx(LayoutFullScreen, {
     className: classNames([...gridClasses]),
     children: _jsxs("div", {
-      style: gridHeight ? {
+      style: {
         height: gridHeight
-      } : undefined,
-      className: classNames(["zen-table-wrapper", gridHeight ? "" : "zen-table-wrapper--fit-content", hasToolbar ? "zen-table-wrapper--with-toolbar" : "", ...restClasses]),
+      },
+      className: classNames(["zen-table-wrapper", hasToolbar ? "zen-table-wrapper--with-toolbar" : "", ...restClasses]),
       children: [hasToolbar ? _jsxs(EntitiesListActions, {
         gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop,
         children: [_jsxs(EntitiesListActions.Actions, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.14.0-beta.2",
+    "version": "3.14.0-beta.3",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",