@mercurjs/dashboard-shared 2.3.6-canary.8 → 2.3.6-canary.9

package/dist/index.d.ts

@@ -1790,6 +1790,7 @@ type Widget = {
     zone: string[];
     widgetId: string;
     permission?: Permission[];
+    label?: string;
 };
 type WidgetModule = {
     widgets?: Widget[];
@@ -1812,6 +1813,7 @@ type ResolvedWidget = {
     Component: Widget["Component"];
     widgetId: string;
     permission?: Permission[];
+    label?: string;
 };
 type ZoneWidgets = {
     before: ResolvedWidget[];
@@ -1885,6 +1887,22 @@ type WidgetZoneProps = {
  */
 declare const WidgetZone: ({ id, data, children }: WidgetZoneProps) => react_jsx_runtime.JSX.Element;
 
+type WidgetTab = {
+    id: string;
+    label: string;
+    Component: Widget["Component"];
+};
+type WidgetTabs = {
+    before: WidgetTab[];
+    after: WidgetTab[];
+};
+/**
+ * Tab-bar host. Returns the widgets targeting a `*.tabs` slot as tabs to place
+ * `before` and `after` the built-in ones. A widget without a `label` cannot be
+ * shown as a tab and is left out.
+ */
+declare const useWidgetTabs: (id: string) => WidgetTabs;
+
 type CoreNavItem = {
     id: string;
     label: string;
@@ -2183,4 +2201,4 @@ declare const RICH_TEXT_ALLOWED_ATTRIBUTES: string[];
 declare const isHtml: (value?: string | null) => boolean;
 declare const plainTextToHtml: (value?: string | null) => string;
 
-export { type Action, type ActionGroup, ActionMenu, AddressForm, AddressSchema, type AttributeChange, type AttributeChangeKind, AttributeValueInput, BadgeListSummary, ChipGroup, ChipInput, CodeCell, CodeHeader, Combobox, type Command, ConditionalTooltip, ConfirmPrompt, type ConfirmPromptProps, type CoreNavItem, CountrySelect, CreatedAtCell, CreatedAtHeader, type CurrencyInfo, type CustomFieldsModule, CustomerInfo, DataGrid, DataTable, DateCell, DateHeader, DateRangeDisplay, DeprecatedPercentageInput, DisplayExtensionZone, type DisplayExtensionZoneProps, DisplayField, type DisplayFieldProps, DisplaySection, type DisplaySectionField, type DisplaySectionProps, type EditAttributeAttribute, EditAttributeForm, type EditAttributeFormProps, EmailCell, EmailForm, EmailHeader, EmailSchema, ErrorBoundary, type ExtendableTable, ExtensionProvider, type ExtensionProviderProps, ExtensionRegistry, type ExtractableOffer, type ExtractableOffers, type FieldDiff, FilePreview, type FileType, FileUpload, type FileUploadProps, type Filter, FilterGroup, Form, FormExtensionZone, type FormExtensionZoneProps, GeneralSectionSkeleton, HandleInput, HeadingSkeleton, IconAvatar, IconButtonSkeleton, ImageAvatar, type ImageRef, IncludesTaxTooltip, InfiniteList, JsonViewSection, JsonViewSectionSkeleton, KeyboundForm, LinkButton, ListBadge, ListSummary, Listicle, type ListicleProps, LocalizedTablePagination, type MediaDiff, MetadataForm, MetadataSection, MoneyAmountCell, NameCell, NameHeader, type NavigationModule, NoRecords, type NoRecordsProps, NoResults, type NoResultsProps, OrderBy, PercentageInput, PermissionAction, type PermissionActionProps, PermissionGuard, type PermissionGuardProps, type PermissionedCommand, PermissionsContext, PermissionsProvider, type PermissionsProviderProps, PlaceholderCell, PriceListDateStatus, type PriceListGridGroupRow, type PriceListGridOfferRow, type PriceListGridRow, PriceListStatus, PriceListType, type ProductAttributeBatchPayload, ProductAttributeSection, type ProductAttributeSectionProps, type ProductChangeAttribute, ProductChangePanel, type ProductChangePanelProps, type ProductChangeProduct, type ProductChangeResolvers, type ProductChangeVariant, type ProductChangeView, ProgressBar, ProvinceSelect, Query, REFERENCE_FIELDS, RICH_TEXT_ALLOWED_ATTRIBUTES, RICH_TEXT_ALLOWED_TAGS, type ReferenceField, type ResolvedAttribute, type ResolvedDisplays, type ResolvedFormField, RichText, RichTextEditor, type RichTextEditorProps, RouteDrawer, RouteFocusModal, RoutePermissionGuard, SIDEBAR_MENU_CONTENT, SIDEBAR_RAIL_FADE, SectionNoAccess, SectionRow, type SectionRowProps, SegmentedControl, type SegmentedControlOption, SidebarContext, type SidebarContextValue, SidebarLink, type SidebarLinkProps, SidebarProvider, type SidebarState, SingleColumnPage, SingleColumnPageSkeleton, Skeleton, SortableList, SortableTree, StackedDrawer, StackedFocusModal, type StaticCountry, StatusCell, SwitchBox, type TQueryKey, type TabDefinition, TabbedForm, TableFooterSkeleton, TableSectionSkeleton, TableSkeleton, TextCell, TextHeader, TextSkeleton, Thumbnail, TransferOwnershipSchema, TwoColumnPage, TwoColumnPageSkeleton, type UseExtendableFormProps, type UseExtendableTableProps, type UseQueryOptionsWrapper, type VariantGroup, VisuallyHidden, type Widget, type WidgetModule, type WidgetPlacement, WidgetZone, type WidgetZoneProps, type ZoneWidgets, _DataTable, applyActionPermissions, applyNavOverrides, buildAdditionalDataDefaults, buildAdditionalDataSchema, buildOfferGridData, buildProductChangeView, countries, createDataGridHelper, createDataGridPriceColumns, createFormHelper, createWithPermission, currencies, extractPricesFromOffers, extractReferenceIds, filterCommandsByPermission, formatFieldValue, genericForwardRef, getCountryByIso2, getCurrencySymbol, getDecimalDigits, getExtensionRegistry, getFormattedAddress, getFormattedCountry, getLinkQuery, getLocaleAmount, getNativeSymbol, getPriceListStatus, getStylizedAmount, humanizeFieldName, isAmountLessThenRoundingError, isForbidden, isHtml, isImageList, isOrderActionable, isOrderAwaitingAction, isPermitted, isPriceListGroupRow, isProductRow, isReferenceField, isSameAddress, linkFields, permissionMapAllows, plainTextToHtml, productChangeViewHasContent, queryClient, queryKeysFactory, richTextContentClasses, sanitizeRichText, toPermissionList, useActionLocks, useCan, useCollapsedSidebar, useCombinedRefs, useCommandHistory, useDataTable, useDate, useDisplayFieldOverride, useDocumentDirection, useExpandedSidebar, useExtendableForm, useExtendableTable, useExtension, useExtensionActivity, useLinkQuery, usePermissionGate, usePermissions, usePermittedCommands, useQueryParams, useResourcePermissions, useRouteModal, useSidebar, useSidebarMenuPlacement, useStackedModal, useTabManagement, useTabbedForm, withLinkFields };
+export { type Action, type ActionGroup, ActionMenu, AddressForm, AddressSchema, type AttributeChange, type AttributeChangeKind, AttributeValueInput, BadgeListSummary, ChipGroup, ChipInput, CodeCell, CodeHeader, Combobox, type Command, ConditionalTooltip, ConfirmPrompt, type ConfirmPromptProps, type CoreNavItem, CountrySelect, CreatedAtCell, CreatedAtHeader, type CurrencyInfo, type CustomFieldsModule, CustomerInfo, DataGrid, DataTable, DateCell, DateHeader, DateRangeDisplay, DeprecatedPercentageInput, DisplayExtensionZone, type DisplayExtensionZoneProps, DisplayField, type DisplayFieldProps, DisplaySection, type DisplaySectionField, type DisplaySectionProps, type EditAttributeAttribute, EditAttributeForm, type EditAttributeFormProps, EmailCell, EmailForm, EmailHeader, EmailSchema, ErrorBoundary, type ExtendableTable, ExtensionProvider, type ExtensionProviderProps, ExtensionRegistry, type ExtractableOffer, type ExtractableOffers, type FieldDiff, FilePreview, type FileType, FileUpload, type FileUploadProps, type Filter, FilterGroup, Form, FormExtensionZone, type FormExtensionZoneProps, GeneralSectionSkeleton, HandleInput, HeadingSkeleton, IconAvatar, IconButtonSkeleton, ImageAvatar, type ImageRef, IncludesTaxTooltip, InfiniteList, JsonViewSection, JsonViewSectionSkeleton, KeyboundForm, LinkButton, ListBadge, ListSummary, Listicle, type ListicleProps, LocalizedTablePagination, type MediaDiff, MetadataForm, MetadataSection, MoneyAmountCell, NameCell, NameHeader, type NavigationModule, NoRecords, type NoRecordsProps, NoResults, type NoResultsProps, OrderBy, PercentageInput, PermissionAction, type PermissionActionProps, PermissionGuard, type PermissionGuardProps, type PermissionedCommand, PermissionsContext, PermissionsProvider, type PermissionsProviderProps, PlaceholderCell, PriceListDateStatus, type PriceListGridGroupRow, type PriceListGridOfferRow, type PriceListGridRow, PriceListStatus, PriceListType, type ProductAttributeBatchPayload, ProductAttributeSection, type ProductAttributeSectionProps, type ProductChangeAttribute, ProductChangePanel, type ProductChangePanelProps, type ProductChangeProduct, type ProductChangeResolvers, type ProductChangeVariant, type ProductChangeView, ProgressBar, ProvinceSelect, Query, REFERENCE_FIELDS, RICH_TEXT_ALLOWED_ATTRIBUTES, RICH_TEXT_ALLOWED_TAGS, type ReferenceField, type ResolvedAttribute, type ResolvedDisplays, type ResolvedFormField, RichText, RichTextEditor, type RichTextEditorProps, RouteDrawer, RouteFocusModal, RoutePermissionGuard, SIDEBAR_MENU_CONTENT, SIDEBAR_RAIL_FADE, SectionNoAccess, SectionRow, type SectionRowProps, SegmentedControl, type SegmentedControlOption, SidebarContext, type SidebarContextValue, SidebarLink, type SidebarLinkProps, SidebarProvider, type SidebarState, SingleColumnPage, SingleColumnPageSkeleton, Skeleton, SortableList, SortableTree, StackedDrawer, StackedFocusModal, type StaticCountry, StatusCell, SwitchBox, type TQueryKey, type TabDefinition, TabbedForm, TableFooterSkeleton, TableSectionSkeleton, TableSkeleton, TextCell, TextHeader, TextSkeleton, Thumbnail, TransferOwnershipSchema, TwoColumnPage, TwoColumnPageSkeleton, type UseExtendableFormProps, type UseExtendableTableProps, type UseQueryOptionsWrapper, type VariantGroup, VisuallyHidden, type Widget, type WidgetModule, type WidgetPlacement, type WidgetTab, type WidgetTabs, WidgetZone, type WidgetZoneProps, type ZoneWidgets, _DataTable, applyActionPermissions, applyNavOverrides, buildAdditionalDataDefaults, buildAdditionalDataSchema, buildOfferGridData, buildProductChangeView, countries, createDataGridHelper, createDataGridPriceColumns, createFormHelper, createWithPermission, currencies, extractPricesFromOffers, extractReferenceIds, filterCommandsByPermission, formatFieldValue, genericForwardRef, getCountryByIso2, getCurrencySymbol, getDecimalDigits, getExtensionRegistry, getFormattedAddress, getFormattedCountry, getLinkQuery, getLocaleAmount, getNativeSymbol, getPriceListStatus, getStylizedAmount, humanizeFieldName, isAmountLessThenRoundingError, isForbidden, isHtml, isImageList, isOrderActionable, isOrderAwaitingAction, isPermitted, isPriceListGroupRow, isProductRow, isReferenceField, isSameAddress, linkFields, permissionMapAllows, plainTextToHtml, productChangeViewHasContent, queryClient, queryKeysFactory, richTextContentClasses, sanitizeRichText, toPermissionList, useActionLocks, useCan, useCollapsedSidebar, useCombinedRefs, useCommandHistory, useDataTable, useDate, useDisplayFieldOverride, useDocumentDirection, useExpandedSidebar, useExtendableForm, useExtendableTable, useExtension, useExtensionActivity, useLinkQuery, usePermissionGate, usePermissions, usePermittedCommands, useQueryParams, useResourcePermissions, useRouteModal, useSidebar, useSidebarMenuPlacement, useStackedModal, useTabManagement, useTabbedForm, useWidgetTabs, withLinkFields };

package/dist/index.js

@@ -25960,7 +25960,8 @@ var ExtensionRegistry = class {
         const resolved = {
           Component: widget.Component,
           widgetId: widget.widgetId,
-          permission: widget.permission
+          permission: widget.permission,
+          label: widget.label
         };
         entry[placement].push(resolved);
       }
@@ -26113,6 +26114,17 @@ var WidgetZone = ({ id, data, children }) => {
   ] });
 };
 
+// src/extensions/use-widget-tabs.ts
+import { useContext as useContext12 } from "react";
+var useWidgetTabs = (id) => {
+  const widgets = useExtension().getWidgets(id);
+  const permissions = useContext12(PermissionsContext);
+  const toTabs = (placement) => widgets[placement].flatMap(
+    ({ Component, widgetId, label, permission }) => label && isPermitted(permissions, permission) ? [{ id: widgetId, label, Component }] : []
+  );
+  return { before: toTabs("before"), after: toTabs("after") };
+};
+
 // src/extensions/nav.ts
 import { createElement } from "react";
 function applyNavOverrides(coreRoutes, overrides = []) {
@@ -26703,7 +26715,7 @@ import { Button as Button12, ProgressTabs } from "@medusajs/ui";
 import {
   Children as Children3,
   createContext as createContext9,
-  useContext as useContext12,
+  useContext as useContext13,
   useMemo as useMemo22
 } from "react";
 import { useTranslation as useTranslation36 } from "react-i18next";
@@ -26778,7 +26790,7 @@ var useTabManagement = ({
 import { jsx as jsx85, jsxs as jsxs60 } from "react/jsx-runtime";
 var TabbedFormContext = createContext9(null);
 var useTabbedForm = () => {
-  const form = useContext12(TabbedFormContext);
+  const form = useContext13(TabbedFormContext);
   if (!form) {
     throw new Error("useTabbedForm must be used within a TabbedForm");
   }
@@ -26963,10 +26975,10 @@ import { useSearchParams as useSearchParams7 } from "react-router-dom";
 import { useTranslation as useTranslation41 } from "react-i18next";
 
 // src/components/table/data-table/data-table-filter/context.tsx
-import { createContext as createContext10, useContext as useContext13 } from "react";
+import { createContext as createContext10, useContext as useContext14 } from "react";
 var DataTableFilterContext = createContext10(null);
 var useDataTableFilterContext = () => {
-  const ctx = useContext13(DataTableFilterContext);
+  const ctx = useContext14(DataTableFilterContext);
   if (!ctx) {
     throw new Error(
       "useDataTableFacetedFilterContext must be used within a DataTableFacetedFilter"
@@ -28315,7 +28327,7 @@ import {
   useEffect as useEffect25,
   useRef as useRef19,
   useState as useState38,
-  useContext as useContext14
+  useContext as useContext15
 } from "react";
 import { useTranslation as useTranslation44 } from "react-i18next";
 import { Link as Link8 } from "react-router-dom";
@@ -28337,7 +28349,7 @@ var DataTableRoot = ({
   const scrollableRef = useRef19(null);
   const hasSelect = columns.find((c) => c.id === "select");
   const hasActions = columns.find((c) => c.id === "actions");
-  const permissions = useContext14(PermissionsContext);
+  const permissions = useContext15(PermissionsContext);
   const hasCommandBar = commands && commands.length > 0;
   const rowSelection = table.getState().rowSelection;
   const { pageIndex, pageSize } = table.getState().pagination;
@@ -29042,9 +29054,9 @@ var PermissionsProvider = ({
 };
 
 // src/permissions/use-permissions.tsx
-import { useContext as useContext15 } from "react";
+import { useContext as useContext16 } from "react";
 var usePermissions = () => {
-  const context = useContext15(PermissionsContext);
+  const context = useContext16(PermissionsContext);
   if (!context) {
     throw new Error("usePermissions must be used within a PermissionsProvider");
   }
@@ -29244,9 +29256,9 @@ var SidebarProvider = ({ children }) => {
 import { useEffect as useEffect28, useRef as useRef20 } from "react";
 
 // src/providers/sidebar-provider/use-sidebar.tsx
-import { useContext as useContext16 } from "react";
+import { useContext as useContext17 } from "react";
 var useSidebar = () => {
-  const context = useContext16(SidebarContext);
+  const context = useContext17(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider");
   }
@@ -29627,5 +29639,6 @@ export {
   useStackedModal,
   useTabManagement,
   useTabbedForm,
+  useWidgetTabs,
   withLinkFields
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mercurjs/dashboard-shared",
-  "version": "2.3.6-canary.8",
+  "version": "2.3.6-canary.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/mercurjs/mercur",
@@ -34,7 +34,7 @@
     "@medusajs/dashboard": "2.21.0",
     "@medusajs/icons": "2.21.0",
     "@medusajs/ui": "4.2.3",
-    "@mercurjs/client": "2.3.6-canary.8",
+    "@mercurjs/client": "2.3.6-canary.9",
     "@radix-ui/react-dialog": "1.1.19",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -70,9 +70,9 @@
   },
   "devDependencies": {
     "@medusajs/types": "2.21.0",
-    "@mercurjs/core": "2.3.6-canary.8",
-    "@mercurjs/dashboard-sdk": "2.3.6-canary.8",
-    "@mercurjs/types": "2.3.6-canary.8",
+    "@mercurjs/core": "2.3.6-canary.9",
+    "@mercurjs/dashboard-sdk": "2.3.6-canary.9",
+    "@mercurjs/types": "2.3.6-canary.9",
     "@types/lodash.debounce": "^4.0.8",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.2.22",