@jsenv/navi 0.26.29 → 0.26.31

package/dist/jsenv_navi.js

@@ -6193,6 +6193,54 @@ const useCancelPrevious = () => {
   return canceller;
 };
 
+const moveArrayItemByIndex = (array, indexA, indexB) => {
+  const newArray = [];
+  const movedItem = array[indexA];
+  const movingRight = indexA < indexB;
+
+  for (let i = 0; i < array.length; i++) {
+    if (movingRight) {
+      // Moving right: add target first, then moved item after
+      if (i !== indexA) {
+        newArray.push(array[i]);
+      }
+      if (i === indexB) {
+        newArray.push(movedItem);
+      }
+    } else {
+      // Moving left: add moved item first, then target after
+      if (i === indexB) {
+        newArray.push(movedItem);
+      }
+      if (i !== indexA) {
+        newArray.push(array[i]);
+      }
+    }
+  }
+  return newArray;
+};
+
+const swapArrayItemByIndex = (array, indexA, indexB) => {
+  const newArray = [];
+  const itemAtPositionA = array[indexA];
+  const itemAtPositionB = array[indexB];
+  for (let i = 0; i < array.length; i++) {
+    if (i === indexB) {
+      // At the new position, put the dragged column
+      newArray.push(itemAtPositionA);
+      continue;
+    }
+    if (i === indexA) {
+      // At the old position, put what was at the new position
+      newArray.push(itemAtPositionB);
+      continue;
+    }
+    // Everything else stays the same
+    newArray.push(array[i]);
+  }
+  return newArray;
+};
+
 /**
  * Merges a component's base className with className received from props.
  *
@@ -8454,6 +8502,14 @@ const Box = props => {
       const cssVar = styleContext.styleCSSVars[name];
       if (cssVar) {
         addCSSVar(mergedValue, cssVar, stylesTarget);
+        if (name === "borderRadius" && value === "inherit") {
+          // "inherit" cannot be expressed via a CSS variable — a var() reference
+          // never propagates the inherit keyword itself. So when borderRadius="inherit"
+          // we must also set the inline style directly so the element actually
+          // inherits the radius from its parent.
+          styleDeps.push(name, value);
+          stylesTarget[name] = mergedValue;
+        }
         return true;
       }
       styleDeps.push(name, value); // impact box style -> add to deps
@@ -8735,17 +8791,14 @@ const applySeparatorOnChildren = (children, separator) => {
   return childrenWithSeparators;
 };
 const shouldInjectSeparatorBetween = (left, right) => {
-  if (isPreactNode$1(left) && left.props?.hidden) {
+  if (isValidElement(left) && left.props?.hidden) {
     return false;
   }
-  if (isPreactNode$1(right) && right.props?.hidden) {
+  if (isValidElement(right) && right.props?.hidden) {
     return false;
   }
   return true;
 };
-const isPreactNode$1 = jsxChild => {
-  return jsxChild !== null && typeof jsxChild === "object" && jsxChild.type !== undefined;
-};
 
 /**
  * Fix alignment behavior for flex/grid containers that use `height: 100%`.
@@ -21083,12 +21136,9 @@ const markAsOutsideTextFlow = jsxElement => {
 const isMarkedAsOutsideTextFlow = jsxElement => {
   return outsideTextFlowSet.has(jsxElement.type);
 };
-const isPreactNode = jsxChild => {
-  return jsxChild !== null && typeof jsxChild === "object" && jsxChild.type !== undefined;
-};
 const shouldInjectSpacingBetween = (left, right) => {
-  const leftIsNode = isPreactNode(left);
-  const rightIsNode = isPreactNode(right);
+  const leftIsNode = isValidElement(left);
+  const rightIsNode = isValidElement(right);
   // only inject spacing when at least one side is a preact node
   if (!leftIsNode && !rightIsNode) {
     return false;
@@ -21212,7 +21262,6 @@ const TextUI = props => {
     childrenOutsideFlow,
     ...rest
   } = props;
-  const parentBoxFlow = useContext(BoxFlowContext);
   const defaultSpace = preventSpaceUnderlines ? FAKE_SPACE : REGULAR_SPACE;
   const resolvedSpacing = spacing ?? defaultSpace;
   const boxProps = {
@@ -21222,7 +21271,7 @@ const TextUI = props => {
     ref,
     "baseClassName": withPropsClassName("navi_text", rest.baseClassName)
   };
-  const shouldPreserveSpacing = rest.as === "pre" || rest.flex || rest.grid || isSpacingHandledByFlow(parentBoxFlow);
+  const shouldPreserveSpacing = rest.as === "pre" || rest.flex || rest.grid;
   if (shouldPreserveSpacing) {
     boxProps.spacing = resolvedSpacing;
   } else {
@@ -22677,7 +22726,7 @@ installImportMetaCssBuild(import.meta);const css$A = /* css */`
       border-width: var(--button-border-width);
       border-style: solid;
       border-color: var(--x-button-border-color);
-      border-radius: var(--button-border-radius);
+      border-radius: inherit;
       outline-width: var(--x-button-outline-width);
       outline-color: var(--button-outline-color);
       outline-offset: var(--x-button-outline-offset);
@@ -32627,7 +32676,7 @@ const useTableDragContextValue = ({
       return;
     }
     const columnIds = columns.map(col => col.id);
-    const columnIdsWithNewOrder = moveItem(columnIds, columnIndex, newColumnIndex);
+    const columnIdsWithNewOrder = moveArrayItemByIndex(columnIds, columnIndex, newColumnIndex);
     setColumnOrder(columnIdsWithNewOrder);
   };
   return useMemo(() => {
@@ -32642,31 +32691,6 @@ const useTableDragContextValue = ({
     };
   }, [grabTarget, canChangeColumnOrder]);
 };
-const moveItem = (array, indexA, indexB) => {
-  const newArray = [];
-  const movedItem = array[indexA];
-  const movingRight = indexA < indexB;
-  for (let i = 0; i < array.length; i++) {
-    if (movingRight) {
-      // Moving right: add target first, then moved item after
-      if (i !== indexA) {
-        newArray.push(array[i]);
-      }
-      if (i === indexB) {
-        newArray.push(movedItem);
-      }
-    } else {
-      // Moving left: add moved item first, then target after
-      if (i === indexB) {
-        newArray.push(movedItem);
-      }
-      if (i !== indexA) {
-        newArray.push(array[i]);
-      }
-    }
-  }
-  return newArray;
-};
 const TableDragCloneContainer = forwardRef((props, ref) => {
   import.meta.css = [css$h, "@jsenv/navi/src/field/table/drag/table_drag.jsx"];
   const {
@@ -36225,12 +36249,13 @@ const BadgeCount = ({
   if (charCount > MAX_CHAR_AS_CIRCLE) {
     circle = false;
   }
+  const textKey = loading + String(valueDisplayed) + hasOverflow;
   if (circle) {
     return jsx(TextAnchor, {
       childRef: ref,
       textAnchor: textAnchor,
       textSize: props.size,
-      textKey: loading + valueDisplayed + hasOverflow,
+      textKey: textKey,
       lineLayout: lineLayout,
       children: jsxs(BadgeCountCircle, {
         ...props,
@@ -36249,7 +36274,7 @@ const BadgeCount = ({
     childRef: ref,
     textAnchor: textAnchor,
     textSize: props.size,
-    textKey: loading + valueFormatted + hasOverflow,
+    textKey: textKey,
     lineLayout: lineLayout,
     children: jsxs(BadgeCountEllipse, {
       ...props,
@@ -37990,5 +38015,5 @@ const UserSvg = () => jsx("svg", {
   })
 });
 
-export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, Box, Button, ButtonCopyToClipboard, Caption, CheckSvg, Checkbox, CheckboxList, CloseSvg, Code, Col, Colgroup, ConstructionSvg, Details, Dialog, DialogLayout, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, EyeClosedSvg, EyeSvg, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, Input, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemFooter, ListItemGroup, ListItemHeader, Loading, LoadingDotsSvg, LoadingIndicator, LoadingIndicatorFluid, MessageBox, Meter, Nav, NaviDebug, Paragraph, Popover, Quantity, QuantityIntl, Radio, RadioList, Route, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectionContext, Separator, SettingsSvg, SidePanel, StarSvg, SummaryMarker, Svg, Table, TableCell, Tbody, Text, Thead, Title, Tr, UITransition, UserSvg, ViewportLayout, actionIntegratedVia, actionRunEffect, addCustomMessage, anyMatchingRouteSignal, applySearch, arraySignalMembership, compareTwoJsValues, createAction, createAvailableConstraint, createIntl, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, enableDebugActions, enableDebugOnDocumentLoading, filterTableSelection, forwardActionRequested, installCustomConstraintValidation, isCellSelected, isColumnSelected, isRowSelected, localStorageSignal, navBack, navForward, navTo, openCallout, rawUrlPart, reload, removeCustomMessage, requestAction, requestListClose, requestListOpen, rerunActions, resource, route, routeAction, setBaseUrl, setupRoutes, stateSignal, stopLoad, stringifyTableSelectionValue, syncOwnedResourceToSignals, syncResourceToSignals, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutClose, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useKeyboardShortcuts, useNavState, useOrderedColumns, useRouteStatus, useRunOnMount, useSearchText, useSelectRequestClose, useSelectableElement, useSelectionController, useSidePanelClose, useSignalSync, useStateArray, useTitleLevel, useUrlSearchParam, valueInLocalStorage, windowWidthSignal };
+export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, Box, Button, ButtonCopyToClipboard, Caption, CheckSvg, Checkbox, CheckboxList, CloseSvg, Code, Col, Colgroup, ConstructionSvg, Details, Dialog, DialogLayout, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, EyeClosedSvg, EyeSvg, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, Input, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemFooter, ListItemGroup, ListItemHeader, Loading, LoadingDotsSvg, LoadingIndicator, LoadingIndicatorFluid, MessageBox, Meter, Nav, NaviDebug, Paragraph, Popover, Quantity, QuantityIntl, Radio, RadioList, Route, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectionContext, Separator, SettingsSvg, SidePanel, StarSvg, SummaryMarker, Svg, Table, TableCell, Tbody, Text, Thead, Title, Tr, UITransition, UserSvg, ViewportLayout, actionIntegratedVia, actionRunEffect, addCustomMessage, anyMatchingRouteSignal, applySearch, arraySignalMembership, compareTwoJsValues, createAction, createAvailableConstraint, createIntl, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, enableDebugActions, enableDebugOnDocumentLoading, filterTableSelection, forwardActionRequested, installCustomConstraintValidation, isCellSelected, isColumnSelected, isRowSelected, localStorageSignal, moveArrayItemByIndex, navBack, navForward, navTo, openCallout, rawUrlPart, reload, removeCustomMessage, requestAction, requestListClose, requestListOpen, rerunActions, resource, route, routeAction, setBaseUrl, setupRoutes, stateSignal, stopLoad, stringifyTableSelectionValue, swapArrayItemByIndex, syncOwnedResourceToSignals, syncResourceToSignals, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutClose, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useKeyboardShortcuts, useNavState, useOrderedColumns, useRouteStatus, useRunOnMount, useSearchText, useSelectRequestClose, useSelectableElement, useSelectionController, useSidePanelClose, useSignalSync, useStateArray, useTitleLevel, useUrlSearchParam, valueInLocalStorage, windowWidthSignal };
 //# sourceMappingURL=jsenv_navi.js.map