@orchestrator-ui/orchestrator-ui-components 7.5.0 → 7.5.1

package/.turbo/turbo-build.log

@@ -1,12 +1,12 @@
 
-> @orchestrator-ui/orchestrator-ui-components@7.5.0 build
+> @orchestrator-ui/orchestrator-ui-components@7.5.1 build
 > npm run generate-version && tsup src/index.ts
 
 
-> @orchestrator-ui/orchestrator-ui-components@7.5.0 generate-version
+> @orchestrator-ui/orchestrator-ui-components@7.5.1 generate-version
 > node -p "'export const ORCHESTRATOR_UI_LIBRARY_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'" > src/configuration/version.ts && prettier --write src/configuration/version.ts
 
-src/configuration/version.ts 45ms
+src/configuration/version.ts 48ms
 CLI Building entry: src/index.ts
 CLI Using tsconfig: tsconfig.json
 CLI tsup v8.5.1
@@ -14,9 +14,9 @@ src/configuration/version.ts 45ms
 CLI Target: es2022
 CLI Cleaning output folder
 ESM Build start
-ESM dist/index.js     809.37 KB
+ESM dist/index.js     810.00 KB
 ESM dist/index.js.map 1.38 MB
-ESM ⚡️ Build success in 288ms
+ESM ⚡️ Build success in 337ms
 DTS Build start
-DTS ⚡️ Build success in 20806ms
+DTS ⚡️ Build success in 23887ms
 DTS dist/index.d.ts 1.48 MB

package/.turbo/turbo-lint.log

@@ -1,4 +1,4 @@
 
-> @orchestrator-ui/orchestrator-ui-components@7.5.0 lint
+> @orchestrator-ui/orchestrator-ui-components@7.5.1 lint
 > eslint
 

package/.turbo/turbo-test.log

@@ -1,23 +1,23 @@
 
-> @orchestrator-ui/orchestrator-ui-components@7.5.0 test
+> @orchestrator-ui/orchestrator-ui-components@7.5.1 test
 > jest
 
-PASS Wfo-UI Tests src/pages/processes/timelineUtils.spec.ts
-PASS Wfo-UI Tests src/components/WfoSubscription/utils/utils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTree/treeUtils.spec.ts
-PASS Wfo-UI Tests src/utils/string.spec.ts
 PASS Wfo-UI Tests src/utils/date.spec.ts
-PASS Wfo-UI Tests src/utils/getProductNamesFromProcess.spec.ts
+PASS Wfo-UI Tests src/pages/processes/timelineUtils.spec.ts
+PASS Wfo-UI Tests src/utils/string.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableUtils.spec.ts
+PASS Wfo-UI Tests src/utils/getProductNamesFromProcess.spec.ts
+PASS Wfo-UI Tests src/components/WfoSubscription/utils/utils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoTable/WfoGroupedTable/utils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
 PASS Wfo-UI Tests src/utils/compareVersions.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Wfo-UI Tests src/utils/optionalArray.spec.ts
-PASS Wfo-UI Tests src/utils/resultFlattener.spec.ts
 PASS Wfo-UI Tests src/rtk/utils.spec.ts
-PASS Wfo-UI Tests src/messages/getTranslationMessages.spec.ts
+PASS Wfo-UI Tests src/utils/resultFlattener.spec.ts
 PASS Wfo-UI Tests src/utils/getQueryParams.spec.ts
+PASS Wfo-UI Tests src/messages/getTranslationMessages.spec.ts
 PASS Wfo-UI Tests src/utils/getEnvironmentVariables.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts
 PASS Wfo-UI Tests src/utils/getToastMessage.spec.ts
@@ -36,10 +36,10 @@ PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
 PASS Wfo-UI Tests src/utils/getQueryUrl.spec.ts
 PASS Wfo-UI Tests src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/WfoTable/utils.spec.ts (5.281 s)
+PASS Wfo-UI Tests src/components/WfoTable/WfoTable/utils.spec.ts (5.497 s)
 
 Test Suites: 35 passed, 35 total
 Tests:       226 passed, 226 total
 Snapshots:   0 total
-Time:        7.914 s
+Time:        8.191 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orchestrator-ui/orchestrator-ui-components
 
