@telicent-oss/ds 0.18.6 → 0.19.1

package/dist/ds.js

@@ -38828,7 +38828,7 @@ const TeliMenuItem = ({
   children: children2,
   ...props
 }) => /* @__PURE__ */ jsx$1(MenuItem, { ...props, children: children2 });
-const AppSwitch = ({
+const TeliAppSwitch = ({
   apps,
   isLeftAligned,
   ...otherProps
@@ -38903,10 +38903,10 @@ const TeliStandardLayoutHeader = ({
   beta,
   userProfile = null
 }) => /* @__PURE__ */ jsxs(TeliHeader, { className: "teli-standard-layout-header", children: [
-  /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps, isLeftAligned: true }) }),
+  /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps, isLeftAligned: true }) }),
   /* @__PURE__ */ jsx$1(TeliBrand, { appName, beta }),
   /* @__PURE__ */ jsxs("div", { className: "end-adornments", children: [
-    !userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps }),
+    !userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps }),
     userProfile
   ] })
 ] });
@@ -55172,14 +55172,78 @@ const ListItemButton2 = (listItemButtonProps) => /* @__PURE__ */ jsx$1(ListItemB
 const ListItemIcon2 = (listItemIconProps) => /* @__PURE__ */ jsx$1(ListItemIcon$1, { ...listItemIconProps });
 const ListItemText2 = (props) => /* @__PURE__ */ jsx$1(ListItemText$1, { ...props });
 const IconButton2 = forwardRef((props, ref) => /* @__PURE__ */ jsx$1(IconButton$1, { ref, ...props }));
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 const AppSwitchLibrarySchema = z.object({
   id: z.string(),
   name: z.string(),
   url: z.string(),
   icon: z.string()
 });
-process.env.NODE_ENV === "production" ? {} : {};
-process.env.NODE_ENV === "production" ? {} : {};
+var _ref$1 = process.env.NODE_ENV === "production" ? {
+  name: "1k1rh22",
+  styles: "width:25px;height:25px"
+} : {
+  name: "9qz4wy-AppSwitch",
+  styles: "width:25px;height:25px;label:AppSwitch;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzZEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB6b2QgZnJvbSBcInpvZFwiO1xuaW1wb3J0IE1VSU1lbnUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTWVudVwiO1xuaW1wb3J0IE1VSU1lbnVJdGVtIGZyb20gXCJAbXVpL21hdGVyaWFsL01lbnVJdGVtXCI7XG5cbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tIFwiLi4vLi4vaW5wdXRzL0J1dHRvbi9JY29uQnV0dG9uXCI7XG5pbXBvcnQgR3JpZEljb24gZnJvbSBcIi4uL0ljb25zL0dyaWRJY29uXCI7XG5pbXBvcnQgRmxleEJveCBmcm9tIFwiLi4vLi4vbGF5b3V0L0ZsZXhCb3hcIjtcbmltcG9ydCBNVUlUeXBvZ3JhcGh5IGZyb20gXCJAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBNVUlMaXN0SXRlbUljb24gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1JY29uXCI7XG5pbXBvcnQgTVVJTGlzdEl0ZW1UZXh0IGZyb20gXCJAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgdXNlRXh0ZW5kZWRUaGVtZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9leHBvcnRcIjtcblxuZXhwb3J0IGNvbnN0IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEgPSB6b2Qub2JqZWN0KHtcbiAgaWQ6IHpvZC5zdHJpbmcoKSxcbiAgbmFtZTogem9kLnN0cmluZygpLFxuICB1cmw6IHpvZC5zdHJpbmcoKSxcbiAgaWNvbjogem9kLnN0cmluZygpLFxufSk7XG5cbmV4cG9ydCB0eXBlIEFwcFN3aXRjaExpYnJhcnlUeXBlID0gem9kLmluZmVyPHR5cGVvZiBBcHBTd2l0Y2hMaWJyYXJ5U2NoZW1hPltdO1xuXG5jb25zdCBBcHBTd2l0Y2g6IFJlYWN0LkZDPHsgYXBwczogQXBwU3dpdGNoTGlicmFyeVR5cGUgfT4gPSAoeyBhcHBzIH0pID0+IHtcbiAgY29uc3QgW2FuY2hvckVsLCBzZXRBbmNob3JFbF0gPSBSZWFjdC51c2VTdGF0ZTxudWxsIHwgSFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0aGVtZSA9IHVzZUV4dGVuZGVkVGhlbWUoKTtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHNldEFuY2hvckVsKGV2ZW50LmN1cnJlbnRUYXJnZXQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIHNldEFuY2hvckVsKG51bGwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9XCJhcHAtc3dpdGNoXCJcbiAgICAgICAgYXJpYS1jb250cm9scz17b3BlbiA/IFwiYXBwLXN3aXRjaC1tZW51XCIgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17b3BlbiA/IFwidHJ1ZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgID5cbiAgICAgICAgPEdyaWRJY29uIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8TVVJTWVudVxuICAgICAgICBpZD1cImFwcC1zd2l0Y2gtbWVudVwiXG4gICAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIE1lbnVMaXN0UHJvcHM9e3tcbiAgICAgICAgICBcImFyaWEtbGFiZWxsZWRieVwiOiBcImFwcC1zd2l0Y2gtYnV0dG9uXCIsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHthcHBzLm1hcCgoYXBwLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHZhbGlkYXRlQXBwc1NjaGVtYSA9IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEuc2FmZVBhcnNlKGFwcCk7XG5cbiAgICAgICAgICBpZiAoIXZhbGlkYXRlQXBwc1NjaGVtYS5zdWNjZXNzKSB7XG4gICAgICAgICAgICBjb25zdCBmb3JtYXR0ZWRFcnJvcnMgPSB2YWxpZGF0ZUFwcHNTY2hlbWEuZXJyb3IuaXNzdWVzLm1hcCgoaXNzdWUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIGAke2lzc3VlLnBhdGgudG9TdHJpbmcoKS5yZXBsYWNlKFwiLFwiLCBcIiA+IFwiKX06ICR7aXNzdWUubWVzc2FnZX1gO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBlcnJvck1zZyA9IGZvcm1hdHRlZEVycm9ycy5qb2luKFwiXFxuXCIpO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZsZXhCb3gga2V5PXtlcnJvck1zZ30gcm9sZT1cIm1lbnVpdGVtXCI+XG4gICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICBNaXNjb25maWd1cmF0aW9uIGVycm9yOiBBcHAgU3dpdGNoIGxpYnJhcnkge2FwcD8uaWQgPyBgZm9yIGlkICR7YXBwLmlkfWAgOiBgYXQgaW5kZXggJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD57ZXJyb3JNc2d9PC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TVVJTWVudUl0ZW1cbiAgICAgICAgICAgICAga2V5PXthcHAuaWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICB3aW5kb3cub3BlbihhcHAudXJsLCBcIl9ibGFua1wiKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBjb2xvcj1cImluaGVyaXRcIlxuICAgICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDEsXG4gICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDEsXG4gICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiLFxuICAgICAgICAgICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gXCJkYXJrXCIgPyB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCA6IFwicmdiYSgwLCAwLCAwLCAwLjA0KVwiLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TVVJTGlzdEl0ZW1JY29uPlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXthcHAuaWNvbn0gYWx0PXtgJHthcHAubmFtZX0gaWNvbmB9IGNzcz17eyB3aWR0aDogMjUsIGhlaWdodDogMjUgfX0gLz5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbUljb24+XG4gICAgICAgICAgICAgIDxNVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICAgICAgPE1VSVR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoMVwiXG4gICAgICAgICAgICAgICAgICBzeD17eyBmb250RmFtaWx5OiBcIkZpZ3RyZWVcIiwgZm9udFNpemU6IDE2LCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBcInByaW1hcnlcIiB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHthcHAubmFtZS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIDwvTVVJVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICA8L01VSU1lbnVJdGVtPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9NVUlNZW51PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXBwU3dpdGNoO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+};
+const AppSwitch = ({
+  apps
+}) => {
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const theme = useExtendedTheme();
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx$1(IconButton2, { "aria-label": "app-switch", "aria-controls": open ? "app-switch-menu" : void 0, "aria-haspopup": "true", "aria-expanded": open ? "true" : void 0, onClick: handleClick, color: "primary", children: /* @__PURE__ */ jsx$1(GridIcon, {}) }),
+    /* @__PURE__ */ jsx$1(Menu, { id: "app-switch-menu", anchorEl, open, onClose: handleClose, MenuListProps: {
+      "aria-labelledby": "app-switch-button"
+    }, children: apps.map((app, index) => {
+      const validateAppsSchema = AppSwitchLibrarySchema.safeParse(app);
+      if (!validateAppsSchema.success) {
+        const formattedErrors = validateAppsSchema.error.issues.map((issue) => {
+          return `${issue.path.toString().replace(",", " > ")}: ${issue.message}`;
+        });
+        const errorMsg = formattedErrors.join("\n");
+        return /* @__PURE__ */ jsxs(FlexBox, { role: "menuitem", children: [
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Misconfiguration error: App Switch library ",
+            (app == null ? void 0 : app.id) ? `for id ${app.id}` : `at index ${index}`
+          ] }),
+          /* @__PURE__ */ jsx$1(Text, { children: errorMsg })
+        ] }, errorMsg);
+      }
+      return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => {
+        window.open(app.url, "_blank");
+        handleClose();
+      }, color: "inherit", sx: {
+        marginLeft: 1,
+        marginRight: 1,
+        borderRadius: "4px",
+        border: "1px solid rgba(0, 0, 0, 0)",
+        "&:hover": {
+          backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "rgba(0, 0, 0, 0.04)",
+          border: `1px solid ${theme.palette.primary.main}`
+        }
+      }, children: [
+        /* @__PURE__ */ jsx$1(ListItemIcon$1, { children: /* @__PURE__ */ jsx$1("img", { src: app.icon, alt: `${app.name} icon`, css: _ref$1 }) }),
+        /* @__PURE__ */ jsx$1(ListItemText$1, { children: /* @__PURE__ */ jsx$1(Typography, { variant: "h1", sx: {
+          fontFamily: "Figtree",
+          fontSize: 16,
+          fontWeight: 400,
+          color: "primary"
+        }, children: app.name.toUpperCase() }) })
+      ] }, app.id);
+    }) })
+  ] });
+};
 const Chip2 = ({
   variant = "filled",
   ...chipProps
@@ -57727,6 +57791,7 @@ const MiniSearchAutocomplete = forwardRef(function Autocomplete3(props, ref) {
     progressProps,
     renderOption,
     onSearch,
+    onKeyDown,
     freeSolo = true,
     ...autocompleteProps
   } = props;
@@ -57752,8 +57817,8 @@ const MiniSearchAutocomplete = forwardRef(function Autocomplete3(props, ref) {
       }
     }, inputProps: getInputProps(), size: "small", type: "search", sx: {
       width: 360
-    }, id: id2, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
-      loading ? /* @__PURE__ */ jsx$1(CircularProgress, { size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton2, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
+    }, id: id2, onKeyDown, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
+      loading ? /* @__PURE__ */ jsx$1(CircularProgress, { id: "loading", size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton2, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
       endIcon
     ] }) }), placeholder: placeholder || "Search" }),
     anchorEl && /* @__PURE__ */ jsx$1(Popper2, { open: popupOpen, anchorEl, slots: {
@@ -57779,7 +57844,11 @@ const MiniSearchAutocomplete = forwardRef(function Autocomplete3(props, ref) {
         key,
         ...props2
       } = optionProps;
-      return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
+      return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { onClick: (event) => {
+        if (onSearch) {
+          onSearch(event);
+        }
+      }, children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
         option.isRecentSearch ? /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faClockRotateLeft }) : null,
         /* @__PURE__ */ jsx$1(ListItemText$1, { primary: option.label })
       ] }) }) }, `${key}-${index}`);
