@ynput/ayon-frontend-shared 0.2.32 → 0.2.33

package/dist/shared/src/api/queries/views/updateViews.es.js

@@ -1,10 +1,10 @@
-import { getViewsApi as l, getScopeTag as v } from "./getViews.es.js";
-const f = l.enhanceEndpoints({
+import { getViewsApi as u, getScopeTag as v } from "./getViews.es.js";
+const f = u.enhanceEndpoints({
   endpoints: {
     createView: {
       onQueryStarted: async (e, { dispatch: t, queryFulfilled: s, getState: n }) => {
         const { payload: o } = e, p = n().user.name, d = t(
-          l.util.updateQueryData(
+          u.util.updateQueryData(
             "listViews",
             { viewType: e.viewType, projectName: e.projectName },
             (i) => {
@@ -16,8 +16,7 @@ const f = l.enhanceEndpoints({
                 position: i.length + 1,
                 // Add to the end of the list
                 owner: p,
-                editable: !0,
-                access: {}
+                accessLevel: 30
               };
               if (o.working) {
                 const r = i.findIndex((a) => a.working === !0);
@@ -32,9 +31,9 @@ const f = l.enhanceEndpoints({
             }
           )
         );
-        let u;
-        o.working && (u = t(
-          l.util.updateQueryData(
+        let l;
+        o.working && (l = t(
+          u.util.updateQueryData(
             "getWorkingView",
             { viewType: e.viewType, projectName: e.projectName },
             (i) => {
@@ -54,7 +53,7 @@ const f = l.enhanceEndpoints({
         try {
           await s;
         } catch (i) {
-          d.undo(), u && u.undo(), console.error("Failed to create view:", i);
+          d.undo(), l && l.undo(), console.error("Failed to create view:", i);
         }
       },
       transformErrorResponse: (e) => {
@@ -80,7 +79,7 @@ const f = l.enhanceEndpoints({
     deleteView: {
       onQueryStarted: async (e, { dispatch: t, queryFulfilled: s }) => {
         const { viewId: n, projectName: o, viewType: w } = e, p = t(
-          l.util.updateQueryData("listViews", { viewType: w, projectName: o }, (d) => d.filter((u) => u.id !== n))
+          u.util.updateQueryData("listViews", { viewType: w, projectName: o }, (d) => d.filter((l) => l.id !== n))
         );
         try {
           await s;
@@ -101,22 +100,22 @@ const f = l.enhanceEndpoints({
     setDefaultView: {
       onQueryStarted: async (e, { dispatch: t, queryFulfilled: s, getState: n }) => {
         var c;
-        const { setDefaultViewRequestModel: o, projectName: w, viewType: p } = e, { viewId: d } = o, u = n(), i = l.endpoints.getDefaultView.select({
+        const { setDefaultViewRequestModel: o, projectName: w, viewType: p } = e, { viewId: d } = o, l = n(), i = u.endpoints.getDefaultView.select({
           viewType: p,
           projectName: w
-        })(u);
+        })(l);
         if (i != null && i.isSuccess && ((c = i.data) != null && c.id)) {
           const r = t(
-            l.util.updateQueryData(
+            u.util.updateQueryData(
               "getDefaultView",
               { viewType: p, projectName: w },
               (a) => {
                 var g;
                 if (a) {
-                  const y = l.endpoints.listViews.select({
+                  const y = u.endpoints.listViews.select({
                     viewType: p,
                     projectName: w
-                  })(u), V = (g = y == null ? void 0 : y.data) == null ? void 0 : g.find((m) => m.id === d);
+                  })(l), V = (g = y == null ? void 0 : y.data) == null ? void 0 : g.find((m) => m.id === d);
                   V ? Object.assign(a, V) : a.id = d;
                 }
               }

package/dist/shared/src/api/queries/views/updateViews.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateViews.es.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                editable: true,\n                access: {},\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["updateViewsApi","getViewsApi","arg","dispatch","queryFulfilled","getState","payload","user","patch","draft","newView","existingWorkingIndex","view","existingId","a","b","workingViewPatch","updatedWorkingView","error","_a","_r","_e","viewType","projectName","getScopeTag","viewId","setDefaultViewRequestModel","state","currentDefaultView","listViewData","v","useCreateViewMutation","useUpdateViewMutation","useDeleteViewMutation","useSetDefaultViewMutation"],"mappings":";AAGM,MAAAA,IAAiBC,EAAY,iBAAiB;AAAA,EAClD,WAAW;AAAA,IACT,YAAY;AAAA,MACV,gBAAgB,OAAOC,GAAK,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,UAAAC,QAAe;AAC/D,cAAA,EAAE,SAAAC,MAAYJ,GAGdK,IAFQF,EAAS,EAEJ,KAAK,MAGlBG,IAAQL;AAAA,UACZF,EAAY,KAAK;AAAA,YACf;AAAA,YACA,EAAE,UAAUC,EAAI,UAAU,aAAaA,EAAI,YAAY;AAAA,YACvD,CAACO,MAAU;AACT,oBAAMC,IAA6B;AAAA,gBACjC,GAAGJ;AAAA,gBACH,SAASA,EAAQ,WAAW;AAAA,gBAC5B,OAAOJ,EAAI,cAAc,YAAY;AAAA,gBACrC,YAAY;AAAA,gBACZ,UAAUO,EAAM,SAAS;AAAA;AAAA,gBACzB,OAAOF;AAAA,gBACP,UAAU;AAAA,gBACV,QAAQ,CAAA;AAAA,cACV;AACA,kBAAID,EAAQ,SAAS;AAEnB,sBAAMK,IAAuBF,EAAM,UAAU,CAACG,MAASA,EAAK,YAAY,EAAI;AAC5E,oBAAID,MAAyB,IAAI;AAEzB,wBAAAE,IAAaJ,EAAME,CAAoB,EAAE;AAC/C,kBAAAF,EAAME,CAAoB,IAAI,EAAE,GAAGD,GAAS,IAAIG,EAAW;AAAA,gBAAA;AAG3D,kBAAAJ,EAAM,KAAKC,CAAO;AAAA,cACpB;AAGA,gBAAAD,EAAM,KAAKC,CAAO;AAId,cAAAD,EAAA,KAAK,CAACK,GAAGC,MACTD,EAAE,aAAaC,EAAE,WACZD,EAAE,WAAWC,EAAE,WAEjBD,EAAE,MAAM,cAAcC,EAAE,KAAK,CACrC;AAAA,YAAA;AAAA,UACH;AAAA,QAEJ;AAGI,YAAAC;AACJ,QAAIV,EAAQ,YACSU,IAAAb;AAAA,UACjBF,EAAY,KAAK;AAAA,YACf;AAAA,YACA,EAAE,UAAUC,EAAI,UAAU,aAAaA,EAAI,YAAY;AAAA,YACvD,CAACO,MAAU;AAET,oBAAMI,IAAaJ,KAAA,gBAAAA,EAAO,IACpBQ,IAAqB;AAAA,gBACzB,GAAGX;AAAA,gBACH,SAAS;AAAA,gBACT,OAAOJ,EAAI,cAAc,YAAY;AAAA,gBACrC,YAAY;AAAA,gBACZ,OAAOK;AAAA,gBACP,GAAIM,KAAc,EAAE,IAAIA,EAAW;AAAA;AAAA,cACrC;AAEO,qBAAA,OAAOJ,GAAOQ,CAAkB;AAAA,YAAA;AAAA,UACzC;AAAA,QAEJ;AAGE,YAAA;AACI,gBAAAb;AAAA,iBACCc,GAAO;AAEd,UAAAV,EAAM,KAAK,GACPQ,KACFA,EAAiB,KAAK,GAEhB,QAAA,MAAM,0BAA0BE,CAAK;AAAA,QAAA;AAAA,MAEjD;AAAA,MACA,wBAAwB,CAACA;;AAAe,gBAAAC,IAAAD,EAAM,SAAN,gBAAAC,EAAY;AAAA;AAAA;AAAA,MAEpD,iBAAiB,CAACC,GAAIC,GAAI,EAAE,UAAAC,GAAU,aAAAC,GAAa,SAAAjB,QAAc;AAAA,QAC/D,EAAE,MAAM,QAAQ,IAAIA,EAAQ,GAAG;AAAA,QAC/BkB,EAAYF,GAAUC,CAAW;AAAA,MAAA;AAAA,IAErC;AAAA,IACA,YAAY;AAAA,MACV,wBAAwB,CAACL;;AAAe,gBAAAC,IAAAD,EAAM,SAAN,gBAAAC,EAAY;AAAA;AAAA,MACpD,iBAAiB,CAACC,GAAIC,GAAI,EAAE,UAAAC,GAAU,aAAAC,GAAa,QAAAE,QAAa;AAAA,QAC9D,EAAE,MAAM,QAAQ,IAAIA,EAAO;AAAA,QAC3BD,EAAYF,GAAUC,CAAW;AAAA,MAAA;AAAA,IAErC;AAAA,IACA,YAAY;AAAA,MACV,gBAAgB,OAAOrB,GAAK,EAAE,UAAAC,GAAU,gBAAAC,QAAqB;AAC3D,cAAM,EAAE,QAAAqB,GAAQ,aAAAF,GAAa,UAAAD,EAAa,IAAApB,GAEpCM,IAAQL;AAAA,UACZF,EAAY,KAAK,gBAAgB,aAAa,EAAE,UAAAqB,GAAU,aAAAC,EAAA,GAAe,CAACd,MACjEA,EAAM,OAAO,CAACG,MAASA,EAAK,OAAOa,CAAM,CACjD;AAAA,QACH;AAEI,YAAA;AACI,gBAAArB;AAAA,iBACCc,GAAO;AAEd,UAAAV,EAAM,KAAK,GACH,QAAA,MAAM,0BAA0BU,CAAK;AAAA,QAAA;AAAA,MAEjD;AAAA,MACA,wBAAwB,CAACA;;AAAe,gBAAAC,IAAAD,EAAM,SAAN,gBAAAC,EAAY;AAAA;AAAA;AAAA,MAEpD,iBAAiB,CAACC,GAAIC,GAAI,EAAE,UAAAC,GAAU,aAAAC,GAAa,QAAAE,QAAa;AAAA,QAC9D,EAAE,MAAM,QAAQ,IAAIA,EAAO;AAAA,QAC3BD,EAAYF,GAAUC,CAAW;AAAA,MAAA;AAAA,IAErC;AAAA,IACA,gBAAgB;AAAA,MACd,gBAAgB,OAAOrB,GAAK,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,UAAAC,QAAe;;AACrE,cAAM,EAAE,4BAAAqB,GAA4B,aAAAH,GAAa,UAAAD,EAAa,IAAApB,GACxD,EAAE,QAAAuB,MAAWC,GACbC,IAAQtB,EAAS,GAEjBuB,IAAqB3B,EAAY,UAAU,eAAe,OAAO;AAAA,UACrE,UAAAqB;AAAA,UACA,aAAAC;AAAA,QACD,CAAA,EAAEI,CAAK;AAGR,YAAIC,KAAA,QAAAA,EAAoB,eAAaT,IAAAS,EAAmB,SAAnB,QAAAT,EAAyB,KAAI;AAEhE,gBAAMX,IAAQL;AAAA,YACZF,EAAY,KAAK;AAAA,cACf;AAAA,cACA,EAAE,UAAAqB,GAAU,aAAAC,EAAY;AAAA,cACxB,CAACd,MAAU;;AACT,oBAAIA,GAAO;AAET,wBAAMoB,IAAe5B,EAAY,UAAU,UAAU,OAAO;AAAA,oBAC1D,UAAAqB;AAAA,oBACA,aAAAC;AAAA,kBACD,CAAA,EAAEI,CAAK,GACFf,KAAOO,IAAAU,KAAA,gBAAAA,EAAc,SAAd,gBAAAV,EAAoB,KAAK,CAACW,MAAMA,EAAE,OAAOL;AAEtD,kBAAIb,IAEK,OAAA,OAAOH,GAAOG,CAAI,IAGzBH,EAAM,KAAKgB;AAAA,gBACb;AAAA,cACF;AAAA,YACF;AAAA,UAEJ;AAEI,cAAA;AACI,kBAAArB;AAAA,mBACCc,GAAO;AAEd,YAAAV,EAAM,KAAK,GACH,QAAA,MAAM,+BAA+BU,CAAK;AAAA,UAAA;AAAA,QACpD;AAEQ,kBAAA;AAAA,YACN;AAAA,UACF;AAAA,MAIJ;AAAA,MACA,wBAAwB,CAACA;;AAAe,gBAAAC,IAAAD,EAAM,SAAN,gBAAAC,EAAY;AAAA;AAAA;AAAA,MAEpD,iBAAiB,CAACC,GAAIC,GAAI,EAAE,UAAAC,GAAU,aAAAC,GAAa,4BAAAG,QAAiC;AAAA,QAClF,EAAE,MAAM,QAAQ,IAAIA,EAA2B,OAAO;AAAA,QACtDF,EAAYF,GAAUC,CAAW;AAAA,MAAA;AAAA,IACnC;AAAA,EACF;AAEJ,CAAC,GAEY;AAAA,EACX,uBAAAQ;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC;AACF,IAAIlC;"}
+{"version":3,"file":"updateViews.es.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                accessLevel: 30,\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["updateViewsApi","getViewsApi","arg","dispatch","queryFulfilled","getState","payload","user","patch","draft","newView","existingWorkingIndex","view","existingId","a","b","workingViewPatch","updatedWorkingView","error","_a","_r","_e","viewType","projectName","getScopeTag","viewId","setDefaultViewRequestModel","state","currentDefaultView","listViewData","v","useCreateViewMutation","useUpdateViewMutation","useDeleteViewMutation","useSetDefaultViewMutation"],"mappings":"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"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),k=require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js"),W=require("@ynput/ayon-react-components"),v=require("./AccessSearchInput.styled.cjs.js"),b=require("../AccessUser/AccessUser.cjs.js"),B=require("clsx"),w=500,L=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,P=({shareOptions:g,existingAccess:C,owner:I,placeholder:_="Add people or access groups",disabled:D=!1,mode:N="internal",onSelectOption:x,pt:l,...M})=>{var R;const[r,d]=m.useState(""),[S,u]=m.useState(!1),[o,n]=m.useState(-1),h=m.useRef(null),p=g.filter(e=>!C.includes(e.value)).toSorted((e,t)=>{const a=i=>i.value==="__everyone__"?0:i.value.startsWith("__")?1:i.value.startsWith("team:")?2:i.value.startsWith("group:")?3:i.value.startsWith("user:")?4:5,A=a(e),j=a(t);return A!==j?A-j:e.label.localeCompare(t.label)}),s=(r?k.matchSorter(p,r,{keys:["name","label","value"],threshold:k.matchSorter.rankings.CONTAINS}):p).slice(0,w),y=L.test(r)&&!g.some(e=>e.name===r)&&N==="external",E=()=>{u(!0),n(-1)},T=()=>{setTimeout(()=>{u(!1),n(-1)},200)},q=e=>{d(e.target.value),n(-1),u(!0)},O=e=>{var t;if(!S||s.length===0){e.key==="Enter"&&s.length>0&&(e.preventDefault(),f(s[0]));return}switch(e.key){case"ArrowDown":e.preventDefault(),n(a=>a<s.length-1?a+1:a);break;case"ArrowUp":e.preventDefault(),n(a=>a>0?a-1:-1);break;case"Enter":e.preventDefault(),o>=0&&o<s.length?f(s[o]):s.length>0&&f(s[0]);break;case"Escape":u(!1),n(-1),(t=h.current)==null||t.blur(),e.stopPropagation();break}},f=e=>{var t;x(e,10),d(""),u(!1),n(-1),(t=h.current)==null||t.focus()},U=()=>{var e;x({name:r,label:r,value:r,shareType:"guest"},10),d(""),u(!1),n(-1),(e=h.current)==null||e.focus()};return c.jsxRuntimeExports.jsxs(v.Container,{...M,children:[c.jsxRuntimeExports.jsx(W.InputText,{ref:h,value:r,placeholder:_,disabled:D,onFocus:E,onClick:E,onBlur:T,onChange:q,onKeyDown:O,style:{width:"100%"}}),S&&(s.length>0||y)&&c.jsxRuntimeExports.jsxs(v.SuggestionsList,{...l==null?void 0:l.list,className:B((R=l==null?void 0:l.list)==null?void 0:R.className,{"no-owner":!I}),children:[s.map((e,t)=>c.jsxRuntimeExports.jsx(b.AccessUser,{name:e.name,label:e.label,shareType:e.shareType,isOwner:!1,isMe:!1,"data-index":t,className:t===o?"highlighted":"",style:{cursor:"pointer"},onClick:()=>f(e),onMouseEnter:()=>n(t),isCompact:!0,isSearchResult:!0},e.value)),y&&c.jsxRuntimeExports.jsx(b.AccessUser,{name:r,label:r,shareType:"guest",isOwner:!1,isMe:!1,"data-index":s.length,className:s.length===o?"highlighted":"",style:{cursor:"pointer"},onClick:U,onMouseEnter:()=>n(s.length),isCompact:!0,isSearchResult:!0}),s.length===w&&c.jsxRuntimeExports.jsx("li",{className:"tip",children:"More than 500 results, please refine your search..."})]})]})};exports.AccessSearchInput=P;
+//# sourceMappingURL=AccessSearchInput.cjs.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessSearchInput.cjs.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.tsx"],"sourcesContent":["import React, { FC, useState, useRef, KeyboardEvent, ChangeEvent } from 'react'\nimport { matchSorter } from 'match-sorter'\nimport { InputText } from '@ynput/ayon-react-components'\nimport { AccessLevel } from '../AccessUser/AccessUser'\nimport * as Styled from './AccessSearchInput.styled'\nimport { AccessUser } from '../AccessUser/AccessUser'\nimport clsx from 'clsx'\nimport { ShareOption } from '@shared/api'\n\nconst MAX_USERS_DISPLAYED = 500\n// Email validation regex\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nexport interface AccessSearchInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  shareOptions: ShareOption[]\n  existingAccess: string[] // Array of names already in access\n  owner: string | undefined | null\n  placeholder?: string\n  disabled?: boolean\n  mode?: 'internal' | 'external'\n  onSelectOption: (option: ShareOption, accessLevel: AccessLevel) => void\n  pt?: {\n    list?: Partial<React.HTMLAttributes<HTMLUListElement>>\n  }\n}\n\nexport const AccessSearchInput: FC<AccessSearchInputProps> = ({\n  shareOptions,\n  existingAccess,\n  owner,\n  placeholder = 'Add people or access groups',\n  disabled = false,\n  mode = 'internal',\n  onSelectOption,\n  pt,\n  ...props\n}) => {\n  const [searchValue, setSearchValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // sort default by special groups __everyone__, __{type}__, team:, group:, user: and alphabetically\n  const defaultSorted = shareOptions\n    .filter((option) => !existingAccess.includes(option.value))\n    .toSorted((a, b) => {\n      const getRank = (option: ShareOption) => {\n        if (option.value === '__everyone__') return 0\n        if (option.value.startsWith('__')) return 1\n        if (option.value.startsWith('team:')) return 2\n        if (option.value.startsWith('group:')) return 3\n        if (option.value.startsWith('user:')) return 4\n        return 5\n      }\n      const rankA = getRank(a)\n      const rankB = getRank(b)\n      if (rankA !== rankB) return rankA - rankB\n      return a.label.localeCompare(b.label)\n    })\n\n  // Filter and sort options based on search value\n  const filteredOptions = (\n    searchValue\n      ? matchSorter(defaultSorted, searchValue, {\n          keys: ['name', 'label', 'value'],\n          threshold: matchSorter.rankings.CONTAINS,\n        })\n      : defaultSorted\n  ).slice(0, MAX_USERS_DISPLAYED)\n\n  // Check if search value is a valid email and not already added\n  const isValidNewEmail =\n    EMAIL_REGEX.test(searchValue) &&\n    !shareOptions.some((g) => g.name === searchValue) &&\n    mode === 'external'\n\n  // Handle input focus\n  const handleFocus = () => {\n    setIsOpen(true)\n    setHighlightedIndex(-1)\n  }\n\n  // Handle input blur\n  const handleBlur = () => {\n    // Delay closing to allow for option selection\n    setTimeout(() => {\n      setIsOpen(false)\n      setHighlightedIndex(-1)\n    }, 200)\n  }\n\n  // Handle input change\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value)\n    setHighlightedIndex(-1)\n    setIsOpen(true)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen || filteredOptions.length === 0) {\n      // If Enter is pressed and no options are highlighted, select the first option\n      if (e.key === 'Enter' && filteredOptions.length > 0) {\n        e.preventDefault()\n        handleSelectOption(filteredOptions[0])\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev < filteredOptions.length - 1 ? prev + 1 : prev))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : -1))\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && highlightedIndex < filteredOptions.length) {\n          handleSelectOption(filteredOptions[highlightedIndex])\n        } else if (filteredOptions.length > 0) {\n          // If no specific option is highlighted, select the first one\n          handleSelectOption(filteredOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        // stop dialog from closing\n        e.stopPropagation()\n        break\n    }\n  }\n\n  // Handle option selection\n  const handleSelectOption = (option: ShareOption) => {\n    onSelectOption(option, 10) // Default access level is 10 (Read-only)\n    setSearchValue('')\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n    inputRef.current?.focus()\n  }\n\n  // Handle adding a new email\n  const handleAddNewEmail = () => {\n    onSelectOption(\n      {\n        name: searchValue,\n        label: searchValue,\n        value: searchValue,\n        shareType: 'guest',\n      },\n      10,\n    )\n    setSearchValue('')\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n    inputRef.current?.focus()\n  }\n\n  return (\n    <Styled.Container {...props}>\n      <InputText\n        ref={inputRef}\n        value={searchValue}\n        placeholder={placeholder}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onClick={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: '100%' }}\n      />\n\n      {isOpen && (filteredOptions.length > 0 || isValidNewEmail) && (\n        <Styled.SuggestionsList\n          {...pt?.list}\n          className={clsx(pt?.list?.className, { 'no-owner': !owner })}\n        >\n          {filteredOptions.map((option, index) => (\n            <AccessUser\n              key={option.value}\n              name={option.name}\n              label={option.label}\n              shareType={option.shareType}\n              isOwner={false}\n              isMe={false}\n              data-index={index}\n              className={index === highlightedIndex ? 'highlighted' : ''}\n              style={{ cursor: 'pointer' }}\n              onClick={() => handleSelectOption(option)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              isCompact\n              isSearchResult\n            >\n              {/* No controls needed for search suggestions */}\n            </AccessUser>\n          ))}\n\n          {/* Add new email option */}\n          {isValidNewEmail && (\n            <AccessUser\n              name={searchValue}\n              label={searchValue}\n              shareType=\"guest\"\n              isOwner={false}\n              isMe={false}\n              data-index={filteredOptions.length}\n              className={filteredOptions.length === highlightedIndex ? 'highlighted' : ''}\n              style={{ cursor: 'pointer' }}\n              onClick={handleAddNewEmail}\n              onMouseEnter={() => setHighlightedIndex(filteredOptions.length)}\n              isCompact\n              isSearchResult\n            />\n          )}\n\n          {filteredOptions.length === MAX_USERS_DISPLAYED && (\n            <li className=\"tip\">More than 500 results, please refine your search...</li>\n          )}\n        </Styled.SuggestionsList>\n      )}\n    </Styled.Container>\n  )\n}\n"],"names":["MAX_USERS_DISPLAYED","EMAIL_REGEX","AccessSearchInput","shareOptions","existingAccess","owner","placeholder","disabled","mode","onSelectOption","pt","props","searchValue","setSearchValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","defaultSorted","option","a","b","getRank","rankA","rankB","filteredOptions","matchSorter","isValidNewEmail","g","handleFocus","handleBlur","handleInputChange","handleKeyDown","handleSelectOption","prev","_a","handleAddNewEmail","jsxs","Styled.Container","jsx","InputText","Styled.SuggestionsList","clsx","index","AccessUser"],"mappings":"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"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.es.js

@@ -0,0 +1,135 @@
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as g, useRef as B } from "react";
+import { matchSorter as b } from "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import { InputText as L } from "@ynput/ayon-react-components";
+import { Container as U, SuggestionsList as V } from "./AccessSearchInput.styled.es.js";
+import { AccessUser as A } from "../AccessUser/AccessUser.es.js";
+import F from "clsx";
+const C = 500, K = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, z = ({
+  shareOptions: d,
+  existingAccess: D,
+  owner: I,
+  placeholder: N = "Add people or access groups",
+  disabled: _ = !1,
+  mode: j = "internal",
+  onSelectOption: p,
+  pt: n,
+  ...R
+}) => {
+  var E;
+  const [r, m] = g(""), [k, u] = g(!1), [c, a] = g(-1), h = B(null), x = d.filter((e) => !D.includes(e.value)).toSorted((e, t) => {
+    const l = (i) => i.value === "__everyone__" ? 0 : i.value.startsWith("__") ? 1 : i.value.startsWith("team:") ? 2 : i.value.startsWith("group:") ? 3 : i.value.startsWith("user:") ? 4 : 5, S = l(e), w = l(t);
+    return S !== w ? S - w : e.label.localeCompare(t.label);
+  }), s = (r ? b(x, r, {
+    keys: ["name", "label", "value"],
+    threshold: b.rankings.CONTAINS
+  }) : x).slice(0, C), y = K.test(r) && !d.some((e) => e.name === r) && j === "external", v = () => {
+    u(!0), a(-1);
+  }, M = () => {
+    setTimeout(() => {
+      u(!1), a(-1);
+    }, 200);
+  }, T = (e) => {
+    m(e.target.value), a(-1), u(!0);
+  }, O = (e) => {
+    var t;
+    if (!k || s.length === 0) {
+      e.key === "Enter" && s.length > 0 && (e.preventDefault(), f(s[0]));
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), a((l) => l < s.length - 1 ? l + 1 : l);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), a((l) => l > 0 ? l - 1 : -1);
+        break;
+      case "Enter":
+        e.preventDefault(), c >= 0 && c < s.length ? f(s[c]) : s.length > 0 && f(s[0]);
+        break;
+      case "Escape":
+        u(!1), a(-1), (t = h.current) == null || t.blur(), e.stopPropagation();
+        break;
+    }
+  }, f = (e) => {
+    var t;
+    p(e, 10), m(""), u(!1), a(-1), (t = h.current) == null || t.focus();
+  }, W = () => {
+    var e;
+    p(
+      {
+        name: r,
+        label: r,
+        value: r,
+        shareType: "guest"
+      },
+      10
+    ), m(""), u(!1), a(-1), (e = h.current) == null || e.focus();
+  };
+  return /* @__PURE__ */ o.jsxs(U, { ...R, children: [
+    /* @__PURE__ */ o.jsx(
+      L,
+      {
+        ref: h,
+        value: r,
+        placeholder: N,
+        disabled: _,
+        onFocus: v,
+        onClick: v,
+        onBlur: M,
+        onChange: T,
+        onKeyDown: O,
+        style: { width: "100%" }
+      }
+    ),
+    k && (s.length > 0 || y) && /* @__PURE__ */ o.jsxs(
+      V,
+      {
+        ...n == null ? void 0 : n.list,
+        className: F((E = n == null ? void 0 : n.list) == null ? void 0 : E.className, { "no-owner": !I }),
+        children: [
+          s.map((e, t) => /* @__PURE__ */ o.jsx(
+            A,
+            {
+              name: e.name,
+              label: e.label,
+              shareType: e.shareType,
+              isOwner: !1,
+              isMe: !1,
+              "data-index": t,
+              className: t === c ? "highlighted" : "",
+              style: { cursor: "pointer" },
+              onClick: () => f(e),
+              onMouseEnter: () => a(t),
+              isCompact: !0,
+              isSearchResult: !0
+            },
+            e.value
+          )),
+          y && /* @__PURE__ */ o.jsx(
+            A,
+            {
+              name: r,
+              label: r,
+              shareType: "guest",
+              isOwner: !1,
+              isMe: !1,
+              "data-index": s.length,
+              className: s.length === c ? "highlighted" : "",
+              style: { cursor: "pointer" },
+              onClick: W,
+              onMouseEnter: () => a(s.length),
+              isCompact: !0,
+              isSearchResult: !0
+            }
+          ),
+          s.length === C && /* @__PURE__ */ o.jsx("li", { className: "tip", children: "More than 500 results, please refine your search..." })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  z as AccessSearchInput
+};
+//# sourceMappingURL=AccessSearchInput.es.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessSearchInput.es.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.tsx"],"sourcesContent":["import React, { FC, useState, useRef, KeyboardEvent, ChangeEvent } from 'react'\nimport { matchSorter } from 'match-sorter'\nimport { InputText } from '@ynput/ayon-react-components'\nimport { AccessLevel } from '../AccessUser/AccessUser'\nimport * as Styled from './AccessSearchInput.styled'\nimport { AccessUser } from '../AccessUser/AccessUser'\nimport clsx from 'clsx'\nimport { ShareOption } from '@shared/api'\n\nconst MAX_USERS_DISPLAYED = 500\n// Email validation regex\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nexport interface AccessSearchInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  shareOptions: ShareOption[]\n  existingAccess: string[] // Array of names already in access\n  owner: string | undefined | null\n  placeholder?: string\n  disabled?: boolean\n  mode?: 'internal' | 'external'\n  onSelectOption: (option: ShareOption, accessLevel: AccessLevel) => void\n  pt?: {\n    list?: Partial<React.HTMLAttributes<HTMLUListElement>>\n  }\n}\n\nexport const AccessSearchInput: FC<AccessSearchInputProps> = ({\n  shareOptions,\n  existingAccess,\n  owner,\n  placeholder = 'Add people or access groups',\n  disabled = false,\n  mode = 'internal',\n  onSelectOption,\n  pt,\n  ...props\n}) => {\n  const [searchValue, setSearchValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // sort default by special groups __everyone__, __{type}__, team:, group:, user: and alphabetically\n  const defaultSorted = shareOptions\n    .filter((option) => !existingAccess.includes(option.value))\n    .toSorted((a, b) => {\n      const getRank = (option: ShareOption) => {\n        if (option.value === '__everyone__') return 0\n        if (option.value.startsWith('__')) return 1\n        if (option.value.startsWith('team:')) return 2\n        if (option.value.startsWith('group:')) return 3\n        if (option.value.startsWith('user:')) return 4\n        return 5\n      }\n      const rankA = getRank(a)\n      const rankB = getRank(b)\n      if (rankA !== rankB) return rankA - rankB\n      return a.label.localeCompare(b.label)\n    })\n\n  // Filter and sort options based on search value\n  const filteredOptions = (\n    searchValue\n      ? matchSorter(defaultSorted, searchValue, {\n          keys: ['name', 'label', 'value'],\n          threshold: matchSorter.rankings.CONTAINS,\n        })\n      : defaultSorted\n  ).slice(0, MAX_USERS_DISPLAYED)\n\n  // Check if search value is a valid email and not already added\n  const isValidNewEmail =\n    EMAIL_REGEX.test(searchValue) &&\n    !shareOptions.some((g) => g.name === searchValue) &&\n    mode === 'external'\n\n  // Handle input focus\n  const handleFocus = () => {\n    setIsOpen(true)\n    setHighlightedIndex(-1)\n  }\n\n  // Handle input blur\n  const handleBlur = () => {\n    // Delay closing to allow for option selection\n    setTimeout(() => {\n      setIsOpen(false)\n      setHighlightedIndex(-1)\n    }, 200)\n  }\n\n  // Handle input change\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value)\n    setHighlightedIndex(-1)\n    setIsOpen(true)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen || filteredOptions.length === 0) {\n      // If Enter is pressed and no options are highlighted, select the first option\n      if (e.key === 'Enter' && filteredOptions.length > 0) {\n        e.preventDefault()\n        handleSelectOption(filteredOptions[0])\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev < filteredOptions.length - 1 ? prev + 1 : prev))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : -1))\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && highlightedIndex < filteredOptions.length) {\n          handleSelectOption(filteredOptions[highlightedIndex])\n        } else if (filteredOptions.length > 0) {\n          // If no specific option is highlighted, select the first one\n          handleSelectOption(filteredOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        // stop dialog from closing\n        e.stopPropagation()\n        break\n    }\n  }\n\n  // Handle option selection\n  const handleSelectOption = (option: ShareOption) => {\n    onSelectOption(option, 10) // Default access level is 10 (Read-only)\n    setSearchValue('')\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n    inputRef.current?.focus()\n  }\n\n  // Handle adding a new email\n  const handleAddNewEmail = () => {\n    onSelectOption(\n      {\n        name: searchValue,\n        label: searchValue,\n        value: searchValue,\n        shareType: 'guest',\n      },\n      10,\n    )\n    setSearchValue('')\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n    inputRef.current?.focus()\n  }\n\n  return (\n    <Styled.Container {...props}>\n      <InputText\n        ref={inputRef}\n        value={searchValue}\n        placeholder={placeholder}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onClick={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: '100%' }}\n      />\n\n      {isOpen && (filteredOptions.length > 0 || isValidNewEmail) && (\n        <Styled.SuggestionsList\n          {...pt?.list}\n          className={clsx(pt?.list?.className, { 'no-owner': !owner })}\n        >\n          {filteredOptions.map((option, index) => (\n            <AccessUser\n              key={option.value}\n              name={option.name}\n              label={option.label}\n              shareType={option.shareType}\n              isOwner={false}\n              isMe={false}\n              data-index={index}\n              className={index === highlightedIndex ? 'highlighted' : ''}\n              style={{ cursor: 'pointer' }}\n              onClick={() => handleSelectOption(option)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              isCompact\n              isSearchResult\n            >\n              {/* No controls needed for search suggestions */}\n            </AccessUser>\n          ))}\n\n          {/* Add new email option */}\n          {isValidNewEmail && (\n            <AccessUser\n              name={searchValue}\n              label={searchValue}\n              shareType=\"guest\"\n              isOwner={false}\n              isMe={false}\n              data-index={filteredOptions.length}\n              className={filteredOptions.length === highlightedIndex ? 'highlighted' : ''}\n              style={{ cursor: 'pointer' }}\n              onClick={handleAddNewEmail}\n              onMouseEnter={() => setHighlightedIndex(filteredOptions.length)}\n              isCompact\n              isSearchResult\n            />\n          )}\n\n          {filteredOptions.length === MAX_USERS_DISPLAYED && (\n            <li className=\"tip\">More than 500 results, please refine your search...</li>\n          )}\n        </Styled.SuggestionsList>\n      )}\n    </Styled.Container>\n  )\n}\n"],"names":["MAX_USERS_DISPLAYED","EMAIL_REGEX","AccessSearchInput","shareOptions","existingAccess","owner","placeholder","disabled","mode","onSelectOption","pt","props","searchValue","setSearchValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","defaultSorted","option","a","b","getRank","rankA","rankB","filteredOptions","matchSorter","isValidNewEmail","g","handleFocus","handleBlur","handleInputChange","handleKeyDown","handleSelectOption","prev","_a","handleAddNewEmail","jsxs","Styled.Container","jsx","InputText","Styled.SuggestionsList","clsx","index","AccessUser"],"mappings":"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"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.cjs.js

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=o.div`
+  position: relative;
+  width: 100%;
+
+  input {
+    min-height: 32px;
+    max-height: 32px;
+  }
+`,e=o.ul`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--md-sys-color-surface-container-low);
+  border: 1px solid var(--md-sys-color-outline-variant);
+  border-top: none;
+  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+  overflow-y: auto;
+  z-index: 1000;
+  list-style: none;
+  margin: 0;
+  padding: var(--padding-s);
+  max-height: 150px;
+
+  &.no-owner {
+    max-height: 118px;
+  }
+
+  /* Add highlighting styles for AccessUser components */
+  .highlighted {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    border-radius: var(--border-radius-m);
+  }
+
+  .tip {
+    color: var(--md-sys-color-outline);
+  }
+`;exports.Container=r;exports.SuggestionsList=e;
+//# sourceMappingURL=AccessSearchInput.styled.cjs.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessSearchInput.styled.cjs.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.styled.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100%;\n\n  input {\n    min-height: 32px;\n    max-height: 32px;\n  }\n`;\n\nexport const SuggestionsList = styled.ul`\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background-color: var(--md-sys-color-surface-container-low);\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-top: none;\n  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);\n  overflow-y: auto;\n  z-index: 1000;\n  list-style: none;\n  margin: 0;\n  padding: var(--padding-s);\n  max-height: 150px;\n\n  &.no-owner {\n    max-height: 118px;\n  }\n\n  /* Add highlighting styles for AccessUser components */\n  .highlighted {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n    border-radius: var(--border-radius-m);\n  }\n\n  .tip {\n    color: var(--md-sys-color-outline);\n  }\n`;\n"],"names":["Container","styled","SuggestionsList"],"mappings":"qHAEaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnBC,EAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.es.js

@@ -0,0 +1,44 @@
+import o from "styled-components";
+const i = o.div`
+  position: relative;
+  width: 100%;
+
+  input {
+    min-height: 32px;
+    max-height: 32px;
+  }
+`, e = o.ul`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: var(--md-sys-color-surface-container-low);
+  border: 1px solid var(--md-sys-color-outline-variant);
+  border-top: none;
+  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+  overflow-y: auto;
+  z-index: 1000;
+  list-style: none;
+  margin: 0;
+  padding: var(--padding-s);
+  max-height: 150px;
+
+  &.no-owner {
+    max-height: 118px;
+  }
+
+  /* Add highlighting styles for AccessUser components */
+  .highlighted {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    border-radius: var(--border-radius-m);
+  }
+
+  .tip {
+    color: var(--md-sys-color-outline);
+  }
+`;
+export {
+  i as Container,
+  e as SuggestionsList
+};
+//# sourceMappingURL=AccessSearchInput.styled.es.js.map

package/dist/shared/src/components/AccessSearchInput/AccessSearchInput.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessSearchInput.styled.es.js","sources":["../../../../../src/components/AccessSearchInput/AccessSearchInput.styled.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100%;\n\n  input {\n    min-height: 32px;\n    max-height: 32px;\n  }\n`;\n\nexport const SuggestionsList = styled.ul`\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background-color: var(--md-sys-color-surface-container-low);\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-top: none;\n  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);\n  overflow-y: auto;\n  z-index: 1000;\n  list-style: none;\n  margin: 0;\n  padding: var(--padding-s);\n  max-height: 150px;\n\n  &.no-owner {\n    max-height: 118px;\n  }\n\n  /* Add highlighting styles for AccessUser components */\n  .highlighted {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n    border-radius: var(--border-radius-m);\n  }\n\n  .tip {\n    color: var(--md-sys-color-outline);\n  }\n`;\n"],"names":["Container","styled","SuggestionsList"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUnBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/AccessUser/AccessUser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),A=require("react"),L=require("./AccessUser.styled.cjs.js"),R=require("../ShareOptionIcon/ShareOptionIcon.cjs.js"),o=require("clsx"),N={0:"No access",10:"Viewer",20:"Editor",30:"Admin"},U=A.forwardRef(({name:r,label:t,icon:i,shareType:e,isMe:a,isOwner:x,isCompact:u,isSearchResult:n,labelChildren:m,children:l,className:E,...j},d)=>{const c=e==="user"||e==="guest",p=c||n,S=c?r:e;return s.jsxRuntimeExports.jsxs(L.User,{...j,ref:d,className:o(E,{compact:u}),children:[s.jsxRuntimeExports.jsx(R.ShareOptionIcon,{shareType:e,name:r,label:t,icon:i}),s.jsxRuntimeExports.jsxs("span",{className:"title-label",children:[t||r,a?s.jsxRuntimeExports.jsx("span",{className:"name",children:"(you)"}):p&&s.jsxRuntimeExports.jsx("span",{className:o("name",{"float-right":n}),children:S}),m]}),l,x&&s.jsxRuntimeExports.jsx("span",{className:"owner",children:"Owner"})]})});exports.ACCESS_LEVEL_LABELS=N;exports.AccessUser=U;
+//# sourceMappingURL=AccessUser.cjs.js.map

package/dist/shared/src/components/AccessUser/AccessUser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessUser.cjs.js","sources":["../../../../../src/components/AccessUser/AccessUser.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './AccessUser.styled'\nimport { ShareOptionIcon } from '../ShareOptionIcon'\nimport clsx from 'clsx'\n\nexport const ACCESS_LEVEL_LABELS = {\n  0: 'No access',\n  10: 'Viewer',\n  20: 'Editor',\n  30: 'Admin',\n}\n\nexport type AccessLevel = 0 | 10 | 20 | 30\n\nexport interface AccessUser {\n  value: string // unique identifier for the user or group\n  name: string\n  label?: string\n  shareType?: string\n  icon?: string // optional icon for the user\n  accessLevel?: AccessLevel // access level (optional for display-only usage)\n  isOwner?: boolean // if this user is the owner\n  isMe?: boolean // if this user is the current user\n}\n\nexport interface AccessUserProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<AccessUser, 'icon' | 'name' | 'label' | 'shareType' | 'isMe' | 'isOwner'> {\n  labelChildren?: React.ReactNode // Custom label content\n  children?: React.ReactNode // Allow children for controls like dropdown/buttons\n  isCompact?: boolean // if true, use compact styling\n  isSearchResult?: boolean // if true, indicates this is a search result item\n}\n\nexport const AccessUser = forwardRef<HTMLDivElement, AccessUserProps>(\n  (\n    {\n      name,\n      label,\n      icon,\n      shareType,\n      isMe,\n      isOwner,\n      isCompact,\n      isSearchResult,\n      labelChildren,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const isUser = shareType === 'user' || shareType === 'guest'\n    const showUsername = isUser || isSearchResult\n    const userName = isUser ? name : shareType\n\n    return (\n      <Styled.User {...props} ref={ref} className={clsx(className, { compact: isCompact })}>\n        <ShareOptionIcon shareType={shareType} name={name} label={label} icon={icon} />\n        <span className=\"title-label\">\n          {label || name}\n          {isMe ? (\n            <span className={'name'}>(you)</span>\n          ) : (\n            showUsername && (\n              <span className={clsx('name', { 'float-right': isSearchResult })}>{userName}</span>\n            )\n          )}\n          {labelChildren}\n        </span>\n        {children}\n        {isOwner && <span className=\"owner\">Owner</span>}\n      </Styled.User>\n    )\n  },\n)\n"],"names":["ACCESS_LEVEL_LABELS","AccessUser","forwardRef","name","label","icon","shareType","isMe","isOwner","isCompact","isSearchResult","labelChildren","children","className","props","ref","isUser","showUsername","userName","jsxs","Styled.User","clsx","jsx","ShareOptionIcon"],"mappings":"+QAKaA,EAAsB,CACjC,EAAG,YACH,GAAI,SACJ,GAAI,SACJ,GAAI,OACN,EAwBaC,EAAaC,EAAA,WACxB,CACE,CACE,KAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,eAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IACG,CACG,MAAAC,EAASV,IAAc,QAAUA,IAAc,QAC/CW,EAAeD,GAAUN,EACzBQ,EAAWF,EAASb,EAAOG,EAEjC,OACGa,EAAA,kBAAA,KAAAC,EAAA,KAAA,CAAa,GAAGN,EAAO,IAAAC,EAAU,UAAWM,EAAKR,EAAW,CAAE,QAASJ,CAAW,CAAA,EACjF,SAAA,CAAAa,EAAA,kBAAA,IAACC,EAAgB,gBAAA,CAAA,UAAAjB,EAAsB,KAAAH,EAAY,MAAAC,EAAc,KAAAC,EAAY,EAC7Ec,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,cACb,SAAA,CAASf,GAAAD,EACTI,EACEe,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAW,OAAQ,SAAA,QAAK,EAE9BL,GACEK,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAWD,EAAK,OAAQ,CAAE,cAAeX,EAAgB,EAAI,SAASQ,EAAA,EAG/EP,CAAA,EACH,EACCC,EACAJ,GAAWc,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,QAAQ,SAAK,OAAA,CAAA,CAAA,EAC3C,CAAA,CAGN"}

package/dist/shared/src/components/AccessUser/AccessUser.es.js

@@ -0,0 +1,43 @@
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as u } from "react";
+import { User as w } from "./AccessUser.styled.es.js";
+import { ShareOptionIcon as h } from "../ShareOptionIcon/ShareOptionIcon.es.js";
+import t from "clsx";
+const C = {
+  0: "No access",
+  10: "Viewer",
+  20: "Editor",
+  30: "Admin"
+}, O = u(
+  ({
+    name: o,
+    label: e,
+    icon: m,
+    shareType: r,
+    isMe: a,
+    isOwner: i,
+    isCompact: l,
+    isSearchResult: c,
+    labelChildren: p,
+    children: x,
+    className: d,
+    ...f
+  }, j) => {
+    const n = r === "user" || r === "guest", N = n || c, E = n ? o : r;
+    return /* @__PURE__ */ s.jsxs(w, { ...f, ref: j, className: t(d, { compact: l }), children: [
+      /* @__PURE__ */ s.jsx(h, { shareType: r, name: o, label: e, icon: m }),
+      /* @__PURE__ */ s.jsxs("span", { className: "title-label", children: [
+        e || o,
+        a ? /* @__PURE__ */ s.jsx("span", { className: "name", children: "(you)" }) : N && /* @__PURE__ */ s.jsx("span", { className: t("name", { "float-right": c }), children: E }),
+        p
+      ] }),
+      x,
+      i && /* @__PURE__ */ s.jsx("span", { className: "owner", children: "Owner" })
+    ] });
+  }
+);
+export {
+  C as ACCESS_LEVEL_LABELS,
+  O as AccessUser
+};
+//# sourceMappingURL=AccessUser.es.js.map

package/dist/shared/src/components/AccessUser/AccessUser.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessUser.es.js","sources":["../../../../../src/components/AccessUser/AccessUser.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './AccessUser.styled'\nimport { ShareOptionIcon } from '../ShareOptionIcon'\nimport clsx from 'clsx'\n\nexport const ACCESS_LEVEL_LABELS = {\n  0: 'No access',\n  10: 'Viewer',\n  20: 'Editor',\n  30: 'Admin',\n}\n\nexport type AccessLevel = 0 | 10 | 20 | 30\n\nexport interface AccessUser {\n  value: string // unique identifier for the user or group\n  name: string\n  label?: string\n  shareType?: string\n  icon?: string // optional icon for the user\n  accessLevel?: AccessLevel // access level (optional for display-only usage)\n  isOwner?: boolean // if this user is the owner\n  isMe?: boolean // if this user is the current user\n}\n\nexport interface AccessUserProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<AccessUser, 'icon' | 'name' | 'label' | 'shareType' | 'isMe' | 'isOwner'> {\n  labelChildren?: React.ReactNode // Custom label content\n  children?: React.ReactNode // Allow children for controls like dropdown/buttons\n  isCompact?: boolean // if true, use compact styling\n  isSearchResult?: boolean // if true, indicates this is a search result item\n}\n\nexport const AccessUser = forwardRef<HTMLDivElement, AccessUserProps>(\n  (\n    {\n      name,\n      label,\n      icon,\n      shareType,\n      isMe,\n      isOwner,\n      isCompact,\n      isSearchResult,\n      labelChildren,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const isUser = shareType === 'user' || shareType === 'guest'\n    const showUsername = isUser || isSearchResult\n    const userName = isUser ? name : shareType\n\n    return (\n      <Styled.User {...props} ref={ref} className={clsx(className, { compact: isCompact })}>\n        <ShareOptionIcon shareType={shareType} name={name} label={label} icon={icon} />\n        <span className=\"title-label\">\n          {label || name}\n          {isMe ? (\n            <span className={'name'}>(you)</span>\n          ) : (\n            showUsername && (\n              <span className={clsx('name', { 'float-right': isSearchResult })}>{userName}</span>\n            )\n          )}\n          {labelChildren}\n        </span>\n        {children}\n        {isOwner && <span className=\"owner\">Owner</span>}\n      </Styled.User>\n    )\n  },\n)\n"],"names":["ACCESS_LEVEL_LABELS","AccessUser","forwardRef","name","label","icon","shareType","isMe","isOwner","isCompact","isSearchResult","labelChildren","children","className","props","ref","isUser","showUsername","userName","jsxs","Styled.User","clsx","jsx","ShareOptionIcon"],"mappings":";;;;;AAKO,MAAMA,IAAsB;AAAA,EACjC,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAwBaC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAASV,MAAc,UAAUA,MAAc,SAC/CW,IAAeD,KAAUN,GACzBQ,IAAWF,IAASb,IAAOG;AAEjC,WACGa,gBAAAA,EAAA,KAAAC,GAAA,EAAa,GAAGN,GAAO,KAAAC,GAAU,WAAWM,EAAKR,GAAW,EAAE,SAASJ,EAAW,CAAA,GACjF,UAAA;AAAA,MAAAa,gBAAAA,EAAA,IAACC,GAAgB,EAAA,WAAAjB,GAAsB,MAAAH,GAAY,OAAAC,GAAc,MAAAC,GAAY;AAAA,MAC7Ec,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,eACb,UAAA;AAAA,QAASf,KAAAD;AAAA,QACTI,IACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAW,QAAQ,UAAA,SAAK,IAE9BL,KACEK,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAWD,EAAK,QAAQ,EAAE,eAAeX,GAAgB,GAAI,UAASQ,GAAA;AAAA,QAG/EP;AAAA,MAAA,GACH;AAAA,MACCC;AAAA,MACAJ,KAAWc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,SAAQ,UAAK,QAAA,CAAA;AAAA,IAAA,GAC3C;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/AccessUser/AccessUser.styled.cjs.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=e.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-medium);
+  padding: var(--padding-s) var(--padding-m);
+  border-radius: var(--border-radius-m);
+  min-height: 40px;
+
+  &.compact {
+    min-height: 32px;
+    padding: var(--padding-s);
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  .title-label {
+    flex: 1;
+    display: flex;
+  }
+
+  .name {
+    color: var(--md-sys-color-outline);
+    padding-left: var(--base-gap-small);
+  }
+  .float-right {
+    margin-left: auto;
+  }
+
+  .owner,
+  .suffix {
+    color: var(--md-sys-color-outline);
+  }
+
+  .icon {
+    font-size: 24px;
+    user-select: none;
+  }
+
+  .remove.hasIcon {
+    padding: 2px;
+    font-size: 20px;
+  }
+`;exports.User=r;
+//# sourceMappingURL=AccessUser.styled.cjs.js.map

package/dist/shared/src/components/AccessUser/AccessUser.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessUser.styled.cjs.js","sources":["../../../../../src/components/AccessUser/AccessUser.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const User = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-medium);\n  padding: var(--padding-s) var(--padding-m);\n  border-radius: var(--border-radius-m);\n  min-height: 40px;\n\n  &.compact {\n    min-height: 32px;\n    padding: var(--padding-s);\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .title-label {\n    flex: 1;\n    display: flex;\n  }\n\n  .name {\n    color: var(--md-sys-color-outline);\n    padding-left: var(--base-gap-small);\n  }\n  .float-right {\n    margin-left: auto;\n  }\n\n  .owner,\n  .suffix {\n    color: var(--md-sys-color-outline);\n  }\n\n  .icon {\n    font-size: 24px;\n    user-select: none;\n  }\n\n  .remove.hasIcon {\n    padding: 2px;\n    font-size: 20px;\n  }\n`\n"],"names":["User","styled"],"mappings":"qHAEaA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/AccessUser/AccessUser.styled.es.js

@@ -0,0 +1,50 @@
+import a from "styled-components";
+const r = a.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-medium);
+  padding: var(--padding-s) var(--padding-m);
+  border-radius: var(--border-radius-m);
+  min-height: 40px;
+
+  &.compact {
+    min-height: 32px;
+    padding: var(--padding-s);
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  .title-label {
+    flex: 1;
+    display: flex;
+  }
+
+  .name {
+    color: var(--md-sys-color-outline);
+    padding-left: var(--base-gap-small);
+  }
+  .float-right {
+    margin-left: auto;
+  }
+
+  .owner,
+  .suffix {
+    color: var(--md-sys-color-outline);
+  }
+
+  .icon {
+    font-size: 24px;
+    user-select: none;
+  }
+
+  .remove.hasIcon {
+    padding: 2px;
+    font-size: 20px;
+  }
+`;
+export {
+  r as User
+};
+//# sourceMappingURL=AccessUser.styled.es.js.map

package/dist/shared/src/components/AccessUser/AccessUser.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessUser.styled.es.js","sources":["../../../../../src/components/AccessUser/AccessUser.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const User = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-medium);\n  padding: var(--padding-s) var(--padding-m);\n  border-radius: var(--border-radius-m);\n  min-height: 40px;\n\n  &.compact {\n    min-height: 32px;\n    padding: var(--padding-s);\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .title-label {\n    flex: 1;\n    display: flex;\n  }\n\n  .name {\n    color: var(--md-sys-color-outline);\n    padding-left: var(--base-gap-small);\n  }\n  .float-right {\n    margin-left: auto;\n  }\n\n  .owner,\n  .suffix {\n    color: var(--md-sys-color-outline);\n  }\n\n  .icon {\n    font-size: 24px;\n    user-select: none;\n  }\n\n  .remove.hasIcon {\n    padding: 2px;\n    font-size: 20px;\n  }\n`\n"],"names":["User","styled"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}