+## 7.5.1
+
+### Patch Changes
+
+- 74b893a: Submenu in submenu menu layout fix
+
 ## 7.5.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -27217,7 +27217,7 @@ declare const METADATA_RESOURCE_TYPE_ENDPOINT = "resource_types";
 declare const METADATA_WORKFLOWS_ENDPOINT = "workflows";
 declare const METADATA_SCHEDULES_ENDPOINT = "schedules";
 
-declare const ORCHESTRATOR_UI_LIBRARY_VERSION = "7.5.0";
+declare const ORCHESTRATOR_UI_LIBRARY_VERSION = "7.5.1";
 
 declare const useGetTranslationMessages: (locale: string | undefined) => {
     pydanticForms: {

package/dist/index.js

@@ -63,7 +63,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "7.5.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "7.5.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -4434,6 +4434,9 @@ var getCopyrightStyles = ({ theme }) => {
 var getMenuStyles = ({ theme }) => {
   const menuStyle = css5({
     backgroundColor: theme.colors.backgroundBaseSubdued,
+    ".euiSideNavItem--trunk > .euiSideNavItem__items": {
+      marginInline: theme.base
+    },
     ".euiSideNavItem--branch": {
       "&:after": {
         backgroundColor: theme.colors.borderBaseSubdued,
@@ -4461,8 +4464,7 @@ var getMenuItemStyles = ({ theme, isDarkModeActive }) => {
     color: theme.colors.textSubdued,
     padding: `${theme.base * 0.5}px ${theme.base * 0.75}px`
   };
-  const baseSubMenuStyles = {
-    ...baseStyles,
+  const subItemDash = {
     ":after": {
       content: "''",
       top: "50%",
@@ -4474,6 +4476,10 @@ var getMenuItemStyles = ({ theme, isDarkModeActive }) => {
       transform: "translateY(-50%)"
     }
   };
+  const baseSubMenuStyles = {
+    ...baseStyles,
+    ...subItemDash
+  };
   const menuItemStyle = css5({
     ...baseStyles
   });
@@ -4503,17 +4509,34 @@ var getMenuItemStyles = ({ theme, isDarkModeActive }) => {
     marginLeft: `${theme.size.xs}`,
     paddingLeft: `${theme.size.s}`
   });
-  const subMenuHeaderStyle = css5({
+  const subMenuHeader = {
     ...baseStyles,
     color: theme.colors.link,
     fontWeight: theme.font.weight.medium
+  };
+  const subMenuHeaderStyle = css5({
+    ...subMenuHeader
+  });
+  const subMenuSubItemHeaderStyle = css5({
+    ...subMenuHeader,
+    ...{
+      ":after": {
+        content: "''",
+        left: 0,
+        width: "4px",
+        height: "1px",
+        backgroundColor: theme.colors.borderBaseSubdued,
+        position: "absolute"
+      }
+    }
   });
   return {
     menuItemStyle,
     selectedMenuItem,
     selectedSubMenuItem,
     subMenuItemStyle,
-    subMenuHeaderStyle
+    subMenuHeaderStyle,
+    subMenuSubItemHeaderStyle
   };
 };
 
@@ -4937,12 +4960,19 @@ var WfoMenuItemLink = ({
   isSubItem,
   hasSubItems
 }) => {
-  const { menuItemStyle, selectedMenuItem, selectedSubMenuItem, subMenuHeaderStyle, subMenuItemStyle } = useWithOrchestratorTheme(getMenuItemStyles);
+  const {
+    menuItemStyle,
+    selectedMenuItem,
+    selectedSubMenuItem,
+    subMenuHeaderStyle,
+    subMenuItemStyle,
+    subMenuSubItemHeaderStyle
+  } = useWithOrchestratorTheme(getMenuItemStyles);
   const getMenuItemStyle = () => {
-    if (isSubItem) {
+    if (isSubItem && (!hasSubItems || !isSelected)) {
       return isSelected ? selectedSubMenuItem : subMenuItemStyle;
     } else if (isSelected && hasSubItems) {
-      return subMenuHeaderStyle;
+      return isSubItem ? subMenuSubItemHeaderStyle : subMenuHeaderStyle;
     } else {
       return isSelected ? selectedMenuItem : menuItemStyle;
     }
@@ -9999,7 +10029,7 @@ var getStyles7 = ({ theme, toSecondaryColor }) => {
     cursor: "pointer"
   };
   const treeContainerStyle = {
-    width: 0,
+    width: theme.size.m,
     marginTop: theme.size.s,
     marginRight: `-${theme.size.s}`
   };