npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.9496957 → 4.0.0-internal.970009e - Mend

@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1948) hide show

package/dist/views/Dashboard/Default/ModularDashboard/index.client.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.client.js","names":["c","_c","DndContext","DragOverlay","useDraggable","useDroppable","snapCenterToCursor","React","useEffect","useMemo","useState","Button","Popup","PopupList","ChevronIcon","useTranslation","DashboardStepNav","useDashboardLayout","closestInXAxis","useDashboardSensors","WidgetEditControl","snapCenterToCursorOnlyForPointer","args","activatorEvent","transform","WIDTH_TO_PERCENTAGE","small","medium","large","full","ModularDashboardClient","t0","$","clientLayout","initialLayout","widgets","t","addWidget","cancel","cancelModal","currentLayout","deleteWidget","isEditing","moveWidget","resetLayout","resizeWidget","saveLayout","setIsEditing","updateWidgetData","activeDragId","setActiveDragId","activeControlsWidgetID","setActiveControlsWidgetID","sensors","t1","t2","t3","t4","Symbol","for","t5","event","over","droppableId","id","i","lastIndexOf","slug","slice","position","active","moveFromIndex","findIndex","widget","item","moveToIndex","widget_0","t6","event_0","_jsxs","children","_jsx","autoScroll","enabled","threshold","x","y","collisionDetection","onDragCancel","onDragEnd","onDragStart","className","style","display","flexWrap","length","map","widget_1","_index","Fragment","DraggableItem","disabled","width","filter","Boolean","join","inert","component","onPointerDown","_temp","onSave","data","widgetData","widgetID","WidgetWidthDropdown","currentWidth","maxWidth","minWidth","onOpenChange","isOpen","onResize","buttonStyle","icon","margin","onClick","round","dropAnimation","duration","modifiers","draggedWidget","find","widget_2","e","stopPropagation","validOptions","minPercentage","maxPercentage","Object","entries","key","value","percentage","option","isDisabled","onToggleClose","onToggleOpen","render","close","ButtonGroup","isSelected","toFixed","renderButton","_active","onKeyDown","ariaProps","extraButtonProps","size","selected","verticalAlign","props","attributes","isDragging","listeners","setNodeRef","mergedStyles","opacity","draggableProps","DroppableItem","ref","height","isOver","t7","t8","left","right","top","bottom","borderRadius","backgroundColor","marginBottom","marginTop","pointerEvents","zIndex"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Modifier } from '@dnd-kit/core'\nimport type { ClientWidget, WidgetWidth } from 'payload'\n\nimport { DndContext, DragOverlay, useDraggable, useDroppable } from '@dnd-kit/core'\nimport { snapCenterToCursor } from '@dnd-kit/modifiers'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DashboardStepNav } from './DashboardStepNav.js'\nimport { useDashboardLayout } from './useDashboardLayout.js'\nimport { closestInXAxis } from './utils/collisionDetection.js'\nimport { useDashboardSensors } from './utils/sensors.js'\nimport { WidgetEditControl } from './WidgetEditControl.js'\n\n/*\n Custom modifier that only applies snapCenterToCursor for pointer events.\n * During keyboard navigation, we handle positioning ourselves via the coordinate getter.\n /\nconst snapCenterToCursorOnlyForPointer: Modifier = (args) => {\n const { activatorEvent } = args\n\n // Only apply snap for pointer events (mouse/touch), not keyboard\n // Check activatorEvent.type since KeyboardEvent may not exist on server\n if (activatorEvent && 'key' in activatorEvent) {\n return args.transform\n }\n\n return snapCenterToCursor(args)\n}\n\nexport type WidgetItem = {\n data?: Record<string, unknown>\n id: string\n maxWidth: WidgetWidth\n minWidth: WidgetWidth\n width: WidgetWidth\n}\n\nexport type WidgetInstanceClient = {\n component: React.ReactNode\n item: WidgetItem\n}\n\nexport type DropTargetWidget = {\n position: 'after' \| 'before'\n widget: WidgetInstanceClient\n} \| null\n\n/ eslint-disable perfectionist/sort-objects /\nconst WIDTH_TO_PERCENTAGE = {\n 'x-small': 25,\n small: (1 / 3) 100,\n medium: 50,\n large: (2 / 3) * 100,\n 'x-large': 75,\n full: 100,\n} as const\n\nexport function ModularDashboardClient({\n clientLayout: initialLayout,\n widgets,\n}: {\n clientLayout: WidgetInstanceClient[]\n widgets: ClientWidget[]\n}) {\n const { t } = useTranslation()\n const {\n addWidget,\n cancel,\n cancelModal,\n currentLayout,\n deleteWidget,\n isEditing,\n moveWidget,\n resetLayout,\n resizeWidget,\n saveLayout,\n setIsEditing,\n updateWidgetData,\n } = useDashboardLayout(initialLayout)\n\n const [activeDragId, setActiveDragId] = useState<null \| string>(null)\n const [activeControlsWidgetID, setActiveControlsWidgetID] = useState<null \| string>(null)\n const sensors = useDashboardSensors()\n\n useEffect(() => {\n if (!isEditing) {\n setActiveControlsWidgetID(null)\n }\n }, [isEditing])\n\n return (\n <div>\n <DndContext\n autoScroll={{\n enabled: true,\n threshold: {\n x: 0, // No horizontal scroll\n y: 0.2, // Allow vertical scroll at 20% from edge\n },\n }}\n collisionDetection={closestInXAxis}\n // https://github.com/clauderic/dnd-kit/issues/926#issuecomment-1640115665\n id=\"dashboard-dnd-context\"\n onDragCancel={() => {\n setActiveDragId(null)\n }}\n onDragEnd={(event) => {\n if (!event.over) {\n setActiveDragId(null)\n return\n }\n const droppableId = event.over.id as string\n const i = droppableId.lastIndexOf('-')\n const slug = droppableId.slice(0, i)\n const position = droppableId.slice(i + 1)\n\n if (slug === event.active.id) {\n return\n }\n\n const moveFromIndex = currentLayout?.findIndex(\n (widget) => widget.item.id === event.active.id,\n )\n let moveToIndex = currentLayout?.findIndex((widget) => widget.item.id === slug)\n if (moveFromIndex < moveToIndex) {\n moveToIndex--\n }\n if (position === 'after') {\n moveToIndex++\n }\n moveWidget({ moveFromIndex, moveToIndex })\n setActiveDragId(null)\n }}\n onDragStart={(event) => {\n setActiveDragId(event.active.id as string)\n }}\n sensors={sensors}\n >\n <div\n className={`modular-dashboard ${isEditing ? 'editing' : ''}`}\n style={{\n display: 'flex',\n flexWrap: 'wrap',\n // Don't add gap here! We need to use padding on the widgets instead\n // to make sure all rows have the same width always.\n }}\n >\n {currentLayout?.length === 0 && (\n <div className=\"modular-dashboard__empty\">\n <p>{t('dashboard:noItems')}</p>\n </div>\n )}\n {currentLayout?.map((widget, _index) => (\n <React.Fragment key={widget.item.id}>\n <DraggableItem\n disabled={!isEditing}\n id={widget.item.id}\n style={{\n width: `${WIDTH_TO_PERCENTAGE[widget.item.width]}%`,\n }}\n width={widget.item.width}\n >\n <div\n className={[\n 'widget-wrapper',\n isEditing ? 'widget-wrapper--editing' : '',\n activeControlsWidgetID === widget.item.id\n ? 'widget-wrapper--controls-active'\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div aria-hidden={isEditing} className=\"widget-content\" inert={isEditing}>\n {widget.component}\n </div>\n {isEditing && <div aria-hidden className=\"widget-wrapper__edit-overlay\" />}\n {isEditing && (\n <div\n className=\"widget-wrapper__controls\"\n onPointerDown={(e) => e.stopPropagation()}\n >\n <WidgetEditControl\n onSave={(data) => {\n updateWidgetData(widget.item.id, data)\n }}\n widgetData={widget.item.data}\n widgetID={widget.item.id}\n />\n <WidgetWidthDropdown\n currentWidth={widget.item.width}\n maxWidth={widget.item.maxWidth}\n minWidth={widget.item.minWidth}\n onOpenChange={(isOpen) => {\n setActiveControlsWidgetID(isOpen ? widget.item.id : null)\n }}\n onResize={(width) => resizeWidget(widget.item.id, width)}\n />\n <Button\n aria-label={t('dashboard:deleteWidget', { id: widget.item.id })}\n buttonStyle=\"destructive\"\n className=\"widget-wrapper__delete-btn\"\n icon=\"x\"\n margin={false}\n onClick={() => deleteWidget(widget.item.id)}\n round\n />\n </div>\n )}\n </div>\n </DraggableItem>\n </React.Fragment>\n ))}\n <DragOverlay\n className=\"drag-overlay\"\n dropAnimation={{\n duration: 100,\n }}\n // Uses custom modifier that only applies for pointer, not keyboard navigation.\n modifiers={[snapCenterToCursorOnlyForPointer]}\n >\n {activeDragId\n ? (() => {\n const draggedWidget = currentLayout?.find(\n (widget) => widget.item.id === activeDragId,\n )\n return draggedWidget ? (\n <div\n style={{\n transform: 'scale(0.25)',\n }}\n >\n <div\n className={`widget-wrapper ${isEditing ? 'widget-wrapper--editing' : ''}`}\n >\n <div className=\"widget-content\">{draggedWidget.component}</div>\n </div>\n </div>\n ) : null\n })()\n : null}\n </DragOverlay>\n </div>\n </DndContext>\n <DashboardStepNav\n addWidget={addWidget}\n cancel={cancel}\n isEditing={isEditing}\n resetLayout={resetLayout}\n saveLayout={saveLayout}\n setIsEditing={setIsEditing}\n widgets={widgets}\n />\n {cancelModal}\n </div>\n )\n}\n\nfunction WidgetWidthDropdown({\n currentWidth,\n maxWidth,\n minWidth,\n onOpenChange,\n onResize,\n}: {\n currentWidth: WidgetWidth\n maxWidth: WidgetWidth\n minWidth: WidgetWidth\n onOpenChange: (isOpen: boolean) => void\n onResize: (width: WidgetWidth) => void\n}) {\n // Filter options based on minWidth and maxWidth\n const validOptions = useMemo(() => {\n const minPercentage = WIDTH_TO_PERCENTAGE[minWidth]\n const maxPercentage = WIDTH_TO_PERCENTAGE[maxWidth]\n\n return Object.entries(WIDTH_TO_PERCENTAGE)\n .map(([key, value]) => ({\n width: key as WidgetWidth,\n percentage: value,\n }))\n .filter((option) => option.percentage >= minPercentage && option.percentage <= maxPercentage)\n }, [minWidth, maxWidth])\n\n const isDisabled = validOptions.length <= 1\n\n if (isDisabled) {\n return null\n }\n\n return (\n <Popup\n onToggleClose={() => onOpenChange(false)}\n onToggleOpen={onOpenChange}\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {validOptions.map((option) => {\n const isSelected = option.width === currentWidth\n return (\n <PopupList.Button\n active={isSelected}\n key={option.width}\n onClick={() => {\n onResize(option.width)\n close()\n }}\n >\n <span className=\"widget-wrapper__size-btn-label\">{option.width}</span>\n <span className=\"widget-wrapper__size-btn-percentage\">\n {option.percentage.toFixed(0)}%\n </span>\n </PopupList.Button>\n )\n })}\n </PopupList.ButtonGroup>\n )}\n renderButton={({ active: _active, onClick, onKeyDown, ...ariaProps }) => (\n <Button\n buttonStyle=\"secondary\"\n className=\"widget-wrapper__size-btn\"\n extraButtonProps={{\n onKeyDown,\n onPointerDown: (e) => e.stopPropagation(),\n ...ariaProps,\n }}\n icon={<ChevronIcon className=\"widget-wrapper__size-btn-icon\" size={16} />}\n margin={false}\n onClick={onClick}\n selected={_active}\n >\n {currentWidth}\n </Button>\n )}\n size=\"small\"\n verticalAlign=\"bottom\"\n />\n )\n}\n\nfunction DraggableItem(props: {\n children: React.ReactNode\n disabled?: boolean\n id: string\n style?: React.CSSProperties\n width: WidgetWidth\n}) {\n const { attributes, isDragging, listeners, setNodeRef } = useDraggable({\n id: props.id,\n disabled: props.disabled,\n })\n\n const mergedStyles: React.CSSProperties = {\n ...props.style,\n opacity: isDragging ? 0.3 : 1,\n position: 'relative',\n }\n\n // Only apply draggable attributes and listeners when not disabled\n // to prevent disabling interactive elements inside the widget\n const draggableProps = props.disabled ? {} : { ...listeners, ...attributes }\n\n return (\n <div className=\"widget\" data-slug={props.id} data-width={props.width} style={mergedStyles}>\n <DroppableItem id={props.id} position=\"before\" />\n <div\n className=\"draggable\"\n id={props.id}\n ref={setNodeRef}\n {...draggableProps}\n style={{\n width: '100%',\n height: '100%',\n }}\n >\n {props.children}\n </div>\n <DroppableItem id={props.id} position=\"after\" />\n </div>\n )\n}\n\nfunction DroppableItem({ id, position }: { id: string; position: 'after' \| 'before' }) {\n const { setNodeRef, isOver } = useDroppable({ id: `${id}-${position}`, data: { position } })\n\n return (\n <div\n className=\"droppable-widget\"\n data-testid={`${id}-${position}`}\n ref={setNodeRef}\n style={{\n position: 'absolute',\n left: position === 'before' ? -2 : 'auto',\n right: position === 'after' ? -2 : 'auto',\n top: 0,\n bottom: 0,\n borderRadius: '1000px',\n width: '4px',\n backgroundColor: isOver ? 'var(--color-bg-brand-secondary)' : 'transparent',\n marginBottom: '10px',\n marginTop: '10px',\n pointerEvents: 'none',\n zIndex: 1000,\n }}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.client.js","names":["c","_c","DndContext","DragOverlay","useDraggable","useDroppable","snapCenterToCursor","getTranslation","toWords","React","useEffect","useMemo","useState","Button","Popup","PopupList","ChevronIcon","useTranslation","DashboardStepNav","useDashboardLayout","closestInXAxis","useDashboardSensors","WidgetContent","WidgetEditControl","snapCenterToCursorOnlyForPointer","args","activatorEvent","transform","WIDTH_TO_PERCENTAGE","small","medium","large","full","ModularDashboardClient","t0","$","clientLayout","initialLayout","widgets","i18n","t","addWidget","cancel","cancelModal","currentLayout","deleteWidget","isEditing","moveWidget","resetLayout","resizeWidget","saveLayout","setIsEditing","updateWidgetData","activeDragId","setActiveDragId","activeControlsWidgetID","setActiveControlsWidgetID","sensors","t1","t2","id","index","widgetID","String","replace","slug","slice","lastIndexOf","label","find","widget","position","findIndex","widget_0","item","describeWidget","t3","active","announceCancel","t4","active_0","over","moveToIndex","getWidgetMoveIndexes","activeID","layout","overID","title","destination","announceMove","event","moveFromIndex","moveToIndex_0","t5","event_0","message","undefined","t6","t7","active_1","onDragCancel","onDragEnd","onDragOver","onDragStart","announcements","t8","t9","t10","t11","Symbol","for","t12","event_1","indexes","t13","event_2","_jsxs","children","_jsx","accessibility","autoScroll","enabled","threshold","x","y","collisionDetection","className","style","display","flexWrap","length","map","widget_1","slug_0","label_0","widgetConfig","DraggableItem","disabled","width","t14","dragHandle","filter","Boolean","join","component","onSave","data","widgetData","widgetLabel","WidgetWidthDropdown","currentWidth","maxWidth","minWidth","onOpenChange","isOpen","onResize","buttonStyle","extraButtonProps","tabIndex","icon","margin","onClick","round","dropAnimation","duration","modifiers","draggedWidget","widget_2","inert","minPercentage","maxPercentage","Object","entries","_temp","option","percentage","validOptions","isDisabled","close","ButtonGroup","option_0","isSelected","toFixed","_active","onKeyDown","ariaProps","size","selected","onToggleClose","onToggleOpen","popupType","render","verticalAlign","key","value","props","attributes","isDragging","listeners","setActivatorNodeRef","setNodeRef","mergedStyles","opacity","DroppableItem","ref","role","height","type","isOver","left","right","top","bottom","borderRadius","backgroundColor","marginBottom","marginTop","pointerEvents","zIndex","endsWith"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Announcements, Modifier, UniqueIdentifier } from '@dnd-kit/core'\nimport type { ClientWidget, WidgetWidth } from 'payload'\n\nimport { DndContext, DragOverlay, useDraggable, useDroppable } from '@dnd-kit/core'\nimport { snapCenterToCursor } from '@dnd-kit/modifiers'\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DashboardStepNav } from './DashboardStepNav.js'\nimport { useDashboardLayout } from './useDashboardLayout.js'\nimport { closestInXAxis } from './utils/collisionDetection.js'\nimport { useDashboardSensors } from './utils/sensors.js'\nimport { WidgetContent } from './WidgetContent/index.js'\nimport { WidgetEditControl } from './WidgetEditControl.js'\n\n/*\n Custom modifier that only applies snapCenterToCursor for pointer events.\n * During keyboard navigation, we handle positioning ourselves via the coordinate getter.\n /\nconst snapCenterToCursorOnlyForPointer: Modifier = (args) => {\n const { activatorEvent } = args\n\n // Only apply snap for pointer events (mouse/touch), not keyboard\n // Check activatorEvent.type since KeyboardEvent may not exist on server\n if (activatorEvent && 'key' in activatorEvent) {\n return args.transform\n }\n\n return snapCenterToCursor(args)\n}\n\nexport type WidgetItem = {\n data?: Record<string, unknown>\n id: string\n maxWidth: WidgetWidth\n minWidth: WidgetWidth\n width: WidgetWidth\n}\n\nexport type WidgetInstanceClient = {\n component: React.ReactNode\n item: WidgetItem\n}\n\nexport type DropTargetWidget = {\n position: 'after' \| 'before'\n widget: WidgetInstanceClient\n} \| null\n\n/ eslint-disable perfectionist/sort-objects /\nconst WIDTH_TO_PERCENTAGE = {\n 'x-small': 25,\n small: (1 / 3) 100,\n medium: 50,\n large: (2 / 3) * 100,\n 'x-large': 75,\n full: 100,\n} as const\n\nexport function ModularDashboardClient({\n clientLayout: initialLayout,\n widgets,\n}: {\n clientLayout: WidgetInstanceClient[]\n widgets: ClientWidget[]\n}) {\n const { i18n, t } = useTranslation()\n const {\n addWidget,\n cancel,\n cancelModal,\n currentLayout,\n deleteWidget,\n isEditing,\n moveWidget,\n resetLayout,\n resizeWidget,\n saveLayout,\n setIsEditing,\n updateWidgetData,\n } = useDashboardLayout(initialLayout)\n\n const [activeDragId, setActiveDragId] = useState<null \| string>(null)\n const [activeControlsWidgetID, setActiveControlsWidgetID] = useState<null \| string>(null)\n const sensors = useDashboardSensors()\n const announcements = useMemo<Announcements>(() => {\n const describeWidget = ({ id, index }: { id: UniqueIdentifier; index?: number }) => {\n const widgetID = String(id).replace(/-(?:before\|after)$/, '')\n const slug = widgetID.slice(0, widgetID.lastIndexOf('-'))\n const label = getTranslation(\n widgets.find((widget) => widget.slug === slug)?.label ?? toWords(slug),\n i18n,\n )\n const position = index ?? currentLayout.findIndex((widget) => widget.item.id === widgetID)\n\n return `${label}, ${t('general:order')}: ${position + 1}`\n }\n const announceCancel: Announcements['onDragCancel'] = ({ active }) =>\n `${t('general:cancel')}: ${describeWidget({ id: active.id })}`\n const announceMove: NonNullable<Announcements['onDragOver']> = ({ active, over }) => {\n if (!over) {\n return undefined\n }\n const { moveToIndex } = getWidgetMoveIndexes({\n activeID: active.id,\n layout: currentLayout,\n overID: over.id,\n })\n\n return t('hierarchy:itemsMovedTo', {\n title: describeWidget({ id: active.id }),\n destination: describeWidget({ id: over.id, index: moveToIndex }),\n })\n }\n\n return {\n onDragCancel: announceCancel,\n onDragEnd: (event) => {\n if (event.over) {\n const { moveFromIndex, moveToIndex } = getWidgetMoveIndexes({\n activeID: event.active.id,\n layout: currentLayout,\n overID: event.over.id,\n })\n\n if (moveFromIndex !== moveToIndex) {\n return announceMove(event)\n }\n }\n\n return announceCancel(event)\n },\n onDragOver: (event) => {\n const message = announceMove(event)\n\n return message ? `${t('general:move')}: ${message}` : undefined\n },\n onDragStart: ({ active }) =>\n `${t('general:dragToReorder')}: ${describeWidget({ id: active.id })}`,\n }\n }, [currentLayout, i18n, t, widgets])\n\n useEffect(() => {\n if (!isEditing) {\n setActiveControlsWidgetID(null)\n }\n }, [isEditing])\n\n return (\n <div>\n <DndContext\n accessibility={{ announcements }}\n autoScroll={{\n enabled: true,\n threshold: {\n x: 0, // No horizontal scroll\n y: 0.2, // Allow vertical scroll at 20% from edge\n },\n }}\n collisionDetection={closestInXAxis}\n // https://github.com/clauderic/dnd-kit/issues/926#issuecomment-1640115665\n id=\"dashboard-dnd-context\"\n onDragCancel={() => {\n setActiveDragId(null)\n }}\n onDragEnd={(event) => {\n setActiveDragId(null)\n\n if (!event.over) {\n return\n }\n const indexes = getWidgetMoveIndexes({\n activeID: event.active.id,\n layout: currentLayout,\n overID: event.over.id,\n })\n\n if (indexes.moveFromIndex !== indexes.moveToIndex) {\n moveWidget(indexes)\n }\n }}\n onDragStart={(event) => {\n setActiveDragId(event.active.id as string)\n }}\n sensors={sensors}\n >\n <div\n className={`modular-dashboard ${isEditing ? 'editing' : ''}`}\n style={{\n display: 'flex',\n flexWrap: 'wrap',\n // Don't add gap here! We need to use padding on the widgets instead\n // to make sure all rows have the same width always.\n }}\n >\n {currentLayout?.length === 0 && (\n <div className=\"modular-dashboard__empty\">\n <p>{t('dashboard:noItems')}</p>\n </div>\n )}\n {currentLayout?.map((widget) => {\n const slug = widget.item.id.slice(0, widget.item.id.lastIndexOf('-'))\n const label = getTranslation(\n widgets.find((widgetConfig) => widgetConfig.slug === slug)?.label ?? toWords(slug),\n i18n,\n )\n\n return (\n <DraggableItem\n disabled={!isEditing}\n id={widget.item.id}\n key={widget.item.id}\n label={label}\n style={{\n width: `${WIDTH_TO_PERCENTAGE[widget.item.width]}%`,\n }}\n width={widget.item.width}\n >\n {({ dragHandle }) => (\n <div\n className={[\n 'widget-wrapper',\n isEditing ? 'widget-wrapper--editing' : '',\n activeControlsWidgetID === widget.item.id\n ? 'widget-wrapper--controls-active'\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <WidgetContent id={`${widget.item.id}-content`} isEditing={isEditing}>\n {widget.component}\n </WidgetContent>\n {dragHandle}\n {isEditing && (\n <div className=\"widget-wrapper__controls\">\n <WidgetEditControl\n onSave={(data) => {\n updateWidgetData(widget.item.id, data)\n }}\n widgetData={widget.item.data}\n widgetID={widget.item.id}\n widgetLabel={label}\n />\n <WidgetWidthDropdown\n currentWidth={widget.item.width}\n maxWidth={widget.item.maxWidth}\n minWidth={widget.item.minWidth}\n onOpenChange={(isOpen) => {\n setActiveControlsWidgetID(isOpen ? widget.item.id : null)\n }}\n onResize={(width) => resizeWidget(widget.item.id, width)}\n widgetLabel={label}\n />\n <Button\n aria-label={t('general:deleteLabel', { label })}\n buttonStyle=\"destructive\"\n className=\"widget-wrapper__delete-btn\"\n extraButtonProps={{ tabIndex: 0 }}\n icon=\"x\"\n margin={false}\n onClick={() => deleteWidget(widget.item.id)}\n round\n />\n </div>\n )}\n </div>\n )}\n </DraggableItem>\n )\n })}\n <DragOverlay\n className=\"drag-overlay\"\n dropAnimation={{\n duration: 100,\n }}\n // Uses custom modifier that only applies for pointer, not keyboard navigation.\n modifiers={[snapCenterToCursorOnlyForPointer]}\n >\n {activeDragId\n ? (() => {\n const draggedWidget = currentLayout?.find(\n (widget) => widget.item.id === activeDragId,\n )\n return draggedWidget ? (\n <div\n aria-hidden=\"true\"\n inert\n style={{\n transform: 'scale(0.25)',\n }}\n >\n <div\n className={`widget-wrapper ${isEditing ? 'widget-wrapper--editing' : ''}`}\n >\n <div className=\"widget-content\">{draggedWidget.component}</div>\n </div>\n </div>\n ) : null\n })()\n : null}\n </DragOverlay>\n </div>\n </DndContext>\n <DashboardStepNav\n addWidget={addWidget}\n cancel={cancel}\n isEditing={isEditing}\n resetLayout={resetLayout}\n saveLayout={saveLayout}\n setIsEditing={setIsEditing}\n widgets={widgets}\n />\n {cancelModal}\n </div>\n )\n}\n\nfunction WidgetWidthDropdown({\n currentWidth,\n maxWidth,\n minWidth,\n onOpenChange,\n onResize,\n widgetLabel,\n}: {\n currentWidth: WidgetWidth\n maxWidth: WidgetWidth\n minWidth: WidgetWidth\n onOpenChange: (isOpen: boolean) => void\n onResize: (width: WidgetWidth) => void\n widgetLabel: string\n}) {\n const { t } = useTranslation()\n\n // Filter options based on minWidth and maxWidth\n const validOptions = useMemo(() => {\n const minPercentage = WIDTH_TO_PERCENTAGE[minWidth]\n const maxPercentage = WIDTH_TO_PERCENTAGE[maxWidth]\n\n return Object.entries(WIDTH_TO_PERCENTAGE)\n .map(([key, value]) => ({\n width: key as WidgetWidth,\n percentage: value,\n }))\n .filter((option) => option.percentage >= minPercentage && option.percentage <= maxPercentage)\n }, [minWidth, maxWidth])\n\n const isDisabled = validOptions.length <= 1\n\n if (isDisabled) {\n return null\n }\n\n return (\n <Popup\n onToggleClose={() => onOpenChange(false)}\n onToggleOpen={onOpenChange}\n popupType=\"menu\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {validOptions.map((option) => {\n const isSelected = option.width === currentWidth\n return (\n <PopupList.Button\n active={isSelected}\n key={option.width}\n onClick={() => {\n onResize(option.width)\n close()\n }}\n >\n <span className=\"widget-wrapper__size-btn-label\">{option.width}</span>\n <span className=\"widget-wrapper__size-btn-percentage\">\n {option.percentage.toFixed(0)}%\n </span>\n </PopupList.Button>\n )\n })}\n </PopupList.ButtonGroup>\n )}\n renderButton={({ active: _active, onClick, onKeyDown, ...ariaProps }) => (\n <Button\n aria-label={t('dashboard:resizeWidget', { label: widgetLabel, size: currentWidth })}\n buttonStyle=\"secondary\"\n className=\"widget-wrapper__size-btn\"\n extraButtonProps={{\n onKeyDown,\n ...ariaProps,\n tabIndex: 0,\n }}\n icon={<ChevronIcon className=\"widget-wrapper__size-btn-icon\" size={16} />}\n margin={false}\n onClick={onClick}\n selected={_active}\n >\n {currentWidth}\n </Button>\n )}\n size=\"small\"\n verticalAlign=\"bottom\"\n />\n )\n}\n\nfunction DraggableItem(props: {\n children: (args: { dragHandle: React.ReactNode }) => React.ReactNode\n disabled?: boolean\n id: string\n label: string\n style?: React.CSSProperties\n width: WidgetWidth\n}) {\n const { t } = useTranslation()\n const { attributes, isDragging, listeners, setActivatorNodeRef, setNodeRef } = useDraggable({\n id: props.id,\n disabled: props.disabled,\n })\n\n const mergedStyles: React.CSSProperties = {\n ...props.style,\n opacity: isDragging ? 0.3 : 1,\n position: 'relative',\n }\n\n return (\n <div className=\"widget\" data-slug={props.id} data-width={props.width} style={mergedStyles}>\n <DroppableItem id={props.id} position=\"before\" />\n <div\n aria-label={props.label}\n aria-labelledby={props.disabled ? undefined : `${props.id}-content`}\n className=\"draggable\"\n id={props.id}\n ref={setNodeRef}\n role=\"group\"\n style={{\n width: '100%',\n height: '100%',\n position: 'relative',\n }}\n tabIndex={props.disabled ? undefined : 0}\n >\n {props.children({\n dragHandle: !props.disabled && (\n <button\n {...attributes}\n {...listeners}\n aria-describedby={[attributes['aria-describedby'], `${props.id}-content`]\n .filter(Boolean)\n .join(' ')}\n aria-label={t('general:dragToReorder')}\n className=\"widget-wrapper__edit-overlay widget-wrapper__drag-btn\"\n ref={setActivatorNodeRef}\n type=\"button\"\n />\n ),\n })}\n </div>\n <DroppableItem id={props.id} position=\"after\" />\n </div>\n )\n}\n\nfunction DroppableItem({ id, position }: { id: string; position: 'after' \| 'before' }) {\n const { setNodeRef, isOver } = useDroppable({ id: `${id}-${position}`, data: { position } })\n\n return (\n <div\n className=\"droppable-widget\"\n data-testid={`${id}-${position}`}\n ref={setNodeRef}\n style={{\n position: 'absolute',\n left: position === 'before' ? -2 : 'auto',\n right: position === 'after' ? -2 : 'auto',\n top: 0,\n bottom: 0,\n borderRadius: '1000px',\n width: '4px',\n backgroundColor: isOver ? 'var(--color-bg-brand-secondary)' : 'transparent',\n marginBottom: '10px',\n marginTop: '10px',\n pointerEvents: 'none',\n zIndex: 1000,\n }}\n />\n )\n}\n\nfunction getWidgetMoveIndexes({\n activeID,\n layout,\n overID,\n}: {\n activeID: UniqueIdentifier\n layout: WidgetInstanceClient[]\n overID: UniqueIdentifier\n}) {\n const widgetID = String(overID).replace(/-(?:before\|after)$/, '')\n const moveFromIndex = layout.findIndex((widget) => widget.item.id === activeID)\n let moveToIndex = layout.findIndex((widget) => widget.item.id === widgetID)\n\n if (widgetID !== activeID) {\n if (moveFromIndex < moveToIndex) {\n moveToIndex--\n }\n if (String(overID).endsWith('-after')) {\n moveToIndex++\n }\n }\n\n return { moveFromIndex, moveToIndex }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/index.css CHANGED Viewed

@@ -1,11 +1,12 @@
 @layer payload-default {
   .modular-dashboard {
-    margin: calc(var(--spacer-2-5) / -2);
-    width: calc(100% + var(--spacer-2-5));
+    margin: calc(var(--spacer-4) / -2);
+    width: calc(100% + var(--spacer-4));
+    padding-block-end: var(--spacer-6);
   }
   .modular-dashboard .widget {
-    padding: calc(var(--spacer-2-5) / 2);
+    padding: calc(var(--spacer-4) / 2);
   }
   .modular-dashboard .widget-content {
@@ -26,8 +27,10 @@
     }
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .modular-dashboard .widget {
+      /* stylelint-disable-next-line plugin/no-important -- TODO: pre-existing; revisit whether specificity can win instead */
       width: 100% !important;
     }