@@ -79647,6 +79716,7 @@ export {
   SearchResults,
   Skeleton2 as Skeleton,
   TeliAddIcon,
+  TeliAppSwitch,
   TeliAutocomplete,
   TeliBasicLayout,
   TeliBasicMenu,

package/dist/ds.umd.cjs

@@ -38846,7 +38846,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     children: children2,
     ...props
   }) => /* @__PURE__ */ jsx$1(MenuItem, { ...props, children: children2 });
-  const AppSwitch = ({
+  const TeliAppSwitch = ({
     apps,
     isLeftAligned,
     ...otherProps
@@ -38921,10 +38921,10 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     beta,
     userProfile = null
   }) => /* @__PURE__ */ jsxs(TeliHeader, { className: "teli-standard-layout-header", children: [
-    /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps, isLeftAligned: true }) }),
+    /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps, isLeftAligned: true }) }),
     /* @__PURE__ */ jsx$1(TeliBrand, { appName, beta }),
     /* @__PURE__ */ jsxs("div", { className: "end-adornments", children: [
-      !userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps }),
+      !userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps }),
       userProfile
     ] })
   ] });
@@ -55190,14 +55190,78 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   const ListItemIcon = (listItemIconProps) => /* @__PURE__ */ jsx$1(ListItemIcon$1, { ...listItemIconProps });
   const ListItemText = (props) => /* @__PURE__ */ jsx$1(ListItemText$1, { ...props });
   const IconButton = React$2.forwardRef((props, ref) => /* @__PURE__ */ jsx$1(IconButton$1, { ref, ...props }));
