@itwin/saved-views-react 0.2.1 → 0.3.1

package/lib/LayeredDropdownMenu/LayeredDropdownMenu.css

@@ -5,6 +5,16 @@
 @layer itwinui;
 
 @layer itwin-svr {
+  :has(> .svr-layered-menu-item--forward) {
+    display: flex;
+    align-items: center;
+    gap: var(--iui-size-xs);
+  }
+
+  .svr-layered-menu-item--forward {
+    margin-left: var(--iui-size-2xs);
+  }
+
   .svr-layered-dropdown--back {
     display: flex;
     gap: var(--iui-size-s);
@@ -12,4 +22,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXllcmVkRHJvcGRvd25NZW51L0xheWVyZWREcm9wZG93bk1lbnUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkxheWVyZWREcm9wZG93bk1lbnUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiogQ29weXJpZ2h0IChjKSBCZW50bGV5IFN5c3RlbXMsIEluY29ycG9yYXRlZC4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiogU2VlIExJQ0VOU0UubWQgaW4gdGhlIHByb2plY3Qgcm9vdCBmb3IgbGljZW5zZSB0ZXJtcyBhbmQgZnVsbCBjb3B5cmlnaHQgbm90aWNlLlxuKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cbkBsYXllciBpdHdpbnVpO1xuXG5AbGF5ZXIgaXR3aW4tc3ZyIHtcbiAgLnN2ci1sYXllcmVkLWRyb3Bkb3duLS1iYWNrIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogdmFyKC0taXVpLXNpemUtcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXllcmVkRHJvcGRvd25NZW51L0xheWVyZWREcm9wZG93bk1lbnUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkxheWVyZWREcm9wZG93bk1lbnUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiogQ29weXJpZ2h0IChjKSBCZW50bGV5IFN5c3RlbXMsIEluY29ycG9yYXRlZC4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiogU2VlIExJQ0VOU0UubWQgaW4gdGhlIHByb2plY3Qgcm9vdCBmb3IgbGljZW5zZSB0ZXJtcyBhbmQgZnVsbCBjb3B5cmlnaHQgbm90aWNlLlxuKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cbkBsYXllciBpdHdpbnVpO1xuXG5AbGF5ZXIgaXR3aW4tc3ZyIHtcbiAgOmhhcyg+IC5zdnItbGF5ZXJlZC1tZW51LWl0ZW0tLWZvcndhcmQpIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoLS1pdWktc2l6ZS14cyk7XG4gIH1cblxuICAuc3ZyLWxheWVyZWQtbWVudS1pdGVtLS1mb3J3YXJkIHtcbiAgICBtYXJnaW4tbGVmdDogdmFyKC0taXVpLXNpemUtMnhzKTtcbiAgfVxuXG4gIC5zdnItbGF5ZXJlZC1kcm9wZG93bi0tYmFjayB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLWl1aS1zaXplLXMpO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cbiJdfQ== */

package/lib/LayeredDropdownMenu/LayeredDropdownMenu.d.ts

@@ -30,7 +30,9 @@ interface LayeredDropdownMenuItemProps {
     /** Content of the nested menu. */
     content: ReactNode;
     /** Menu item icon. */
-    icon?: ReactNode | undefined;
+    icon?: ReactElement | undefined;
+    /** Forwarded to the list item wrapper. */
+    className?: string | undefined;
     /** Menu item label. */
     children: ReactNode;
 }

package/lib/LayeredDropdownMenu/LayeredDropdownMenu.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 import { SvgChevronLeft, SvgChevronRight } from "@itwin/itwinui-icons-react";
-import { DropdownMenu, IconButton, ListItem, MenuDivider, MenuExtraContent } from "@itwin/itwinui-react";
+import { DropdownMenu, IconButton, ListItem, MenuDivider, MenuExtraContent, MenuItem } from "@itwin/itwinui-react";
 import { createContext, useContext, useMemo, useState } from "react";
 import "./LayeredDropdownMenu.css";
 /**
@@ -45,7 +45,7 @@ export function LayeredMenuItem(props) {
     if (itemIdentifier === activeMenuItem) {
         return (_jsxs(_Fragment, { children: [_jsx(MenuExtraContent, { children: _jsx("div", { children: _jsx("div", { onClick: () => setActiveMenuItem(undefined), children: _jsxs(IconButton, { styleType: "borderless", iconProps: { className: "svr-layered-dropdown--back" }, children: [_jsx(SvgChevronLeft, {}), props.children] }) }) }) }, "header"), _jsx(MenuDivider, {}, "separator"), _jsx(MenuExtraContent, { children: props.content }, "content")] }));
     }
-    return (_jsxs(ListItem, { tabIndex: -1, onClick: () => setActiveMenuItem(itemIdentifier), actionable: true, children: [props.icon && _jsx(ListItem.Icon, { children: props.icon }), _jsx(ListItem.Content, { children: props.children }), _jsx(ListItem.Icon, { children: _jsx(SvgChevronRight, {}) })] }));
+    return (_jsxs(MenuItem, { className: props.className, tabIndex: 0, startIcon: props.icon, onClick: () => setActiveMenuItem(itemIdentifier), children: [_jsx(ListItem.Content, { children: props.children }), _jsx(ListItem.Icon, { className: "svr-layered-menu-item--forward", children: _jsx(SvgChevronRight, {}) })] }));
 }
 const layeredDropdownMenuContext = createContext({ activeMenuItem: undefined, setActiveMenuItem: () => { } });
 layeredDropdownMenuContext.displayName = "LayeredDropdownMenuContext";

package/lib/SavedView.d.ts

@@ -3,6 +3,7 @@ export interface SavedView {
     id: string;
     displayName: string;
     groupId?: string | undefined;
+    creatorId?: string | undefined;
     tagIds?: string[] | undefined;
     shared?: boolean | undefined;
     thumbnail?: ReactNode | string | undefined;
@@ -14,5 +15,6 @@ export interface SavedViewTag {
 export interface SavedViewGroup {
     id: string;
     displayName: string;
+    creatorId?: string | undefined;
     shared?: boolean | undefined;
 }

package/lib/SavedViewTile/SavedViewOptions.d.ts

@@ -135,5 +135,7 @@ declare function Delete(props: DeleteProps): ReactElement;
 interface CommonOptionProps {
     /** Icon to the left of this menu item. */
     icon?: ReactElement | undefined;
+    /** Forwarded to the wrapping component. */
+    className?: string | undefined;
 }
 export {};

package/lib/SavedViewTile/SavedViewOptions.js

@@ -107,12 +107,12 @@ function Rename(props) {
         setEditingName(true);
         props.onClick?.();
     };
-    return (_jsx(MenuItem, { startIcon: props.icon, onClick: handleClick, children: localization.rename }));
+    return (_jsx(MenuItem, { className: props.className, startIcon: props.icon, onClick: handleClick, children: localization.rename }));
 }
 function MoveToGroup(props) {
     const { savedView } = useSavedViewTileContext();
     const { localization } = useSavedViewsContext();
-    return (_jsx(LayeredMenuItem, { icon: _jsx(SvgBlank, {}), content: _jsx(MoveToGroupSubmenu, { savedView: savedView, groups: props.groups, moveToGroup: props.moveToGroup, moveToNewGroup: props.moveToNewGroup }, "move"), children: localization.moveToGroupMenu.moveToGroup }));
+    return (_jsx(LayeredMenuItem, { className: props.className, icon: _jsx(SvgBlank, {}), content: _jsx(MoveToGroupSubmenu, { savedView: savedView, groups: props.groups, moveToGroup: props.moveToGroup, moveToNewGroup: props.moveToNewGroup }, "move"), children: localization.moveToGroupMenu.moveToGroup }));
 }
 function MoveToGroupSubmenu(props) {
     const { localization: { moveToGroupMenu } } = useSavedViewsContext();
@@ -129,7 +129,7 @@ function MoveToGroupSubmenu(props) {
 function ManageTags(props) {
     const { savedView } = useSavedViewTileContext();
     const { localization } = useSavedViewsContext();
-    return (_jsx(LayeredMenuItem, { icon: props.icon, content: _jsx(ManageTagsSubmenu, { savedView: savedView, tags: props.tags, addTag: props.addTag, addNewTag: props.addNewTag, removeTag: props.removeTag }, "tags"), children: localization.tagsMenu.tags }));
+    return (_jsx(LayeredMenuItem, { className: props.className, icon: props.icon, content: _jsx(ManageTagsSubmenu, { savedView: savedView, tags: props.tags, addTag: props.addTag, addNewTag: props.addNewTag, removeTag: props.removeTag }, "tags"), children: localization.tagsMenu.tags }));
 }
 function ManageTagsSubmenu(props) {
     const { localization } = useSavedViewsContext();
@@ -169,5 +169,5 @@ function SearchableSubmenu(props) {
 function Delete(props) {
     const { savedView } = useSavedViewTileContext();
     const { localization } = useSavedViewsContext();
-    return (_jsx(MenuItem, { startIcon: props.icon, onClick: () => props.deleteSavedView(savedView.id), children: localization.delete }));
+    return (_jsx(MenuItem, { className: props.className, startIcon: props.icon, onClick: () => props.deleteSavedView(savedView.id), children: localization.delete }));
 }

package/lib/SavedViewTile/SavedViewTile.css

@@ -16,6 +16,13 @@
   .svr-tile .svr-tile-name {
     height: calc(var(--iui-size-l) + 2px);
     user-select: unset;
+    min-width: 0;
+    text-wrap: nowrap;
+
+    > div {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
 
   .svr-tile--metadata {
@@ -89,4 +96,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TYXZlZFZpZXdUaWxlL1NhdmVkVmlld1RpbGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNhdmVkVmlld1RpbGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiogQ29weXJpZ2h0IChjKSBCZW50bGV5IFN5c3RlbXMsIEluY29ycG9yYXRlZC4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiogU2VlIExJQ0VOU0UubWQgaW4gdGhlIHByb2plY3Qgcm9vdCBmb3IgbGljZW5zZSB0ZXJtcyBhbmQgZnVsbCBjb3B5cmlnaHQgbm90aWNlLlxuKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cbkBsYXllciBpdHdpbnVpO1xuXG5AbGF5ZXIgaXR3aW4tc3ZyIHtcbiAgLnN2ci10aWxlIHtcbiAgICB3aWR0aDogdmFyKC0taXR3aW4tc3ZyLXRpbGUtd2lkdGgsIGNhbGMoOCAqIHZhcigtLWl1aS1zaXplLXhsKSkpO1xuICB9XG5cbiAgLnN2ci10aWxlIC5zdnItdGlsZS10aHVtYm5haWwge1xuICAgIGhlaWdodDogdmFyKC0taXR3aW4tc3ZyLXRodW1ibmFpbC1oZWlnaHQsIGNhbGMoNCAqIHZhcigtLWl1aS1zaXplLXhsKSkpO1xuICB9XG5cbiAgLnN2ci10aWxlIC5zdnItdGlsZS1uYW1lIHtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0taXVpLXNpemUtbCkgKyAycHgpO1xuICAgIHVzZXItc2VsZWN0OiB1bnNldDtcbiAgfVxuXG4gIC5zdnItdGlsZS0tbWV0YWRhdGEge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZDogMWZyIC8gYXV0byBtaW5tYXgoMCwgMWZyKSBhdXRvO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAuc3ZyLXRpbGUtLW1ldGFkYXRhID4gc3ZnIHtcbiAgICBtYXJnaW4tcmlnaHQ6IHZhcigtLWl1aS1zaXplLXhzKTtcbiAgfVxuXG4gIC5zdnItdGlsZS0tdGFnLWNvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLWl1aS1zaXplLXMpO1xuICB9XG5cbiAgLnN2ci10aWxlLS10YWcge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG1pbi13aWR0aDogMDtcbiAgfVxuXG4gIC5zdnItdGlsZS0tdGFnLW92ZXJmbG93IHtcbiAgICBtYXJnaW4tbGVmdDogdmFyKC0taXVpLXNpemUtcyk7XG4gIH1cblxuICAuc3ZyLXRpbGUtLW1vcmUtb3B0aW9ucyB7XG4gICAgei1pbmRleDogMjtcbiAgICBncmlkLWFyZWE6IDEgLyAxIC8gLTEgLyAtMTtcbiAgICBwbGFjZS1zZWxmOiBlbmQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiBjYWxjKC0xKnZhcigtLWl1aS1zaXplLTJ4cykpO1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5cbiAgLnN2ci10aWxlOm5vdCg6aG92ZXIsIDpmb2N1cy13aXRoaW4pIC5zdnItdGlsZS0tbW9yZS1vcHRpb25zOndoZXJlKDpub3QoLnN2ci12aXNpYmxlKSkge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuXG4gIC5zdnItdGlsZS0taWNvbi1jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLXRvcDogY2FsYygwLjUgKiB2YXIoLS1pdWktc2l6ZS1zKSk7XG4gICAgbWFyZ2luLWlubGluZTogdmFyKC0taXVpLXNpemUteHMpO1xuICAgIGdhcDogdmFyKC0taXVpLXNpemUtMnhzKTtcbiAgICB6LWluZGV4OiAxO1xuICB9XG5cbiAgLnN2ci10aWxlLS1pY29uIHtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogcmdiKDAsIDAsIDAsIHZhcigtLWl1aS1vcGFjaXR5LTMpKTtcbiAgICBtaW4td2lkdGg6IHZhcigtLWl1aS1jb21wb25lbnQtaGVpZ2h0LXNtYWxsKTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoLS1pdWktY29tcG9uZW50LWhlaWdodC1zbWFsbCk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pdWktc2l6ZS0yeHMpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICB9XG5cbiAgLnN2ci10aWxlLS1pY29uIHN2ZyB7XG4gICAgZmlsbDogdmFyKC0taXVpLWNvbG9yLXdoaXRlKTtcbiAgfVxuXG4gIC5zdnItdGlsZS0tZWRpdGFibGUtdGl0bGUgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoLS1pdWktc2l6ZS1zKTtcbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TYXZlZFZpZXdUaWxlL1NhdmVkVmlld1RpbGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNhdmVkVmlld1RpbGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiogQ29weXJpZ2h0IChjKSBCZW50bGV5IFN5c3RlbXMsIEluY29ycG9yYXRlZC4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cbiogU2VlIExJQ0VOU0UubWQgaW4gdGhlIHByb2plY3Qgcm9vdCBmb3IgbGljZW5zZSB0ZXJtcyBhbmQgZnVsbCBjb3B5cmlnaHQgbm90aWNlLlxuKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cbkBsYXllciBpdHdpbnVpO1xuXG5AbGF5ZXIgaXR3aW4tc3ZyIHtcbiAgLnN2ci10aWxlIHtcbiAgICB3aWR0aDogdmFyKC0taXR3aW4tc3ZyLXRpbGUtd2lkdGgsIGNhbGMoOCAqIHZhcigtLWl1aS1zaXplLXhsKSkpO1xuICB9XG5cbiAgLnN2ci10aWxlIC5zdnItdGlsZS10aHVtYm5haWwge1xuICAgIGhlaWdodDogdmFyKC0taXR3aW4tc3ZyLXRodW1ibmFpbC1oZWlnaHQsIGNhbGMoNCAqIHZhcigtLWl1aS1zaXplLXhsKSkpO1xuICB9XG5cbiAgLnN2ci10aWxlIC5zdnItdGlsZS1uYW1lIHtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0taXVpLXNpemUtbCkgKyAycHgpO1xuICAgIHVzZXItc2VsZWN0OiB1bnNldDtcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgdGV4dC13cmFwOiBub3dyYXA7XG5cbiAgICA+IGRpdiB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgfVxuICB9XG5cbiAgLnN2ci10aWxlLS1tZXRhZGF0YSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkOiAxZnIgLyBhdXRvIG1pbm1heCgwLCAxZnIpIGF1dG87XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuXG4gIC5zdnItdGlsZS0tbWV0YWRhdGEgPiBzdmcge1xuICAgIG1hcmdpbi1yaWdodDogdmFyKC0taXVpLXNpemUteHMpO1xuICB9XG5cbiAgLnN2ci10aWxlLS10YWctY29udGFpbmVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogdmFyKC0taXVpLXNpemUtcyk7XG4gIH1cblxuICAuc3ZyLXRpbGUtLXRhZyB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWluLXdpZHRoOiAwO1xuICB9XG5cbiAgLnN2ci10aWxlLS10YWctb3ZlcmZsb3cge1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoLS1pdWktc2l6ZS1zKTtcbiAgfVxuXG4gIC5zdnItdGlsZS0tbW9yZS1vcHRpb25zIHtcbiAgICB6LWluZGV4OiAyO1xuICAgIGdyaWQtYXJlYTogMSAvIDEgLyAtMSAvIC0xO1xuICAgIHBsYWNlLXNlbGY6IGVuZDtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IGNhbGMoLTEqdmFyKC0taXVpLXNpemUtMnhzKSk7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIH1cblxuICAuc3ZyLXRpbGU6bm90KDpob3ZlciwgOmZvY3VzLXdpdGhpbikgLnN2ci10aWxlLS1tb3JlLW9wdGlvbnM6d2hlcmUoOm5vdCguc3ZyLXZpc2libGUpKSB7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICB9XG5cbiAgLnN2ci10aWxlLS1pY29uLWNvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKDAuNSAqIHZhcigtLWl1aS1zaXplLXMpKTtcbiAgICBtYXJnaW4taW5saW5lOiB2YXIoLS1pdWktc2l6ZS14cyk7XG4gICAgZ2FwOiB2YXIoLS1pdWktc2l6ZS0yeHMpO1xuICAgIHotaW5kZXg6IDE7XG4gIH1cblxuICAuc3ZyLXRpbGUtLWljb24ge1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kOiByZ2IoMCwgMCwgMCwgdmFyKC0taXVpLW9wYWNpdHktMykpO1xuICAgIG1pbi13aWR0aDogdmFyKC0taXVpLWNvbXBvbmVudC1oZWlnaHQtc21hbGwpO1xuICAgIG1pbi1oZWlnaHQ6IHZhcigtLWl1aS1jb21wb25lbnQtaGVpZ2h0LXNtYWxsKTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWl1aS1zaXplLTJ4cyk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIH1cblxuICAuc3ZyLXRpbGUtLWljb24gc3ZnIHtcbiAgICBmaWxsOiB2YXIoLS1pdWktY29sb3Itd2hpdGUpO1xuICB9XG5cbiAgLnN2ci10aWxlLS1lZGl0YWJsZS10aXRsZSA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigtLWl1aS1zaXplLXMpO1xuICB9XG59XG4iXX0= */

package/lib/SavedViewTile/SavedViewTile.d.ts

@@ -16,13 +16,14 @@ interface SavedViewTileProps {
     options?: ((close: () => void) => ReactElement[]) | ReactElement[] | undefined;
     /**
      * Invoked when user submits a new name for the Saved View.
-     * @param savedViewId Id of the associated Saved View.
-     * @param newName User-submitted string for the Saved View title.
+     * @param savedViewId Id of the associated Saved View
+     * @param newName User-submitted string for the Saved View title. This value is `undefined` when user cancels rename
+     *                operaton.
      *
      * @example
      * <SavedViewTile savedView={savedView} onRename={handleRename} editable />
      */
-    onRename?: ((savedViewId: string, newName: string) => void) | undefined;
+    onRename?: ((savedViewId: string, newName: string | undefined) => void) | undefined;
     /**
      * Click handler meant for triggering the render of iModel onto the screen with the saved view applied
      */
@@ -46,7 +47,7 @@ interface EditableTileNameProps {
     displayName: string;
     actions: {
         onStartEditing: () => void;
-        onEndEditing: (newName: string) => void;
+        onEndEditing: (newName: string, commit: boolean) => void;
     };
     editing?: boolean | undefined;
     editable?: boolean | undefined;

package/lib/SavedViewTile/SavedViewTile.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -59,17 +59,15 @@ export function SavedViewTile(props) {
     const savedViewTileContext = useMemo(() => ({ savedView: props.savedView, setEditingName }), [props.savedView]);
     return (_jsx(SavedViewTileContextProvider, { value: savedViewTileContext, children: _jsxs(Tile.Wrapper, { className: `svr-tile ${props.className || ""}`, onClick: () => props.onClick?.(props.savedView.id), children: [!props.editable && _jsx(Tile.Action, {}), _jsx(Tile.Name, { className: "svr-tile-name", children: _jsx(EditableTileName, { displayName: props.savedView.displayName, editing: editingName, actions: {
                             onStartEditing: () => setEditingName(true),
-                            onEndEditing: (newName) => {
+                            onEndEditing: (newName, commit) => {
                                 setEditingName(false);
-                                if (newName !== props.savedView.displayName) {
-                                    props.onRename?.(props.savedView.id, newName);
-                                }
+                                props.onRename?.(props.savedView.id, commit ? newName : undefined);
                             },
                         }, editable: props.editable || editingName }) }), _jsxs(Tile.ThumbnailArea, { className: "svr-tile-thumbnail", children: [typeof props.savedView.thumbnail === "string"
                             ? _jsx(Tile.ThumbnailPicture, { url: props.savedView.thumbnail })
                             : props.savedView.thumbnail
                                 ? props.savedView.thumbnail
-                                : _jsx(Tile.ThumbnailPicture, { children: _jsx(SvgImageFrame, {}) }), _jsx(TileIconContainer, { style: { placeSelf: "start" }, icons: props.leftIcons }), _jsx(TileIconContainer, { style: { placeSelf: "start end" }, icons: rightIcons })] }), _jsxs(Tile.ContentArea, { children: [_jsx(Tile.Metadata, { children: metadata }), props.options && props.options.length > 0 &&
+                                : _jsx(Tile.ThumbnailPicture, { children: _jsx(SvgImageFrame, {}) }), _jsx(TileIconContainer, { style: { placeSelf: "start" }, icons: props.leftIcons }), _jsx(TileIconContainer, { style: { placeSelf: "start end" }, icons: rightIcons })] }), _jsxs(Tile.ContentArea, { children: [_jsx(Tile.Metadata, { children: metadata }), (typeof props.options === "function" || (props.options && props.options.length > 0)) &&
                             _jsx("div", { className: "svr-tile--more-options", onClick: (ev) => ev.stopPropagation(), children: _jsx(LayeredDropdownMenu, { menuItems: props.options, children: _jsx(IconButton, { size: "small", styleType: "borderless", children: _jsx(SvgMore, {}) }) }) })] })] }) }));
 }
 function isOverflowing(element) {
@@ -78,26 +76,26 @@ function isOverflowing(element) {
 export function EditableTileName(props) {
     const { actions } = props;
     if (!props.editable) {
-        return _jsx(_Fragment, { children: props.displayName });
+        return _jsx("div", { children: props.displayName });
     }
     if (props.editing) {
+        const handleEndEditing = (inputValue, commit) => {
+            const trimmedValue = trimInputString(inputValue);
+            actions.onEndEditing(trimmedValue.length === 0 ? props.displayName : trimmedValue, commit);
+        };
         const handleFocus = (ev) => {
             ev.target.select();
         };
         const handleBlur = (ev) => {
-            actions.onEndEditing(trimInputString(ev.target.value));
-        };
-        const handleEndEditing = (inputValue) => {
-            actions.onEndEditing(inputValue.length === 0 ? props.displayName : trimInputString(inputValue));
+            handleEndEditing(ev.target.value, true);
         };
         const handleKeyDown = (ev) => {
             if (ev.key === "Enter") {
-                const value = ev.target.value;
-                handleEndEditing(value);
+                handleEndEditing(ev.target.value, true);
                 return;
             }
             if (ev.key === "Escape") {
-                actions.onEndEditing(props.displayName);
+                actions.onEndEditing(props.displayName, false);
                 return;
             }
         };

package/lib/SavedViewsClient/ITwinSavedViewsClient.js

@@ -17,8 +17,8 @@ export class ITwinSavedViewsClient {
         ]);
         return {
             savedViews: savedViews.map(savedViewResponseToSavedView),
-            groups,
-            tags,
+            groups: groups.map(groupResponseToSavedViewGroup),
+            tags: tags.map(tagResponseToSavedViewTag),
         };
     }
     async getSingularSavedView(args) {
@@ -91,6 +91,8 @@ export class ITwinSavedViewsClient {
         return groupResponseToSavedViewGroup(group);
     }
     async deleteGroup(args) {
+        const savedViews = await this.client.getAllSavedViewsMinimal({ groupId: args.groupId, signal: args.signal });
+        await Promise.all(savedViews.savedViews.map(({ id }) => this.client.deleteSavedView({ savedViewId: id, signal: args.signal })));
         await this.client.deleteGroup({ groupId: args.groupId, signal: args.signal });
     }
     async createTag(args) {
@@ -120,6 +122,7 @@ function savedViewResponseToSavedView(response) {
         displayName: response.displayName,
         tagIds: response.tags?.map((tag) => tag.id),
         groupId: response._links.group?.href.split("/").at(-1),
+        creatorId: response._links.creator?.href.split("/").at(-1),
         shared: response.shared,
         thumbnail: undefined,
     };
@@ -128,6 +131,7 @@ function groupResponseToSavedViewGroup(response) {
     return {
         id: response.id,
         displayName: response.displayName,
+        creatorId: response._links.creator?.href.split("/").at(-1),
         shared: response.shared,
     };
 }

package/lib/StickyExpandableBlock/StickyExpandableBlock.js

@@ -31,7 +31,15 @@ export function StickyExpandableBlock(props) {
     };
     const stickyRef = useRef(null);
     const stuck = useSticky(stickyRef);
-    return (_jsxs(ExpandableBlock.Wrapper, { className: props.className, styleType: "borderless", isExpanded: props.isExpanded, onToggle: handleExpandToggle, children: [_jsx("div", { ref: scrollbackRef }), _jsxs(ExpandableBlock.Trigger, { ref: stickyRef, as: "div", className: "svr-expandable-block-header", "data-stuck": stuck, role: "button", children: [_jsx(ExpandableBlock.ExpandIcon, {}), _jsx(ExpandableBlock.LabelArea, { children: _jsx(ExpandableBlock.Title, { className: props.titleClassName, children: props.title }) }), props.endIcon &&
+    // We are pretending that expandable block title is a button element for accessibility
+    const handleKeyDown = (e) => {
+        if (e.target === e.currentTarget && e.key === "Enter" || e.key === " ") {
+            handleExpandToggle(!props.isExpanded);
+            // We don't want spacebar to cause scroll down
+            e.preventDefault();
+        }
+    };
+    return (_jsxs(ExpandableBlock.Wrapper, { className: props.className, styleType: "borderless", isExpanded: props.isExpanded, onToggle: handleExpandToggle, children: [_jsx("div", { ref: scrollbackRef }), _jsxs(ExpandableBlock.Trigger, { ref: stickyRef, className: "svr-expandable-block-header", "data-stuck": stuck, children: [_jsx(ExpandableBlock.ExpandIcon, {}), _jsx(ExpandableBlock.LabelArea, { children: _jsx(ExpandableBlock.Title, { as: "div", className: props.titleClassName, tabIndex: 0, role: "button", onKeyDown: handleKeyDown, children: props.title }) }), props.endIcon &&
                         _jsx(ExpandableBlock.EndIcon, { onClick: handleGroupMenuClick, children: props.endIcon })] }), _jsx(ExpandableBlock.Content, { children: props.children })] }));
 }
 function useSticky(ref) {

package/lib/api/clients/ISavedViewsClient.d.ts

@@ -1,9 +1,9 @@
-import type { LegacySavedView, LegacySavedViewBase } from "../utilities/SavedViewTypes.js";
+import type { LegacySavedView3d, LegacySavedView2d, LegacySavedViewBase } from "../utilities/SavedViewTypes.js";
 /** Is a 3d saved view */
-export declare function isSavedView3d(view: LegacySavedViewBase): view is LegacySavedView;
+export declare function isSavedView3d(view: LegacySavedViewBase): view is LegacySavedView3d;
 /** Is a 3d spatial saved view */
-export declare function isSpatialSavedView(view: LegacySavedViewBase): boolean;
+export declare function isSpatialSavedView(view: LegacySavedViewBase): view is LegacySavedView3d;
 /** Is a 2d drawing saved view */
-export declare function isDrawingSavedView(view: LegacySavedViewBase): boolean;
+export declare function isDrawingSavedView(view: LegacySavedViewBase): view is LegacySavedView2d;
 /** Is a 2d sheet saved view */
-export declare function isSheetSavedView(view: LegacySavedViewBase): boolean;
+export declare function isSheetSavedView(view: LegacySavedViewBase): view is LegacySavedView2d;

package/lib/api/utilities/SavedViewTypes.d.ts

@@ -34,7 +34,7 @@ export interface LegacySavedView2d extends LegacySavedViewBase {
 /**
  * Format for a saved view setting instance in the service
  */
-export interface LegacySavedView extends LegacySavedViewBase {
+export interface LegacySavedView3d extends LegacySavedViewBase {
     displayStyleProps: DisplayStyle3dProps;
     modelSelectorProps: ModelSelectorProps;
     modelExtents?: Range3dProps;

package/lib/api/utilities/translation/SavedViewTranslation.d.ts

@@ -1,22 +1,26 @@
-import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { SpatialViewState, type IModelConnection, type ViewState, type Viewport } from "@itwin/core-frontend";
 import { type SavedViewRepresentation } from "@itwin/saved-views-client";
-/**
- * Converts a saved view response to a saved view response that includes a legacy view.
- * @param savedViewResponse A saved view response with or without a legacy view.
- * @param iModelConnection The {@link IModelConnection} for the saved view; used to query for additional information.
- * @returns A {@link SavedViewRepresentation} that contains legacy saved view data.
- */
-export declare function translateSavedViewResponseToLegacySavedViewResponse(savedViewResponse: SavedViewRepresentation, iModelConnection: IModelConnection): Promise<SavedViewRepresentation>;
+import type { LegacySavedView3d, LegacySavedViewBase } from "../SavedViewTypes.js";
 /**
  * Converts a legacy saved view (response) to an iTwin.js ViewState.
- * @param legacySavedViewResponse A saved view response that includes a legacy view.
- * @param iModelConnection The {@link IModelConnection} for the saved view; used to query for additional information.
- * @returns A {@link ViewState} with the saved view applied.
+ * @param legacySavedView a saved view response that includes a legacy view
+ * @param iModel the {@linkcode IModelConnection} for the saved view; used to query for additional information
+ * @param useHiddenModelsAndCategories when explicitly set to `false`, the returned {@linkcode ViewState} does not have
+ *                                     populated category and model selectors
+ * @returns a {@linkcode ViewState} with the saved view applied
  */
-export declare function translateLegacySavedViewToITwinJsViewState(legacySavedViewResponse: SavedViewRepresentation, iModelConnection: IModelConnection): Promise<ViewState | undefined>;
+export declare function translateLegacySavedViewToITwinJsViewState(legacySavedView: LegacySavedViewBase, iModel: IModelConnection, useHiddenModelsAndCategories?: boolean): Promise<ViewState | undefined>;
+export declare function augmentWithScheduleScript(iModel: IModelConnection, savedView: LegacySavedView3d, viewState: SpatialViewState): Promise<boolean>;
 /**
  * Apply extension data (overrides) onto the supplied viewport. Only works with legacy-formatted extension data.
- * @param viewport The {@link ScreenViewport} used to display the saved view and iModel.
- * @param legacySavedViewResponse A saved view response that includes a legacy view.
+ * @param viewport The {@link Viewport} used to display the saved view and iModel.
+ * @param legacySavedView A saved view response that includes a legacy view.
  */
-export declare function applyExtensionsToViewport(viewport: ScreenViewport, legacySavedViewResponse: SavedViewRepresentation | undefined): Promise<void>;
+export declare function applyExtensionsToViewport(viewport: Viewport, legacySavedView: LegacySavedViewBase): Promise<void>;
+/**
+* Creates legacy saved view data from a saved view response.
+* @param savedViewResponse A saved view response with or without a legacy view.
+* @param iModel The {@link IModelConnection} for the saved view; used to query for additional information.
+* @resolves The saved views formatted as a legacy SavedViewBase.
+*/
+export declare function translateSavedViewToLegacySavedView(iModel: IModelConnection, savedViewResponse: SavedViewRepresentation): Promise<LegacySavedViewBase>;