@@ -39,10 +42,9 @@
   .modular-dashboard.editing .widget-content {
     user-select: none;
     -webkit-user-select: none;
-    pointer-events: none;
   }
-  .modular-dashboard.editing .draggable {
+  .modular-dashboard.editing .widget-wrapper__drag-btn {
     cursor: grab;
   }
@@ -107,7 +109,10 @@
     position: absolute;
     inset: 0;
     z-index: 5;
-    pointer-events: none;
+    border: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
     background: rgba(0, 0, 0, 0.35);
     outline: var(--accessibility-outline);
     outline-offset: var(--accessibility-outline-offset);

package/dist/views/Dashboard/Default/ModularDashboard/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAS3D,OAAO,aAAa,CAAA;AAIpB,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,~~8BAiDrE~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAS3D,OAAO,aAAa,CAAA;AAIpB,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,8BAkDrE"}

package/dist/views/Dashboard/Default/ModularDashboard/index.js CHANGED Viewed

@@ -41,6 +41,7 @@ export async function ModularDashboard(props) {
           locale,
           permissions,
           req,
+          user,
           widgetData,
           widgetSlug
         }

package/dist/views/Dashboard/Default/ModularDashboard/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","RenderServerComponent","ModularDashboardClient","getItemsFromConfig","getItemsFromPreferences","extractLocaleData","ModularDashboard","props","defaultLayout","widgets","payload","config","admin","dashboard","importMap","user","cookies","locale","permissions","req","initPageResult","i18n","layout","serverLayout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","widgetConfig","find","widget","slug","widgetData","fields","length","data","component","Component","serverProps","item","clientWidgets","_","__","label","rest","t","_jsx","clientLayout"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { ClientWidget, Field, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport type { DashboardViewServerProps } from '../index.js'\nimport type { WidgetInstanceClient } from './index.client.js'\n\nimport { RenderServerComponent } from '../../../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ModularDashboardClient } from '../../../../exports/client/index.js'\nimport { getItemsFromConfig } from './utils/getItemsFromConfig.js'\nimport { getItemsFromPreferences } from './utils/getItemsFromPreferences.js'\nimport { extractLocaleData } from './utils/localeUtils.js'\nimport './index.css'\n\ntype ServerLayout = WidgetInstanceClient[]\n\nexport async function ModularDashboard(props: DashboardViewServerProps) {\n const { defaultLayout = [], widgets = [] } = props.payload.config.admin.dashboard \|\| {}\n const { importMap } = props.payload\n const { user } = props\n const { cookies, locale, permissions, req } = props.initPageResult\n const { i18n } = req\n\n const layout =\n (await getItemsFromPreferences(props.payload, user)) ??\n (await getItemsFromConfig(defaultLayout, req, widgets))\n\n const serverLayout: ServerLayout = layout.map((layoutItem) => {\n const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n const widgetData = widgetConfig?.fields?.length\n ? extractLocaleData(layoutItem.data \|\| {}, req.locale \|\| 'en', widgetConfig.fields)\n : layoutItem.data \|\| {}\n\n return {\n component: RenderServerComponent({\n Component: widgetConfig?.Component,\n importMap,\n serverProps: {\n cookies,\n locale,\n permissions,\n req,\n widgetData,\n widgetSlug,\n } satisfies WidgetServerProps,\n }),\n item: layoutItem,\n }\n })\n\n // Resolve function labels to static labels for client components\n const clientWidgets: ClientWidget[] = widgets.map((widget) => {\n const { Component: _, fields: __, label, ...rest } = widget\n return {\n ...rest,\n label: typeof label === 'function' ? label({ i18n, t: i18n.t as TFunction }) : label,\n }\n })\n\n return (\n <div>\n <ModularDashboardClient clientLayout={serverLayout} widgets={clientWidgets} />\n </div>\n )\n}\n"],"mappings":";AAGA,OAAOA,KAAA,MAAW;AAKlB,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,sBAAsB,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAIP,OAAO,eAAeC,iBAAiBC,KAA+B;EACpE,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGF,KAAA,CAAMG,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACtF,MAAM;IAAEC;EAAS,CAAE,GAAGP,KAAA,CAAMG,OAAO;EACnC,MAAM;IAAEK;EAAI,CAAE,GAAGR,KAAA;EACjB,MAAM;IAAES,OAAO;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGZ,KAAA,CAAMa,cAAc;EAClE,MAAM;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAEjB,MAAMG,MAAA,GACJ,OAAOlB,uBAAA,CAAwBG,KAAA,CAAMG,OAAO,EAAEK,IAAA,OAC7C,MAAMZ,kBAAA,CAAmBK,aAAA,EAAeW,GAAA,EAAKV,OAAA;EAEhD,MAAMc,YAAA,GAA6BD,MAAA,CAAOE,GAAG,CAAEC,UAAA;IAC7C,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,MAAMC,YAAA,GAAerB,OAAA,CAAQsB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKP,UAAA;IAC9D,MAAMQ,UAAA,GAAaJ,YAAA,EAAcK,MAAA,EAAQC,MAAA,GACrC/B,iBAAA,CAAkBoB,UAAA,CAAWY,IAAI,IAAI,CAAC,GAAGlB,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAaK,MAAM,IAChFV,UAAA,CAAWY,IAAI,IAAI,CAAC;IAExB,OAAO;MACLC,SAAA,EAAWrC,qBAAA,CAAsB;QAC/BsC,SAAA,EAAWT,YAAA,EAAcS,SAAA;QACzBzB,SAAA;QACA0B,WAAA,EAAa;UACXxB,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;~~UACAe~~,UAAA;UACAR;QACF;MACF;MACAe,IAAA,EAAMhB;IACR;EACF;EAEA;EACA,MAAMiB,aAAA,GAAgCjC,OAAA,CAAQe,GAAG,CAAEQ,MAAA;IACjD,MAAM;MAAEO,SAAA,EAAWI,CAAC;MAAER,MAAA,EAAQS,EAAE;MAAEC,KAAK;MAAE,GAAGC;IAAA,CAAM,GAAGd,MAAA;IACrD,OAAO;MACL,GAAGc,IAAI;MACPD,KAAA,EAAO,OAAOA,KAAA,KAAU,aAAaA,KAAA,CAAM;QAAExB,IAAA;QAAM0B,CAAA,EAAG1B,IAAA,CAAK0B;MAAe,KAAKF;IACjF;EACF;EAEA,oBACEG,IAAA,CAAC;cACC,aAAAA,IAAA,CAAC9C,sBAAA;MAAuB+C,YAAA,EAAc1B,YAAA;MAAcd,OAAA,EAASiC;;;AAGnE","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","RenderServerComponent","ModularDashboardClient","getItemsFromConfig","getItemsFromPreferences","extractLocaleData","ModularDashboard","props","defaultLayout","widgets","payload","config","admin","dashboard","importMap","user","cookies","locale","permissions","req","initPageResult","i18n","layout","serverLayout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","widgetConfig","find","widget","slug","widgetData","fields","length","data","component","Component","serverProps","item","clientWidgets","_","__","label","rest","t","_jsx","clientLayout"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { ClientWidget, Field, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport type { DashboardViewServerProps } from '../index.js'\nimport type { WidgetInstanceClient } from './index.client.js'\n\nimport { RenderServerComponent } from '../../../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ModularDashboardClient } from '../../../../exports/client/index.js'\nimport { getItemsFromConfig } from './utils/getItemsFromConfig.js'\nimport { getItemsFromPreferences } from './utils/getItemsFromPreferences.js'\nimport { extractLocaleData } from './utils/localeUtils.js'\nimport './index.css'\n\ntype ServerLayout = WidgetInstanceClient[]\n\nexport async function ModularDashboard(props: DashboardViewServerProps) {\n const { defaultLayout = [], widgets = [] } = props.payload.config.admin.dashboard \|\| {}\n const { importMap } = props.payload\n const { user } = props\n const { cookies, locale, permissions, req } = props.initPageResult\n const { i18n } = req\n\n const layout =\n (await getItemsFromPreferences(props.payload, user)) ??\n (await getItemsFromConfig(defaultLayout, req, widgets))\n\n const serverLayout: ServerLayout = layout.map((layoutItem) => {\n const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n const widgetData = widgetConfig?.fields?.length\n ? extractLocaleData(layoutItem.data \|\| {}, req.locale \|\| 'en', widgetConfig.fields)\n : layoutItem.data \|\| {}\n\n return {\n component: RenderServerComponent({\n Component: widgetConfig?.Component,\n importMap,\n serverProps: {\n cookies,\n locale,\n permissions,\n req,\n user,\n widgetData,\n widgetSlug,\n } satisfies WidgetServerProps,\n }),\n item: layoutItem,\n }\n })\n\n // Resolve function labels to static labels for client components\n const clientWidgets: ClientWidget[] = widgets.map((widget) => {\n const { Component: _, fields: __, label, ...rest } = widget\n return {\n ...rest,\n label: typeof label === 'function' ? label({ i18n, t: i18n.t as TFunction }) : label,\n }\n })\n\n return (\n <div>\n <ModularDashboardClient clientLayout={serverLayout} widgets={clientWidgets} />\n </div>\n )\n}\n"],"mappings":";AAGA,OAAOA,KAAA,MAAW;AAKlB,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,sBAAsB,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAIP,OAAO,eAAeC,iBAAiBC,KAA+B;EACpE,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGF,KAAA,CAAMG,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACtF,MAAM;IAAEC;EAAS,CAAE,GAAGP,KAAA,CAAMG,OAAO;EACnC,MAAM;IAAEK;EAAI,CAAE,GAAGR,KAAA;EACjB,MAAM;IAAES,OAAO;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGZ,KAAA,CAAMa,cAAc;EAClE,MAAM;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAEjB,MAAMG,MAAA,GACJ,OAAOlB,uBAAA,CAAwBG,KAAA,CAAMG,OAAO,EAAEK,IAAA,OAC7C,MAAMZ,kBAAA,CAAmBK,aAAA,EAAeW,GAAA,EAAKV,OAAA;EAEhD,MAAMc,YAAA,GAA6BD,MAAA,CAAOE,GAAG,CAAEC,UAAA;IAC7C,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,MAAMC,YAAA,GAAerB,OAAA,CAAQsB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKP,UAAA;IAC9D,MAAMQ,UAAA,GAAaJ,YAAA,EAAcK,MAAA,EAAQC,MAAA,GACrC/B,iBAAA,CAAkBoB,UAAA,CAAWY,IAAI,IAAI,CAAC,GAAGlB,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAaK,MAAM,IAChFV,UAAA,CAAWY,IAAI,IAAI,CAAC;IAExB,OAAO;MACLC,SAAA,EAAWrC,qBAAA,CAAsB;QAC/BsC,SAAA,EAAWT,YAAA,EAAcS,SAAA;QACzBzB,SAAA;QACA0B,WAAA,EAAa;UACXxB,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;UACAJ,IAAA;UACAmB,UAAA;UACAR;QACF;MACF;MACAe,IAAA,EAAMhB;IACR;EACF;EAEA;EACA,MAAMiB,aAAA,GAAgCjC,OAAA,CAAQe,GAAG,CAAEQ,MAAA;IACjD,MAAM;MAAEO,SAAA,EAAWI,CAAC;MAAER,MAAA,EAAQS,EAAE;MAAEC,KAAK;MAAE,GAAGC;IAAA,CAAM,GAAGd,MAAA;IACrD,OAAO;MACL,GAAGc,IAAI;MACPD,KAAA,EAAO,OAAOA,KAAA,KAAU,aAAaA,KAAA,CAAM;QAAExB,IAAA;QAAM0B,CAAA,EAAG1B,IAAA,CAAK0B;MAAe,KAAKF;IACjF;EACF;EAEA,oBACEG,IAAA,CAAC;cACC,aAAAA,IAAA,CAAC9C,sBAAA;MAAuB+C,YAAA,EAAc1B,YAAA;MAAcd,OAAA,EAASiC;;;AAGnE","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RenderWidget.js","names":["c","_c","React","useCallback","useEffect","useRef","ShimmerEffect","useServerFunctions","RenderWidget","t0","$","widgetData","widgetId","Component","setComponent","useState","serverFunction","requestIDRef","t1","render","requestID","current","widgetSlug","slice","lastIndexOf","result","name","args","component","t2","createElement","style","background","border","borderRadius","color","padding","textAlign","renderWidget","t3","t4","Symbol","for","_jsx","height","_Fragment","children"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n RenderWidgetServerFnArgs,\n RenderWidgetServerFnReturnType,\n} from './renderWidgetServerFn.js'\n\nimport { ShimmerEffect } from '../../../../../elements/ShimmerEffect/index.js'\nimport { useServerFunctions } from '../../../../../providers/ServerFunctions/index.js'\n\n/*\n Utility to render a widget on-demand on the client.\n /\nexport const RenderWidget: React.FC<{\n /\n Instance-specific data for this widget\n /\n widgetData?: Record<string, unknown>\n /\n Unique ID for this widget instance (format: \"slug-timestamp\")\n */\n widgetId: string\n}> = ({ widgetData, widgetId }) => {\n const [Component, setComponent] = React.useState<null \| React.ReactNode>(null)\n const { serverFunction } = useServerFunctions()\n const requestIDRef = useRef(0)\n\n const renderWidget = useCallback(() => {\n async function render() {\n const requestID = ++requestIDRef.current\n setComponent(null)\n\n try {\n const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf('-'))\n\n const result = (await serverFunction({\n name: 'render-widget',\n args: {\n widgetData,\n widgetSlug,\n } ~~as RenderWidgetServerFnArgs~~,\n })) as RenderWidgetServerFnReturnType\n\n if (requestID !== requestIDRef.current) {\n return\n }\n\n setComponent(result.component)\n } catch (_error) {\n if (requestID !== requestIDRef.current) {\n return\n }\n\n // Log error but don't expose details to console in production\n\n // Fallback error component\n setComponent(\n React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-danger-tertiary)',\n border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text-danger)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n 'Failed to load widget. Please try again later.',\n ),\n )\n }\n }\n void render()\n }, [serverFunction, widgetData, widgetId])\n\n useEffect(() => {\n void renderWidget()\n }, [renderWidget])\n\n if (!Component) {\n return <ShimmerEffect height=\"100%\" />\n }\n\n return <>{Component}</>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAOtD,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AAEnC;;;AAGA,OAAO,MAAMC,YAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B,OAAAI,SAAA,EAAAC,YAAA,IAAkCZ,KAAA,CAAAa,~~QAAA~~,~~KAAuC~~;EACzE;IAAAC;EAAA,IAA2BT,kBAAA;EAC3B,MAAAU,YAAA,GAAqBZ,MAAA,~~EAAO~~;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,QAAA;IAEKM,EAAA,GAAAA,CAAA;MAC/B,MAAAC,MAAA,kBAAAA,OAAA;QACE,MAAAC,SAAA,GAAoBH,YAAA,CAAAI,OAAA,GAAAJ,YAAA,CAAAI,~~OAAA,IAAoB~~;QACxCP,YAAA,~~KAAa~~;QAAA;~~QAAA~~;~~UAGX~~,MAAAQ,UAAA,GAAmBV,QAAA,CAAAW,~~KAAA~~,~~IAAkBX~~,QAAA,CAAAY,~~WAAA~~,~~CAAqB~~;UAE1D,MAAAC,MAAA,~~SAAsBT~~,cAAA;YAAAU,IAAA,~~EACd~~;YAAAC,IAAA;cAAAhB,UAAA;cAAAW;~~YAAA~~;~~UAAA,CAKR~~;~~UAAA~~,~~IAEIF~~,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAItCP,YAAA,CAAaW,MAAA,CAAAG,SAAgB;QAAA,SAAAC,EAAA;~~UAAA~~,~~IAEzBT~~,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAOtCP,YAAA,CACEZ,KAAA,CAAA4B,~~aAAA~~,~~CACE~~;YAAAC,KAAA;cAAAC,UAAA,~~EAGgB~~;cAAAC,MAAA,EACJ;cAAAC,YAAA,EACM;cAAAC,KAAA,EACP;cAAAC,OAAA,EACE;cAAAC,SAAA,EACE;~~YAAA~~;~~UAAA~~,~~GAGf~~;QAAA;~~MAAA~~;~~MAKHlB~~,MAAA;IAAA;~~IACPT~~,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAhDA,MAAA4B,YAAA,GAAqBpB,EAgDoB;EAAA,IAAAW,EAAA;EAAA,IAAAU,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,YAAA;IAE/BT,EAAA,GAAAA,CAAA;MACHS,YAAA;IAAA;~~IACJC~~,EAAA,IAACD,YAAA;~~IAAa5B~~,CAAA,MAAA4B,YAAA;IAAA5B,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAV,EAAA,GAAAnB,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAFjBN,SAAA,CAAUyB,EAEV,EAAGU,EAAc;~~EAAA~~,~~KAEZ1B~~,SAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA9B,CAAA,QAAA+B,MAAA,CAAAC,GAAA;MACIF,EAAA,GAAAG,IAAA,~~CAAArC~~,aAAA;QAAAsC,MAAA,~~EAAsB;MAAA,C;;;;;~~WAAtBJ,E~~;;;;IAGFA~~,EAAA,GAAAG,IAAA,CAAAE,SAAA;MAAAC,QAAA,EAAGjC~~;IAAA,C;;;;;;~~SAAH2B,E;CACT","ignoreList":[]}
1	+ {"version":3,"file":"RenderWidget.js","names":["c","_c","React","useCallback","useEffect","useRef","ShimmerEffect","useServerFunctions","RenderWidget","t0","$","widgetData","widgetId","Component","setComponent","useState","serverFunction","requestIDRef","t1","render","requestID","current","widgetSlug","slice","lastIndexOf","result","name","args","component","t2","createElement","style","background","border","borderRadius","color","padding","textAlign","renderWidget","t3","t4","Symbol","for","_jsx","height","_Fragment","children"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n RenderWidgetServerFnArgs,\n RenderWidgetServerFnReturnType,\n} from './renderWidgetServerFn.js'\n\nimport { ShimmerEffect } from '../../../../../elements/ShimmerEffect/index.js'\nimport { useServerFunctions } from '../../../../../providers/ServerFunctions/index.js'\n\n/*\n Utility to render a widget on-demand on the client.\n /\nexport const RenderWidget: React.FC<{\n /\n Instance-specific data for this widget\n /\n widgetData?: Record<string, unknown>\n /\n Unique ID for this widget instance (format: \"slug-timestamp\")\n */\n widgetId: string\n}> = ({ widgetData, widgetId }) => {\n const [Component, setComponent] = React.useState<null \| React.ReactNode>(null)\n const { serverFunction } = useServerFunctions()\n const requestIDRef = useRef(0)\n\n const renderWidget = useCallback(() => {\n async function render() {\n const requestID = ++requestIDRef.current\n setComponent(null)\n\n try {\n const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf('-'))\n\n const result = (await serverFunction({\n name: 'render-widget',\n args: {\n widgetData,\n widgetSlug,\n },\n })) as RenderWidgetServerFnReturnType\n\n if (requestID !== requestIDRef.current) {\n return\n }\n\n setComponent(result.component)\n } catch (_error) {\n if (requestID !== requestIDRef.current) {\n return\n }\n\n // Log error but don't expose details to console in production\n\n // Fallback error component\n setComponent(\n React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-danger-tertiary)',\n border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text-danger)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n 'Failed to load widget. Please try again later.',\n ),\n )\n }\n }\n void render()\n }, [serverFunction, widgetData, widgetId])\n\n useEffect(() => {\n void renderWidget()\n }, [renderWidget])\n\n if (!Component) {\n return <ShimmerEffect height=\"100%\" />\n }\n\n return <>{Component}</>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAOtD,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AAEnC;;;AAGA,OAAO,MAAMC,YAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B,OAAAI,SAAA,EAAAC,YAAA,IAAkCZ,KAAA,CAAAa,QAAc,CAAyB;EACzE;IAAAC;EAAA,IAA2BT,kBAAA;EAC3B,MAAAU,YAAA,GAAqBZ,MAAA,CAAO;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,QAAA;IAEKM,EAAA,GAAAA,CAAA;MAC/B,MAAAC,MAAA,kBAAAA,OAAA;QACE,MAAAC,SAAA,GAAoBH,YAAA,CAAAI,OAAA,GAAAJ,YAAA,CAAAI,OAAoB;QACxCP,YAAA,CAAa;QAAA;QAEb;UACE,MAAAQ,UAAA,GAAmBV,QAAA,CAAAW,KAAc,CAAC,GAAGX,QAAA,CAAAY,WAAoB,CAAC;UAE1D,MAAAC,MAAA,GAAgB,MAAMT,cAAA,CAAe;YAAAU,IAAA,EAC7B;YAAAC,IAAA,EACA;cAAAhB,UAAA;cAAAW;YAGN;UACF;UAEA,IAAIF,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAItCP,YAAA,CAAaW,MAAA,CAAAG,SAAgB;QAAA,SAAAC,EAAA;UAE7B,IAAIT,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAOtCP,YAAA,CACEZ,KAAA,CAAA4B,aAAmB,CACjB,OACA;YAAAC,KAAA,EACS;cAAAC,UAAA,EACO;cAAAC,MAAA,EACJ;cAAAC,YAAA,EACM;cAAAC,KAAA,EACP;cAAAC,OAAA,EACE;cAAAC,SAAA,EACE;YACb;UACF,GACA;QAAA;MAGN,CACF;MACKlB,MAAA;IAAA,CACP;IAAAT,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAhDA,MAAA4B,YAAA,GAAqBpB,EAgDoB;EAAA,IAAAW,EAAA;EAAA,IAAAU,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,YAAA;IAE/BT,EAAA,GAAAA,CAAA;MACHS,YAAA;IAAA,CACP;IAAGC,EAAA,IAACD,YAAA,CAAa;IAAA5B,CAAA,MAAA4B,YAAA;IAAA5B,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAV,EAAA,GAAAnB,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAFjBN,SAAA,CAAUyB,EAEV,EAAGU,EAAc;EAEjB,IAAI,CAAC1B,SAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA9B,CAAA,QAAA+B,MAAA,CAAAC,GAAA;MACIF,EAAA,GAAAG,IAAA,CAACrC,aAAA;QAAAsC,MAAA,EAAqB;;;;;;WAAtBJ,E;;EACT,IAAAA,EAAA;EAAA,IAAA9B,CAAA,QAAAG,SAAA;IAEO2B,EAAA,GAAAG,IAAA,CAAAE,SAAA;MAAAC,QAAA,EAAGjC;;;;;;;SAAH2B,E;CACT","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getDefaultLayoutServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,oBAAoB,CAAA;AAI1E,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEhE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,MAAM,EAAE,oBAAoB,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAClD,4BAA4B,EAC5B,OAAO,CAAC,kCAAkC,CAAC,~~CA+B5C~~,CAAA"}
1	+ {"version":3,"file":"getDefaultLayoutServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,oBAAoB,CAAA;AAI1E,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEhE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,MAAM,EAAE,oBAAoB,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAClD,4BAA4B,EAC5B,OAAO,CAAC,kCAAkC,CAAC,CAgC5C,CAAA"}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.js CHANGED Viewed

@@ -7,7 +7,8 @@ export const getDefaultLayoutHandler = async ({
   cookies,
   locale,
   permissions,
-  req
+  req,
+  user
 }) => {
   if (!req.user) {
     throw new Error('Unauthorized');
@@ -31,6 +32,7 @@ export const getDefaultLayoutHandler = async ({
           locale,
           permissions,
           req,
+          user,
           widgetData: layoutItem.data || {},
           widgetSlug
         }

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getDefaultLayoutServerFn.js","names":["RenderServerComponent","getDefaultLayoutHandler","cookies","locale","permissions","req","user","Error","defaultLayout","widgets","payload","config","admin","dashboard","importMap","layoutItems","getItemsFromConfig","layout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","component","Component","find","widget","slug","serverProps","widgetData","data","item","widgetInstances","widgetInstance","index","w","maxWidth","minWidth","width"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"sourcesContent":["import type {\n DashboardConfig,\n PayloadRequest,\n ServerFunction,\n Widget,\n WidgetServerProps,\n} from 'payload'\n\nimport type { WidgetInstanceClient, WidgetItem } from '../index.client.js'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\n\nexport type GetDefaultLayoutServerFnArgs = Record<string, never>\n\nexport type GetDefaultLayoutServerFnReturnType = {\n layout: WidgetInstanceClient[]\n}\n\n/*\n Server function to get the default dashboard layout on-demand.\n * Used when resetting the dashboard to its default configuration.\n */\nexport const getDefaultLayoutHandler: ServerFunction<\n GetDefaultLayoutServerFnArgs,\n Promise<GetDefaultLayoutServerFnReturnType>\n> = async ({ cookies, locale, permissions, req }) => {\n if (!req.user) {\n throw new Error('Unauthorized')\n }\n\n const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard \|\| {}\n const { importMap } = req.payload\n\n const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets)\n\n const layout: WidgetInstanceClient[] = layoutItems.map((layoutItem) => {\n const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n return {\n component: RenderServerComponent({\n Component: widgets.find((widget) => widget.slug === widgetSlug)?.Component,\n importMap,\n serverProps: {\n cookies,\n locale,\n permissions,\n req,\n widgetData: layoutItem.data \|\| {},\n widgetSlug,\n } satisfies WidgetServerProps,\n }),\n item: layoutItem,\n }\n })\n\n return { layout }\n}\n\nasync function getItemsFromConfig(\n defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n req: PayloadRequest,\n widgets: Pick<Widget, 'maxWidth' \| 'minWidth' \| 'slug'>[],\n): Promise<WidgetItem[]> {\n let widgetInstances\n if (typeof defaultLayout === 'function') {\n widgetInstances = await defaultLayout({ req })\n } else {\n widgetInstances = defaultLayout\n }\n\n return widgetInstances.map((widgetInstance, index) => {\n const widget = widgets.find((w) => w.slug === widgetInstance.widgetSlug)\n return {\n id: `${widgetInstance.widgetSlug}-${index}`,\n data: widgetInstance.data,\n maxWidth: widget?.maxWidth ?? 'full',\n minWidth: widget?.minWidth ?? 'x-small',\n width: widgetInstance.width \|\| 'x-small',\n }\n })\n}\n"],"mappings":"AAUA,SAASA,qBAAqB,QAAQ;AAQtC;;;;AAIA,OAAO,MAAMC,uBAAA,GAGT,MAAAA,CAAO;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC;~~AAAG~~,CAAE;~~EAC9C~~,IAAI,~~CAACA~~,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGJ,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACpF,MAAM;IAAEC;EAAS,CAAE,GAAGT,GAAA,CAAIK,OAAO;EAEjC,MAAMK,WAAA,GAAc,MAAMC,kBAAA,CAAmBR,aAAA,EAAeH,GAAA,EAAKI,OAAA;EAEjE,MAAMQ,MAAA,GAAiCF,WAAA,CAAYG,GAAG,CAAEC,UAAA;IACtD,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,OAAO;MACLC,SAAA,EAAWxB,qBAAA,CAAsB;QAC/ByB,SAAA,EAAWhB,OAAA,CAAQiB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKR,UAAA,GAAaK,SAAA;QACjEX,SAAA;QACAe,WAAA,EAAa;UACX3B,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;~~UACAyB~~,UAAA,EAAYX,UAAA,CAAWY,IAAI,IAAI,CAAC;UAChCX;QACF;MACF;MACAY,IAAA,EAAMb;IACR;EACF;EAEA,OAAO;IAAEF;EAAO;AAClB;AAEA,eAAeD,mBACbR,aAA4D,EAC5DH,GAAmB,EACnBI,OAAyD;EAEzD,IAAIwB,eAAA;EACJ,IAAI,OAAOzB,aAAA,KAAkB,YAAY;IACvCyB,eAAA,GAAkB,MAAMzB,aAAA,CAAc;MAAEH;IAAI;EAC9C,OAAO;IACL4B,eAAA,GAAkBzB,aAAA;EACpB;EAEA,OAAOyB,eAAA,CAAgBf,GAAG,CAAC,CAACgB,cAAA,EAAgBC,KAAA;IAC1C,MAAMR,MAAA,GAASlB,OAAA,CAAQiB,IAAI,CAAEU,CAAA,IAAMA,CAAA,CAAER,IAAI,KAAKM,cAAA,CAAed,UAAU;IACvE,OAAO;MACLC,EAAA,EAAI,GAAGa,cAAA,CAAed,UAAU,IAAIe,KAAA,EAAO;MAC3CJ,IAAA,EAAMG,cAAA,CAAeH,IAAI;MACzBM,QAAA,EAAUV,MAAA,EAAQU,QAAA,IAAY;MAC9BC,QAAA,EAAUX,MAAA,EAAQW,QAAA,IAAY;MAC9BC,KAAA,EAAOL,cAAA,CAAeK,KAAK,IAAI;IACjC;EACF;AACF","ignoreList":[]}
1	+ {"version":3,"file":"getDefaultLayoutServerFn.js","names":["RenderServerComponent","getDefaultLayoutHandler","cookies","locale","permissions","req","user","Error","defaultLayout","widgets","payload","config","admin","dashboard","importMap","layoutItems","getItemsFromConfig","layout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","component","Component","find","widget","slug","serverProps","widgetData","data","item","widgetInstances","widgetInstance","index","w","maxWidth","minWidth","width"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"sourcesContent":["import type {\n DashboardConfig,\n PayloadRequest,\n ServerFunction,\n Widget,\n WidgetServerProps,\n} from 'payload'\n\nimport type { WidgetInstanceClient, WidgetItem } from '../index.client.js'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\n\nexport type GetDefaultLayoutServerFnArgs = Record<string, never>\n\nexport type GetDefaultLayoutServerFnReturnType = {\n layout: WidgetInstanceClient[]\n}\n\n/*\n Server function to get the default dashboard layout on-demand.\n * Used when resetting the dashboard to its default configuration.\n */\nexport const getDefaultLayoutHandler: ServerFunction<\n GetDefaultLayoutServerFnArgs,\n Promise<GetDefaultLayoutServerFnReturnType>\n> = async ({ cookies, locale, permissions, req, user }) => {\n if (!req.user) {\n throw new Error('Unauthorized')\n }\n\n const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard \|\| {}\n const { importMap } = req.payload\n\n const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets)\n\n const layout: WidgetInstanceClient[] = layoutItems.map((layoutItem) => {\n const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n return {\n component: RenderServerComponent({\n Component: widgets.find((widget) => widget.slug === widgetSlug)?.Component,\n importMap,\n serverProps: {\n cookies,\n locale,\n permissions,\n req,\n user,\n widgetData: layoutItem.data \|\| {},\n widgetSlug,\n } satisfies WidgetServerProps,\n }),\n item: layoutItem,\n }\n })\n\n return { layout }\n}\n\nasync function getItemsFromConfig(\n defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n req: PayloadRequest,\n widgets: Pick<Widget, 'maxWidth' \| 'minWidth' \| 'slug'>[],\n): Promise<WidgetItem[]> {\n let widgetInstances\n if (typeof defaultLayout === 'function') {\n widgetInstances = await defaultLayout({ req })\n } else {\n widgetInstances = defaultLayout\n }\n\n return widgetInstances.map((widgetInstance, index) => {\n const widget = widgets.find((w) => w.slug === widgetInstance.widgetSlug)\n return {\n id: `${widgetInstance.widgetSlug}-${index}`,\n data: widgetInstance.data,\n maxWidth: widget?.maxWidth ?? 'full',\n minWidth: widget?.minWidth ?? 'x-small',\n width: widgetInstance.width \|\| 'x-small',\n }\n })\n}\n"],"mappings":"AAUA,SAASA,qBAAqB,QAAQ;AAQtC;;;;AAIA,OAAO,MAAMC,uBAAA,GAGT,MAAAA,CAAO;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC;AAAI,CAAE;EACpD,IAAI,CAACD,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGJ,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACpF,MAAM;IAAEC;EAAS,CAAE,GAAGT,GAAA,CAAIK,OAAO;EAEjC,MAAMK,WAAA,GAAc,MAAMC,kBAAA,CAAmBR,aAAA,EAAeH,GAAA,EAAKI,OAAA;EAEjE,MAAMQ,MAAA,GAAiCF,WAAA,CAAYG,GAAG,CAAEC,UAAA;IACtD,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,OAAO;MACLC,SAAA,EAAWxB,qBAAA,CAAsB;QAC/ByB,SAAA,EAAWhB,OAAA,CAAQiB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKR,UAAA,GAAaK,SAAA;QACjEX,SAAA;QACAe,WAAA,EAAa;UACX3B,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;UACAC,IAAA;UACAwB,UAAA,EAAYX,UAAA,CAAWY,IAAI,IAAI,CAAC;UAChCX;QACF;MACF;MACAY,IAAA,EAAMb;IACR;EACF;EAEA,OAAO;IAAEF;EAAO;AAClB;AAEA,eAAeD,mBACbR,aAA4D,EAC5DH,GAAmB,EACnBI,OAAyD;EAEzD,IAAIwB,eAAA;EACJ,IAAI,OAAOzB,aAAA,KAAkB,YAAY;IACvCyB,eAAA,GAAkB,MAAMzB,aAAA,CAAc;MAAEH;IAAI;EAC9C,OAAO;IACL4B,eAAA,GAAkBzB,aAAA;EACpB;EAEA,OAAOyB,eAAA,CAAgBf,GAAG,CAAC,CAACgB,cAAA,EAAgBC,KAAA;IAC1C,MAAMR,MAAA,GAASlB,OAAA,CAAQiB,IAAI,CAAEU,CAAA,IAAMA,CAAA,CAAER,IAAI,KAAKM,cAAA,CAAed,UAAU;IACvE,OAAO;MACLC,EAAA,EAAI,GAAGa,cAAA,CAAed,UAAU,IAAIe,KAAA,EAAO;MAC3CJ,IAAA,EAAMG,cAAA,CAAeH,IAAI;MACzBM,QAAA,EAAUV,MAAA,EAAQU,QAAA,IAAY;MAC9BC,QAAA,EAAUX,MAAA,EAAQW,QAAA,IAAY;MAC9BC,KAAA,EAAOL,cAAA,CAAeK,KAAK,IAAI;IACjC;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderWidgetServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,cAAc,EAAqB,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAC9C,wBAAwB,EACxB,8BAA8B,~~CA8E~~/B,CAAA"}
1	+ {"version":3,"file":"renderWidgetServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,cAAc,EAAqB,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAC9C,wBAAwB,EACxB,8BAA8B,CA+E/B,CAAA"}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js CHANGED Viewed

@@ -10,6 +10,7 @@ export const renderWidgetHandler = ({
   locale,
   permissions,
   req,
+  user,
   widgetData,
   widgetSlug
 }) => {
@@ -45,6 +46,7 @@ export const renderWidgetHandler = ({
       locale,
       permissions,
       req,
+      user,
       widgetData: localeFilteredData,
       widgetSlug
     };

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","~~widgetData~~","~~widgetSlug~~","~~user~~","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n /*\n Instance-specific data for this widget\n /\n widgetData?: Record<string, unknown>\n /\n The slug of the widget to render\n /\n widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n component: React.ReactNode\n}\n\n/\n Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n RenderWidgetServerFnArgs,\n RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n if (!req.user) {\n throw new Error('Unauthorized')\n }\n\n const { widgets } = req.payload.config.admin.dashboard\n const { importMap } = req.payload\n\n // Find the widget configuration\n const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n if (!widgetConfig) {\n return {\n component: React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-secondary)',\n border: 'var(--stroke-width-small) solid var(--color-border)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n `Widget \"${widgetSlug}\" not found`,\n ),\n }\n }\n\n try {\n const localeFilteredData = widgetConfig.fields?.length\n ? extractLocaleData(widgetData \|\| {}, req.locale \|\| 'en', widgetConfig.fields)\n : widgetData \|\| {}\n\n const serverProps: WidgetServerProps = {\n cookies,\n locale,\n permissions,\n req,\n widgetData: localeFilteredData,\n widgetSlug,\n }\n\n // Render the widget server component\n const component = RenderServerComponent({\n Component: widgetConfig.Component,\n importMap,\n serverProps,\n })\n\n return { component }\n } catch (error) {\n const errorMessage = error instanceof Error ? error.message : String(error)\n\n req.payload.logger.error({\n err: error,\n msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n })\n\n return {\n component: React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-danger-tertiary)',\n border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text-danger)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n 'Error loading widget',\n ),\n }\n }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;~~EAChE~~,IAAI,~~CAACF~~,GAAA,~~CAAIG~~,IAAI,EAAE;IACb,MAAM,~~IAAIC~~,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,~~KAAKZ~~,UAAA;EAE9D,IAAI,~~CAACS~~,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,~~WAAWrB~~,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,~~MAAMsB~~,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,~~CAAkBM~~,UAAA,IAAc,CAAC,~~GAAGD~~,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,~~IAC3ExB~~,UAAA,IAAc,CAAC;IAEnB,~~MAAM0B~~,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,~~EAAYuB~~,kBAAA;~~MACZtB~~;IACF;IAEA;IACA,~~MAAMa~~,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,~~2BAA2BjC~~,UAAA,~~MAAgB4B~~,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}
1	+ {"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","user","widgetData","widgetSlug","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n /*\n Instance-specific data for this widget\n /\n widgetData?: Record<string, unknown>\n /\n The slug of the widget to render\n /\n widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n component: React.ReactNode\n}\n\n/\n Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n RenderWidgetServerFnArgs,\n RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, user, widgetData, widgetSlug }) => {\n if (!req.user) {\n throw new Error('Unauthorized')\n }\n\n const { widgets } = req.payload.config.admin.dashboard\n const { importMap } = req.payload\n\n // Find the widget configuration\n const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n if (!widgetConfig) {\n return {\n component: React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-secondary)',\n border: 'var(--stroke-width-small) solid var(--color-border)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n `Widget \"${widgetSlug}\" not found`,\n ),\n }\n }\n\n try {\n const localeFilteredData = widgetConfig.fields?.length\n ? extractLocaleData(widgetData \|\| {}, req.locale \|\| 'en', widgetConfig.fields)\n : widgetData \|\| {}\n\n const serverProps: WidgetServerProps = {\n cookies,\n locale,\n permissions,\n req,\n user,\n widgetData: localeFilteredData,\n widgetSlug,\n }\n\n // Render the widget server component\n const component = RenderServerComponent({\n Component: widgetConfig.Component,\n importMap,\n serverProps,\n })\n\n return { component }\n } catch (error) {\n const errorMessage = error instanceof Error ? error.message : String(error)\n\n req.payload.logger.error({\n err: error,\n msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n })\n\n return {\n component: React.createElement(\n 'div',\n {\n style: {\n background: 'var(--color-bg-danger-tertiary)',\n border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n borderRadius: 'var(--radius-medium)',\n color: 'var(--color-text-danger)',\n padding: 'var(--spacer-3)',\n textAlign: 'center',\n },\n },\n 'Error loading widget',\n ),\n }\n }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAU,CAAE;EACtE,IAAI,CAACH,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIG,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKX,UAAA;EAE9D,IAAI,CAACQ,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWpB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMqB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBO,UAAA,IAAc,CAAC,GAAGF,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3EvB,UAAA,IAAc,CAAC;IAEnB,MAAMyB,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,IAAA;MACAC,UAAA,EAAYsB,kBAAA;MACZrB;IACF;IAEA;IACA,MAAMY,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BhC,UAAA,MAAgB2B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export declare function useDashboardLayout(initialLayout: WidgetInstanceClient[]
     resetLayout: () => Promise<void>;
     resizeWidget: (widgetId: string, newWidth: WidgetWidth) => void;
     saveLayout: () => Promise<void>;
-    setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsEditing: (shouldEdit: boolean) => void;
     updateWidgetData: (widgetId: string, data: Record<string, unknown>) => void;
 };
 //# sourceMappingURL=useDashboardLayout.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAA2C,MAAM,OAAO,CAAA;~~AAG~~/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;~~AAWzE~~,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;~~4BAuFvD~~,MAAM;;;;~~6BAkDR~~,MAAM;;~~iDA/DgB~~;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;~~6BAyEpE~~,MAAM,YAAY,WAAW~~;;;iCAsB7B~~,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}
1	+ {"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAYzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAoGvD,MAAM;;;;6BAmDR,MAAM;;iDAhEgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BA0EpE,MAAM,YAAY,WAAW;;+BA3J3B,OAAO;iCAiLT,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js CHANGED Viewed

@@ -2,16 +2,23 @@ import { arrayMove } from '@dnd-kit/sortable';
 import { PREFERENCE_KEYS } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
+import { v4 as uuid } from 'uuid';
 import { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js';
 import { useModal } from '../../../../elements/Modal/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
+import { useEmbed } from '../../../../providers/Embed/index.js';
 import { usePreferences } from '../../../../providers/Preferences/index.js';
 import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { RenderWidget } from './renderWidget/RenderWidget.js';
 export function useDashboardLayout(initialLayout) {
   const setLayoutPreference = useSetLayoutPreference();
-  const [isEditing, setIsEditing] = useState(false);
+  const {
+    isEmbedded
+  } = useEmbed();
+  const [isEditingState, setIsEditingState] = useState(false);
+  const isEditing = !isEmbedded && isEditingState;
+  const setIsEditing = useCallback(shouldEdit => setIsEditingState(shouldEdit && !isEmbedded), [isEmbedded]);
   const {
     widgets = []
   } = useConfig().config.admin.dashboard ?? {};
@@ -26,6 +33,12 @@ export function useDashboardLayout(initialLayout) {
   const {
     t
   } = useTranslation();
+  useEffect(() => {
+    if (isEmbedded) {
+      setIsEditingState(false);
+      setCurrentLayout(initialLayout);
+    }
+  }, [isEmbedded, initialLayout]);
   // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)
   useEffect(() => {
     if (!isEditing) {
@@ -43,7 +56,7 @@ export function useDashboardLayout(initialLayout) {
       setIsEditing(true);
       toast.error(t('error:failedToSaveLayout'));
     }
-  }, [setLayoutPreference, currentLayout]);
+  }, [setLayoutPreference, currentLayout, setIsEditing]);
   const resetLayout = useCallback(async () => {
     try {
       await setLayoutPreference(null);
@@ -56,11 +69,11 @@ export function useDashboardLayout(initialLayout) {
     } catch {
       toast.error(t('error:failedToResetLayout'));
     }
-  }, [setLayoutPreference, serverFunction]);
+  }, [setLayoutPreference, serverFunction, setIsEditing]);
   const performCancel = useCallback(() => {
     setCurrentLayout(initialLayout);
     setIsEditing(false);
-  }, [initialLayout]);
+  }, [initialLayout, setIsEditing]);
   const cancel = useCallback(() => {
     // Check if layout has changed
     const hasChanges = currentLayout.length !== initialLayout.length || currentLayout.some((widget, index) => {
@@ -89,7 +102,7 @@ export function useDashboardLayout(initialLayout) {
     if (!isEditing) {
       return;
     }
-    const widgetId = `${widgetSlug}-${Date.now()}`;
+    const widgetId = `${widgetSlug}-${uuid().replaceAll('-', '')}`;
     const widget = widgets.find(widget => widget.slug === widgetSlug);
     // Create a new widget instance using RenderWidget
     const newWidgetInstance = {
@@ -110,6 +123,9 @@ export function useDashboardLayout(initialLayout) {
     setTimeout(() => {
       const element = document.getElementById(widgetId);
       if (element) {
+        element.focus({
+          preventScroll: true
+        });
         element.scrollIntoView({
           behavior: 'smooth',
           block: 'center'

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDashboardLayout.js","names":["arrayMove","PREFERENCE_KEYS","React","useCallback","useEffect","useState","toast","ConfirmationModal","useModal","useConfig","usePreferences","useServerFunctions","useTranslation","RenderWidget","useDashboardLayout","initialLayout","setLayoutPreference","useSetLayoutPreference","isEditing","setIsEditing","widgets","config","admin","dashboard","currentLayout","setCurrentLayout","openModal","cancelModalSlug","serverFunction","t","saveLayout","layoutData","map","item","error","resetLayout","result","name","args","layout","performCancel","cancel","hasChanges","length","some","widget","index","initialWidget","id","width","JSON","stringify","data","moveWidget","moveFromIndex","moveToIndex","prev","addWidget","widgetSlug","widgetId","Date","now","find","slug","newWidgetInstance","component","createElement","widgetData","maxWidth","minWidth","setTimeout","element","document","getElementById","scrollIntoView","behavior","block","closest","classList","add","remove","deleteWidget","filter","resizeWidget","newWidth","updateWidgetData","cancelModal","body","confirmLabel","heading","modalSlug","onConfirm","setPreference","DASHBOARD_LAYOUT","layouts"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"sourcesContent":["import type { WidgetWidth } from 'payload'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { WidgetInstanceClient, WidgetItem } from './index.client.js'\nimport type { GetDefaultLayoutServerFnReturnType } from './renderWidget/getDefaultLayoutServerFn.js'\n\nimport { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { usePreferences } from '../../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { RenderWidget } from './renderWidget/RenderWidget.js'\n\nexport function useDashboardLayout(initialLayout: WidgetInstanceClient[]) {\n const setLayoutPreference = useSetLayoutPreference()\n const [isEditing, setIsEditing] = useState(false)\n const { widgets = [] } = useConfig().config.admin.dashboard ?? {}\n const [currentLayout, setCurrentLayout] = useState<WidgetInstanceClient[]>(initialLayout)\n const { openModal } = useModal()\n const cancelModalSlug = 'cancel-dashboard-changes'\n const { serverFunction } = useServerFunctions()\n const { t } = useTranslation()\n\n // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)\n useEffect(() => {\n if (!isEditing) {\n setCurrentLayout(initialLayout)\n }\n // do not sync while editing. Depending on `isEditing` in this effect causes an\n // unintended rollback when toggling from editing -> view mode after save.\n }, [initialLayout])\n\n const saveLayout = useCallback(async () => {\n try {\n const layoutData: WidgetItem[] = currentLayout.map((item) => item.item)\n setIsEditing(false)\n await setLayoutPreference(layoutData)\n } catch {\n setIsEditing(true)\n toast.error(t('error:failedToSaveLayout'))\n }\n }, [setLayoutPreference, currentLayout])\n\n const resetLayout = useCallback(async () => {\n try {\n await setLayoutPreference(null)\n\n const result = (await serverFunction({\n name: 'get-default-layout',\n args: {},\n })) as GetDefaultLayoutServerFnReturnType\n\n setCurrentLayout(result.layout)\n setIsEditing(false)\n } catch {\n toast.error(t('error:failedToResetLayout'))\n }\n }, [setLayoutPreference, serverFunction])\n\n const performCancel = useCallback(() => {\n setCurrentLayout(initialLayout)\n setIsEditing(false)\n }, [initialLayout])\n\n const cancel = useCallback(() => {\n // Check if layout has changed\n const hasChanges =\n currentLayout.length !== initialLayout.length \|\|\n currentLayout.some((widget, index) => {\n const initialWidget = initialLayout[index]\n return (\n !initialWidget \|\|\n widget.item.id !== initialWidget.item.id \|\|\n widget.item.width !== initialWidget.item.width \|\|\n JSON.stringify(widget.item.data \|\| {}) !== JSON.stringify(initialWidget.item.data \|\| {})\n )\n })\n\n // If there are changes, show confirmation modal\n if (hasChanges) {\n openModal(cancelModalSlug)\n } else {\n performCancel()\n }\n }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel])\n\n const moveWidget = useCallback(\n ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n if (moveFromIndex === moveToIndex \|\| moveFromIndex < 0 \|\| moveToIndex < 0) {\n return\n }\n\n setCurrentLayout((prev) => {\n return arrayMove(prev, moveFromIndex, moveToIndex)\n })\n },\n [],\n )\n\n const addWidget = useCallback(\n (widgetSlug: string) => {\n if (!isEditing) {\n return\n }\n\n const widgetId = `${widgetSlug}-${Date.now()}`\n const widget = widgets.find((widget) => widget.slug === widgetSlug)\n\n // Create a new widget instance using RenderWidget\n const newWidgetInstance: WidgetInstanceClient = {\n component: React.createElement(RenderWidget, {\n widgetData: {},\n widgetId,\n }),\n item: {\n id: widgetId,\n data: {},\n maxWidth: widget?.maxWidth ?? 'full',\n minWidth: widget?.minWidth ?? 'x-small',\n width: widget?.minWidth ?? 'x-small',\n },\n }\n\n setCurrentLayout((prev) => [...prev, newWidgetInstance])\n\n // Scroll to the newly added widget after it's rendered and highlight it\n setTimeout(() => {\n const element = document.getElementById(widgetId)\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n })\n\n // Add highlight animation to the widget element\n const widget = element.closest('.widget')\n if (widget) {\n widget.classList.add('widget--highlight')\n // Remove the class after animation completes (1.5s fade out)\n setTimeout(() => {\n widget.classList.remove('widget--highlight')\n }, 1500)\n }\n }\n }, 100)\n },\n [isEditing, widgets],\n )\n\n const deleteWidget = useCallback(\n (widgetId: string) => {\n if (!isEditing) {\n return\n }\n setCurrentLayout((prev) => prev.filter((item) => item.item.id !== widgetId))\n },\n [isEditing],\n )\n\n const resizeWidget = useCallback(\n (widgetId: string, newWidth: WidgetWidth) => {\n if (!isEditing) {\n return\n }\n setCurrentLayout((prev) =>\n prev.map((item) =>\n item.item.id === widgetId\n ? {\n ...item,\n item: {\n ...item.item,\n width: newWidth,\n } satisfies WidgetItem,\n }\n : item,\n ),\n )\n },\n [isEditing],\n )\n\n const updateWidgetData = useCallback(\n (widgetId: string, data: Record<string, unknown>) => {\n if (!isEditing) {\n return\n }\n\n setCurrentLayout((prev) =>\n prev.map((item) =>\n item.item.id === widgetId\n ? {\n component: React.createElement(RenderWidget, {\n widgetData: data,\n widgetId,\n }),\n item: {\n ...item.item,\n data,\n } satisfies WidgetItem,\n }\n : item,\n ),\n )\n },\n [isEditing],\n )\n\n const cancelModal = React.createElement(ConfirmationModal, {\n body: t('dashboard:discardMessage'),\n confirmLabel: t('dashboard:discardConfirmLabel'),\n heading: t('dashboard:discardTitle'),\n modalSlug: cancelModalSlug,\n onConfirm: performCancel,\n })\n\n return {\n addWidget,\n cancel,\n cancelModal,\n currentLayout,\n deleteWidget,\n isEditing,\n moveWidget,\n resetLayout,\n resizeWidget,\n saveLayout,\n setIsEditing,\n updateWidgetData,\n }\n}\n\nfunction useSetLayoutPreference() {\n const { setPreference } = usePreferences()\n return useCallback(\n async (layout: null \| WidgetItem[]) => {\n await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, { layouts: layout }, false)\n },\n [setPreference],\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"useDashboardLayout.js","names":["arrayMove","PREFERENCE_KEYS","React","useCallback","useEffect","useState","toast","v4","uuid","ConfirmationModal","useModal","useConfig","useEmbed","usePreferences","useServerFunctions","useTranslation","RenderWidget","useDashboardLayout","initialLayout","setLayoutPreference","useSetLayoutPreference","isEmbedded","isEditingState","setIsEditingState","isEditing","setIsEditing","shouldEdit","widgets","config","admin","dashboard","currentLayout","setCurrentLayout","openModal","cancelModalSlug","serverFunction","t","saveLayout","layoutData","map","item","error","resetLayout","result","name","args","layout","performCancel","cancel","hasChanges","length","some","widget","index","initialWidget","id","width","JSON","stringify","data","moveWidget","moveFromIndex","moveToIndex","prev","addWidget","widgetSlug","widgetId","replaceAll","find","slug","newWidgetInstance","component","createElement","widgetData","maxWidth","minWidth","setTimeout","element","document","getElementById","focus","preventScroll","scrollIntoView","behavior","block","closest","classList","add","remove","deleteWidget","filter","resizeWidget","newWidth","updateWidgetData","cancelModal","body","confirmLabel","heading","modalSlug","onConfirm","setPreference","DASHBOARD_LAYOUT","layouts"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"sourcesContent":["import type { WidgetWidth } from 'payload'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\nimport { v4 as uuid } from 'uuid'\n\nimport type { WidgetInstanceClient, WidgetItem } from './index.client.js'\nimport type { GetDefaultLayoutServerFnReturnType } from './renderWidget/getDefaultLayoutServerFn.js'\n\nimport { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useEmbed } from '../../../../providers/Embed/index.js'\nimport { usePreferences } from '../../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { RenderWidget } from './renderWidget/RenderWidget.js'\n\nexport function useDashboardLayout(initialLayout: WidgetInstanceClient[]) {\n const setLayoutPreference = useSetLayoutPreference()\n const { isEmbedded } = useEmbed()\n const [isEditingState, setIsEditingState] = useState(false)\n const isEditing = !isEmbedded && isEditingState\n const setIsEditing = useCallback(\n (shouldEdit: boolean) => setIsEditingState(shouldEdit && !isEmbedded),\n [isEmbedded],\n )\n const { widgets = [] } = useConfig().config.admin.dashboard ?? {}\n const [currentLayout, setCurrentLayout] = useState<WidgetInstanceClient[]>(initialLayout)\n const { openModal } = useModal()\n const cancelModalSlug = 'cancel-dashboard-changes'\n const { serverFunction } = useServerFunctions()\n const { t } = useTranslation()\n\n useEffect(() => {\n if (isEmbedded) {\n setIsEditingState(false)\n setCurrentLayout(initialLayout)\n }\n }, [isEmbedded, initialLayout])\n\n // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)\n useEffect(() => {\n if (!isEditing) {\n setCurrentLayout(initialLayout)\n }\n // do not sync while editing. Depending on `isEditing` in this effect causes an\n // unintended rollback when toggling from editing -> view mode after save.\n }, [initialLayout])\n\n const saveLayout = useCallback(async () => {\n try {\n const layoutData: WidgetItem[] = currentLayout.map((item) => item.item)\n setIsEditing(false)\n await setLayoutPreference(layoutData)\n } catch {\n setIsEditing(true)\n toast.error(t('error:failedToSaveLayout'))\n }\n }, [setLayoutPreference, currentLayout, setIsEditing])\n\n const resetLayout = useCallback(async () => {\n try {\n await setLayoutPreference(null)\n\n const result = (await serverFunction({\n name: 'get-default-layout',\n args: {},\n })) as GetDefaultLayoutServerFnReturnType\n\n setCurrentLayout(result.layout)\n setIsEditing(false)\n } catch {\n toast.error(t('error:failedToResetLayout'))\n }\n }, [setLayoutPreference, serverFunction, setIsEditing])\n\n const performCancel = useCallback(() => {\n setCurrentLayout(initialLayout)\n setIsEditing(false)\n }, [initialLayout, setIsEditing])\n\n const cancel = useCallback(() => {\n // Check if layout has changed\n const hasChanges =\n currentLayout.length !== initialLayout.length \|\|\n currentLayout.some((widget, index) => {\n const initialWidget = initialLayout[index]\n return (\n !initialWidget \|\|\n widget.item.id !== initialWidget.item.id \|\|\n widget.item.width !== initialWidget.item.width \|\|\n JSON.stringify(widget.item.data \|\| {}) !== JSON.stringify(initialWidget.item.data \|\| {})\n )\n })\n\n // If there are changes, show confirmation modal\n if (hasChanges) {\n openModal(cancelModalSlug)\n } else {\n performCancel()\n }\n }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel])\n\n const moveWidget = useCallback(\n ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n if (moveFromIndex === moveToIndex \|\| moveFromIndex < 0 \|\| moveToIndex < 0) {\n return\n }\n\n setCurrentLayout((prev) => {\n return arrayMove(prev, moveFromIndex, moveToIndex)\n })\n },\n [],\n )\n\n const addWidget = useCallback(\n (widgetSlug: string) => {\n if (!isEditing) {\n return\n }\n\n const widgetId = `${widgetSlug}-${uuid().replaceAll('-', '')}`\n const widget = widgets.find((widget) => widget.slug === widgetSlug)\n\n // Create a new widget instance using RenderWidget\n const newWidgetInstance: WidgetInstanceClient = {\n component: React.createElement(RenderWidget, {\n widgetData: {},\n widgetId,\n }),\n item: {\n id: widgetId,\n data: {},\n maxWidth: widget?.maxWidth ?? 'full',\n minWidth: widget?.minWidth ?? 'x-small',\n width: widget?.minWidth ?? 'x-small',\n },\n }\n\n setCurrentLayout((prev) => [...prev, newWidgetInstance])\n\n // Scroll to the newly added widget after it's rendered and highlight it\n setTimeout(() => {\n const element = document.getElementById(widgetId)\n if (element) {\n element.focus({ preventScroll: true })\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n })\n\n // Add highlight animation to the widget element\n const widget = element.closest('.widget')\n if (widget) {\n widget.classList.add('widget--highlight')\n // Remove the class after animation completes (1.5s fade out)\n setTimeout(() => {\n widget.classList.remove('widget--highlight')\n }, 1500)\n }\n }\n }, 100)\n },\n [isEditing, widgets],\n )\n\n const deleteWidget = useCallback(\n (widgetId: string) => {\n if (!isEditing) {\n return\n }\n setCurrentLayout((prev) => prev.filter((item) => item.item.id !== widgetId))\n },\n [isEditing],\n )\n\n const resizeWidget = useCallback(\n (widgetId: string, newWidth: WidgetWidth) => {\n if (!isEditing) {\n return\n }\n setCurrentLayout((prev) =>\n prev.map((item) =>\n item.item.id === widgetId\n ? {\n ...item,\n item: {\n ...item.item,\n width: newWidth,\n } satisfies WidgetItem,\n }\n : item,\n ),\n )\n },\n [isEditing],\n )\n\n const updateWidgetData = useCallback(\n (widgetId: string, data: Record<string, unknown>) => {\n if (!isEditing) {\n return\n }\n\n setCurrentLayout((prev) =>\n prev.map((item) =>\n item.item.id === widgetId\n ? {\n component: React.createElement(RenderWidget, {\n widgetData: data,\n widgetId,\n }),\n item: {\n ...item.item,\n data,\n } satisfies WidgetItem,\n }\n : item,\n ),\n )\n },\n [isEditing],\n )\n\n const cancelModal = React.createElement(ConfirmationModal, {\n body: t('dashboard:discardMessage'),\n confirmLabel: t('dashboard:discardConfirmLabel'),\n heading: t('dashboard:discardTitle'),\n modalSlug: cancelModalSlug,\n onConfirm: performCancel,\n })\n\n return {\n addWidget,\n cancel,\n cancelModal,\n currentLayout,\n deleteWidget,\n isEditing,\n moveWidget,\n resetLayout,\n resizeWidget,\n saveLayout,\n setIsEditing,\n updateWidgetData,\n }\n}\n\nfunction useSetLayoutPreference() {\n const { setPreference } = usePreferences()\n return useCallback(\n async (layout: null \| WidgetItem[]) => {\n await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, { layouts: layout }, false)\n },\n [setPreference],\n )\n}\n"],"mappings":"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","ignoreList":[]}