+  function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
+    return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+  }
   const AppSwitchLibrarySchema = z.object({
     id: z.string(),
     name: z.string(),
     url: z.string(),
     icon: z.string()
   });
-  process.env.NODE_ENV === "production" ? {} : {};
-  process.env.NODE_ENV === "production" ? {} : {};
+  var _ref$1 = process.env.NODE_ENV === "production" ? {
+    name: "1k1rh22",
+    styles: "width:25px;height:25px"
+  } : {
+    name: "9qz4wy-AppSwitch",
+    styles: "width:25px;height:25px;label:AppSwitch;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzZEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB6b2QgZnJvbSBcInpvZFwiO1xuaW1wb3J0IE1VSU1lbnUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTWVudVwiO1xuaW1wb3J0IE1VSU1lbnVJdGVtIGZyb20gXCJAbXVpL21hdGVyaWFsL01lbnVJdGVtXCI7XG5cbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tIFwiLi4vLi4vaW5wdXRzL0J1dHRvbi9JY29uQnV0dG9uXCI7XG5pbXBvcnQgR3JpZEljb24gZnJvbSBcIi4uL0ljb25zL0dyaWRJY29uXCI7XG5pbXBvcnQgRmxleEJveCBmcm9tIFwiLi4vLi4vbGF5b3V0L0ZsZXhCb3hcIjtcbmltcG9ydCBNVUlUeXBvZ3JhcGh5IGZyb20gXCJAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBNVUlMaXN0SXRlbUljb24gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1JY29uXCI7XG5pbXBvcnQgTVVJTGlzdEl0ZW1UZXh0IGZyb20gXCJAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgdXNlRXh0ZW5kZWRUaGVtZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9leHBvcnRcIjtcblxuZXhwb3J0IGNvbnN0IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEgPSB6b2Qub2JqZWN0KHtcbiAgaWQ6IHpvZC5zdHJpbmcoKSxcbiAgbmFtZTogem9kLnN0cmluZygpLFxuICB1cmw6IHpvZC5zdHJpbmcoKSxcbiAgaWNvbjogem9kLnN0cmluZygpLFxufSk7XG5cbmV4cG9ydCB0eXBlIEFwcFN3aXRjaExpYnJhcnlUeXBlID0gem9kLmluZmVyPHR5cGVvZiBBcHBTd2l0Y2hMaWJyYXJ5U2NoZW1hPltdO1xuXG5jb25zdCBBcHBTd2l0Y2g6IFJlYWN0LkZDPHsgYXBwczogQXBwU3dpdGNoTGlicmFyeVR5cGUgfT4gPSAoeyBhcHBzIH0pID0+IHtcbiAgY29uc3QgW2FuY2hvckVsLCBzZXRBbmNob3JFbF0gPSBSZWFjdC51c2VTdGF0ZTxudWxsIHwgSFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0aGVtZSA9IHVzZUV4dGVuZGVkVGhlbWUoKTtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHNldEFuY2hvckVsKGV2ZW50LmN1cnJlbnRUYXJnZXQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIHNldEFuY2hvckVsKG51bGwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9XCJhcHAtc3dpdGNoXCJcbiAgICAgICAgYXJpYS1jb250cm9scz17b3BlbiA/IFwiYXBwLXN3aXRjaC1tZW51XCIgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17b3BlbiA/IFwidHJ1ZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgID5cbiAgICAgICAgPEdyaWRJY29uIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8TVVJTWVudVxuICAgICAgICBpZD1cImFwcC1zd2l0Y2gtbWVudVwiXG4gICAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIE1lbnVMaXN0UHJvcHM9e3tcbiAgICAgICAgICBcImFyaWEtbGFiZWxsZWRieVwiOiBcImFwcC1zd2l0Y2gtYnV0dG9uXCIsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHthcHBzLm1hcCgoYXBwLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHZhbGlkYXRlQXBwc1NjaGVtYSA9IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEuc2FmZVBhcnNlKGFwcCk7XG5cbiAgICAgICAgICBpZiAoIXZhbGlkYXRlQXBwc1NjaGVtYS5zdWNjZXNzKSB7XG4gICAgICAgICAgICBjb25zdCBmb3JtYXR0ZWRFcnJvcnMgPSB2YWxpZGF0ZUFwcHNTY2hlbWEuZXJyb3IuaXNzdWVzLm1hcCgoaXNzdWUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIGAke2lzc3VlLnBhdGgudG9TdHJpbmcoKS5yZXBsYWNlKFwiLFwiLCBcIiA+IFwiKX06ICR7aXNzdWUubWVzc2FnZX1gO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBlcnJvck1zZyA9IGZvcm1hdHRlZEVycm9ycy5qb2luKFwiXFxuXCIpO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZsZXhCb3gga2V5PXtlcnJvck1zZ30gcm9sZT1cIm1lbnVpdGVtXCI+XG4gICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICBNaXNjb25maWd1cmF0aW9uIGVycm9yOiBBcHAgU3dpdGNoIGxpYnJhcnkge2FwcD8uaWQgPyBgZm9yIGlkICR7YXBwLmlkfWAgOiBgYXQgaW5kZXggJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD57ZXJyb3JNc2d9PC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TVVJTWVudUl0ZW1cbiAgICAgICAgICAgICAga2V5PXthcHAuaWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICB3aW5kb3cub3BlbihhcHAudXJsLCBcIl9ibGFua1wiKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBjb2xvcj1cImluaGVyaXRcIlxuICAgICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDEsXG4gICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDEsXG4gICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiLFxuICAgICAgICAgICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gXCJkYXJrXCIgPyB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCA6IFwicmdiYSgwLCAwLCAwLCAwLjA0KVwiLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TVVJTGlzdEl0ZW1JY29uPlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXthcHAuaWNvbn0gYWx0PXtgJHthcHAubmFtZX0gaWNvbmB9IGNzcz17eyB3aWR0aDogMjUsIGhlaWdodDogMjUgfX0gLz5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbUljb24+XG4gICAgICAgICAgICAgIDxNVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICAgICAgPE1VSVR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoMVwiXG4gICAgICAgICAgICAgICAgICBzeD17eyBmb250RmFtaWx5OiBcIkZpZ3RyZWVcIiwgZm9udFNpemU6IDE2LCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBcInByaW1hcnlcIiB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHthcHAubmFtZS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIDwvTVVJVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICA8L01VSU1lbnVJdGVtPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9NVUlNZW51PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXBwU3dpdGNoO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  };
+  const AppSwitch = ({
+    apps
+  }) => {
+    const [anchorEl, setAnchorEl] = React$2.useState(null);
+    const theme = useExtendedTheme();
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+      setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+      setAnchorEl(null);
+    };
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx$1(IconButton, { "aria-label": "app-switch", "aria-controls": open ? "app-switch-menu" : void 0, "aria-haspopup": "true", "aria-expanded": open ? "true" : void 0, onClick: handleClick, color: "primary", children: /* @__PURE__ */ jsx$1(GridIcon, {}) }),
+      /* @__PURE__ */ jsx$1(Menu, { id: "app-switch-menu", anchorEl, open, onClose: handleClose, MenuListProps: {
+        "aria-labelledby": "app-switch-button"
+      }, children: apps.map((app, index) => {
+        const validateAppsSchema = AppSwitchLibrarySchema.safeParse(app);
+        if (!validateAppsSchema.success) {
+          const formattedErrors = validateAppsSchema.error.issues.map((issue) => {
+            return `${issue.path.toString().replace(",", " > ")}: ${issue.message}`;
+          });
+          const errorMsg = formattedErrors.join("\n");
+          return /* @__PURE__ */ jsxs(FlexBox, { role: "menuitem", children: [
+            /* @__PURE__ */ jsxs(Text, { children: [
+              "Misconfiguration error: App Switch library ",
+              (app == null ? void 0 : app.id) ? `for id ${app.id}` : `at index ${index}`
+            ] }),
+            /* @__PURE__ */ jsx$1(Text, { children: errorMsg })
+          ] }, errorMsg);
+        }
+        return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => {
+          window.open(app.url, "_blank");
+          handleClose();
+        }, color: "inherit", sx: {
+          marginLeft: 1,
+          marginRight: 1,
+          borderRadius: "4px",
+          border: "1px solid rgba(0, 0, 0, 0)",
+          "&:hover": {
+            backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "rgba(0, 0, 0, 0.04)",
+            border: `1px solid ${theme.palette.primary.main}`
+          }
+        }, children: [
+          /* @__PURE__ */ jsx$1(ListItemIcon$1, { children: /* @__PURE__ */ jsx$1("img", { src: app.icon, alt: `${app.name} icon`, css: _ref$1 }) }),
+          /* @__PURE__ */ jsx$1(ListItemText$1, { children: /* @__PURE__ */ jsx$1(Typography, { variant: "h1", sx: {
+            fontFamily: "Figtree",
+            fontSize: 16,
+            fontWeight: 400,
+            color: "primary"
+          }, children: app.name.toUpperCase() }) })
+        ] }, app.id);
+      }) })
+    ] });
+  };
   const Chip = ({
     variant = "filled",
     ...chipProps
@@ -57745,6 +57809,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       progressProps,
       renderOption,
       onSearch,
+      onKeyDown,
       freeSolo = true,
       ...autocompleteProps
     } = props;
@@ -57770,8 +57835,8 @@ Please use another name.` : formatMuiErrorMessage$1(18));
         }
       }, inputProps: getInputProps(), size: "small", type: "search", sx: {
         width: 360
-      }, id: id2, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
-        loading ? /* @__PURE__ */ jsx$1(CircularProgress, { size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
+      }, id: id2, onKeyDown, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
+        loading ? /* @__PURE__ */ jsx$1(CircularProgress, { id: "loading", size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
         endIcon
       ] }) }), placeholder: placeholder || "Search" }),
       anchorEl && /* @__PURE__ */ jsx$1(Popper, { open: popupOpen, anchorEl, slots: {
@@ -57797,7 +57862,11 @@ Please use another name.` : formatMuiErrorMessage$1(18));
           key,
           ...props2
         } = optionProps;
-        return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
+        return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { onClick: (event) => {
+          if (onSearch) {
+            onSearch(event);
+          }
+        }, children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
           option.isRecentSearch ? /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faClockRotateLeft }) : null,
           /* @__PURE__ */ jsx$1(ListItemText$1, { primary: option.label })
         ] }) }) }, `${key}-${index}`);
@@ -79669,6 +79738,7 @@ uniform ${i3} ${s4} u_${a3};
   exports2.SearchResults = SearchResults;
   exports2.Skeleton = Skeleton;
   exports2.TeliAddIcon = TeliAddIcon;
+  exports2.TeliAppSwitch = TeliAppSwitch;
   exports2.TeliAutocomplete = TeliAutocomplete;
   exports2.TeliBasicLayout = TeliBasicLayout;
   exports2.TeliBasicMenu = TeliBasicMenu;

package/dist/src/components/{AppSwitch/AppSwitch.d.ts → TeliAppSwitch/TeliAppSwitch.d.ts}

@@ -13,5 +13,5 @@ export interface AppSwitchProps extends React.HTMLAttributes<HTMLButtonElement>
     isLeftAligned?: boolean;
     className?: string;
 }
-declare const AppSwitch: FC<AppSwitchProps>;
-export default AppSwitch;
+declare const TeliAppSwitch: FC<AppSwitchProps>;
+export default TeliAppSwitch;

package/dist/src/components/TeliHeader/TeliStandardLayoutHeader.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TeliBrandProps } from '../TeliBrand/TeliBrand';
-import { AppSwitchProps } from '../AppSwitch/AppSwitch';
+import { AppSwitchProps } from '../TeliAppSwitch/TeliAppSwitch';
 
 export interface TeliStandardLayoutHeaderProps {
     /**

package/dist/src/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as AppSwitch } from './AppSwitch/AppSwitch';
+export { default as TeliAppSwitch } from './TeliAppSwitch/TeliAppSwitch';
 export { default as DependenciesTable } from './DependenciesTable/DependenciesTable';
 export { default as TeliAutocomplete } from './TeliAutocomplete/TeliAutocomplete';
 export { default as License } from './License/License';
@@ -15,7 +15,7 @@ export { default as TeliSwitch } from './TeliSwitch/TeliSwitch';
 export { default as TeliTextField } from './TeliTextField/TeliTextField';
 export { default as TeliInput } from './TeliTextField/TeliInput';
 export { default as TeliToolbar } from './TeliToolbar/TeliToolbar';
-export { default as TeliTypeIcon, type TeliTypeIconProps, } from './TeliTypeIcon/TeliTypeIcon';
+export { default as TeliTypeIcon, type TeliTypeIconProps } from './TeliTypeIcon/TeliTypeIcon';
 export { default as TeliTypeahead } from './TeliTypeahead/TeliTypeahead';
 export { default as TeliUserProfile } from './TeliUserProfile/TeliUserProfile';
 export { default as OntologyHierarchy } from './OntologyHierarchy/OntologyHierarchy';

package/dist/src/v1/components/data-display/AppSwitch/AppSwitch.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as AppSwitch } from './AppSwitch';
+
+declare const meta: Meta<typeof AppSwitch>;
+export default meta;
+type Story = StoryObj<typeof AppSwitch>;
+export declare const AppSwitchExample: Story;

package/dist/src/v1/components/data-display/index.d.ts

@@ -3,6 +3,7 @@ export * from './FontAwesomeIcons';
 export * from './Text/Text';
 export * from './List/List';
 export { AppSwitchLibrarySchema } from './AppSwitch/AppSwitch';
+export { default as AppSwitch } from './AppSwitch/AppSwitch';
 export type { AppSwitchLibraryType } from './AppSwitch/AppSwitch';
 export { default as Chip } from './Chip/Chip';
 export type { ChipProps } from './Chip/Chip';

package/dist/src/v1/components/inputs/SearchBox/MiniSearchAutocomplete.d.ts

@@ -51,6 +51,12 @@ export interface MiniSearchAutocompleteProps<Value extends AutocompleteOption =
      * `(event: React.MouseEvent<HTMLButtonElement>) => void;`
      */
     onSearch?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Callback fired when the a key is pressed
+     *
+     * `(event: React.KeyboardEvent<HTMLButtonElement>) => void;`
+     */
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 declare const MiniSearchAutocomplete: React.ForwardRefExoticComponent<MiniSearchAutocompleteProps<AutocompleteOption, boolean, boolean, boolean> & React.RefAttributes<HTMLDivElement>>;
 export default MiniSearchAutocomplete;

package/dist/src/v1/components/inputs/SearchBox/MiniSearchAutocomplete.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.18.6",
+  "version": "0.19.1",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",