@pantheon-systems/puck-css 0.8.0 → 0.9.0
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.
- package/dist/agent/useAgentEdit.d.ts.map +1 -1
- package/dist/agent/useAgentEdit.js.map +1 -1
- package/dist/agent/useAgentTrigger.d.ts.map +1 -1
- package/dist/agent/useAgentTrigger.js.map +1 -1
- package/dist/auth/AuthGate.d.ts +1 -1
- package/dist/auth/AuthGate.d.ts.map +1 -1
- package/dist/collaboration/utils/avatarColor.d.ts +2 -8
- package/dist/collaboration/utils/avatarColor.d.ts.map +1 -1
- package/dist/collaboration/utils/avatarColor.js +4 -31
- package/dist/collaboration/utils/avatarColor.js.map +1 -1
- package/dist/collaboration/utils/focusHighlightConfig.d.ts.map +1 -1
- package/dist/collaboration/utils/focusHighlightConfig.js.map +1 -1
- package/dist/collaboration/utils/initials.d.ts +2 -0
- package/dist/collaboration/utils/initials.d.ts.map +1 -0
- package/dist/collaboration/utils/initials.js +27 -0
- package/dist/collaboration/utils/initials.js.map +1 -0
- package/dist/collaboration/utils/presenceIdentity.d.ts +29 -0
- package/dist/collaboration/utils/presenceIdentity.d.ts.map +1 -0
- package/dist/collaboration/utils/presenceIdentity.js +42 -0
- package/dist/collaboration/utils/presenceIdentity.js.map +1 -0
- package/dist/core/config.d.ts +1 -1
- package/dist/core/config.d.ts.map +1 -1
- package/dist/core/config.js.map +1 -1
- package/dist/core/types.d.ts +10 -3
- package/dist/core/types.d.ts.map +1 -1
- package/dist/data/css-queries/css-query-registry.d.ts +11 -0
- package/dist/data/css-queries/css-query-registry.d.ts.map +1 -0
- package/dist/data/css-queries/css-query-registry.js +28 -0
- package/dist/data/css-queries/css-query-registry.js.map +1 -0
- package/dist/data/dal/index.d.ts +1 -1
- package/dist/data/dal/index.d.ts.map +1 -1
- package/dist/data/dal/init.d.ts +5 -0
- package/dist/data/dal/init.d.ts.map +1 -1
- package/dist/data/dal/init.js +31 -4
- package/dist/data/dal/init.js.map +1 -1
- package/dist/data/dal/p1-store.d.ts +21 -0
- package/dist/data/dal/p1-store.d.ts.map +1 -1
- package/dist/data/dal/p1-store.js.map +1 -1
- package/dist/data/page-editor-meta.d.ts.map +1 -1
- package/dist/data/page-editor-meta.js +0 -1
- package/dist/data/page-editor-meta.js.map +1 -1
- package/dist/data/query-provider.d.ts +1 -1
- package/dist/data/query-provider.d.ts.map +1 -1
- package/dist/data/remote-datasources/fetch-http-json.d.ts.map +1 -1
- package/dist/data/remote-datasources/fetch-http-json.js.map +1 -1
- package/dist/data/remote-datasources/loader.js +1 -1
- package/dist/data/remote-datasources/loader.js.map +1 -1
- package/dist/data/resolve-data-templates.d.ts.map +1 -1
- package/dist/data/resolve-data-templates.js +26 -4
- package/dist/data/resolve-data-templates.js.map +1 -1
- package/dist/editor/P1App.d.ts.map +1 -1
- package/dist/editor/P1App.js +1 -1
- package/dist/editor/P1App.js.map +1 -1
- package/dist/editor/P1PuckProvider.d.ts.map +1 -1
- package/dist/editor/P1PuckProvider.js +57 -18
- package/dist/editor/P1PuckProvider.js.map +1 -1
- package/dist/editor/aiPanelStore.d.ts +15 -0
- package/dist/editor/aiPanelStore.d.ts.map +1 -0
- package/dist/editor/aiPanelStore.js +43 -0
- package/dist/editor/aiPanelStore.js.map +1 -0
- package/dist/editor/components/CollapsibleFieldSection.d.ts +10 -0
- package/dist/editor/components/CollapsibleFieldSection.d.ts.map +1 -0
- package/dist/editor/components/CollapsibleFieldSection.js +9 -0
- package/dist/editor/components/CollapsibleFieldSection.js.map +1 -0
- package/dist/editor/components/CollapsibleSection.module.css +70 -0
- package/dist/editor/components/CollapsibleSectionHeader.d.ts +20 -0
- package/dist/editor/components/CollapsibleSectionHeader.d.ts.map +1 -0
- package/dist/editor/components/CollapsibleSectionHeader.js +10 -0
- package/dist/editor/components/CollapsibleSectionHeader.js.map +1 -0
- package/dist/editor/components/DraggableRow.d.ts +13 -0
- package/dist/editor/components/DraggableRow.d.ts.map +1 -0
- package/dist/editor/components/DraggableRow.js +20 -0
- package/dist/editor/components/DraggableRow.js.map +1 -0
- package/dist/editor/components/FieldHelpText.d.ts +6 -0
- package/dist/editor/components/FieldHelpText.d.ts.map +1 -0
- package/dist/editor/components/FieldHelpText.js +6 -0
- package/dist/editor/components/FieldHelpText.js.map +1 -0
- package/dist/editor/components/FieldHelpText.module.css +13 -0
- package/dist/editor/components/InspectorTabHeader.js +1 -1
- package/dist/editor/components/InspectorTabHeader.js.map +1 -1
- package/dist/editor/components/OutlinePanel.d.ts +10 -0
- package/dist/editor/components/OutlinePanel.d.ts.map +1 -0
- package/dist/editor/components/OutlinePanel.js +64 -0
- package/dist/editor/components/OutlinePanel.js.map +1 -0
- package/dist/editor/components/OutlinePanel.module.css +111 -0
- package/dist/editor/components/P1InspectorFields.d.ts.map +1 -1
- package/dist/editor/components/P1InspectorFields.js +12 -5
- package/dist/editor/components/P1InspectorFields.js.map +1 -1
- package/dist/editor/components/PanelHeader.d.ts +25 -0
- package/dist/editor/components/PanelHeader.d.ts.map +1 -0
- package/dist/editor/components/PanelHeader.js +12 -0
- package/dist/editor/components/PanelHeader.js.map +1 -0
- package/dist/editor/components/PanelHeader.module.css +34 -0
- package/dist/editor/components/PanelShell.d.ts +10 -0
- package/dist/editor/components/PanelShell.d.ts.map +1 -0
- package/dist/editor/components/PanelShell.js +7 -0
- package/dist/editor/components/PanelShell.js.map +1 -0
- package/dist/editor/components/PanelShell.module.css +15 -0
- package/dist/editor/components/PreviewPanelOverlay.d.ts +12 -0
- package/dist/editor/components/PreviewPanelOverlay.d.ts.map +1 -0
- package/dist/editor/components/PreviewPanelOverlay.js +7 -0
- package/dist/editor/components/PreviewPanelOverlay.js.map +1 -0
- package/dist/editor/components/PublishedStatusBadge.d.ts +1 -1
- package/dist/editor/components/PublishedStatusBadge.d.ts.map +1 -1
- package/dist/editor/components/VersionBannerOverride.d.ts +5 -1
- package/dist/editor/components/VersionBannerOverride.d.ts.map +1 -1
- package/dist/editor/components/VersionBannerOverride.js +20 -5
- package/dist/editor/components/VersionBannerOverride.js.map +1 -1
- package/dist/editor/components/VersionTimeline.d.ts +20 -0
- package/dist/editor/components/VersionTimeline.d.ts.map +1 -0
- package/dist/editor/components/VersionTimeline.js +42 -0
- package/dist/editor/components/VersionTimeline.js.map +1 -0
- package/dist/editor/components/collapsibleSectionContext.d.ts +17 -0
- package/dist/editor/components/collapsibleSectionContext.d.ts.map +1 -0
- package/dist/editor/components/collapsibleSectionContext.js +13 -0
- package/dist/editor/components/collapsibleSectionContext.js.map +1 -0
- package/dist/editor/components/componentIconName.d.ts +15 -0
- package/dist/editor/components/componentIconName.d.ts.map +1 -0
- package/dist/editor/components/componentIconName.js +68 -0
- package/dist/editor/components/componentIconName.js.map +1 -0
- package/dist/editor/components/connectable.d.ts +1 -1
- package/dist/editor/components/connectable.d.ts.map +1 -1
- package/dist/editor/components/merge-preview/MergePreviewPanel.d.ts.map +1 -1
- package/dist/editor/components/merge-preview/MergePreviewPanel.js.map +1 -1
- package/dist/editor/components/merge-preview/MergePreviewRenderer.js +3 -15
- package/dist/editor/components/merge-preview/MergePreviewRenderer.js.map +1 -1
- package/dist/editor/components/outlineTree.d.ts +68 -0
- package/dist/editor/components/outlineTree.d.ts.map +1 -0
- package/dist/editor/components/outlineTree.js +72 -0
- package/dist/editor/components/outlineTree.js.map +1 -0
- package/dist/editor/components/useDragReorder.d.ts +16 -0
- package/dist/editor/components/useDragReorder.d.ts.map +1 -0
- package/dist/editor/components/useDragReorder.js +35 -0
- package/dist/editor/components/useDragReorder.js.map +1 -0
- package/dist/editor/index.d.ts +13 -0
- package/dist/editor/index.d.ts.map +1 -1
- package/dist/editor/index.js +8 -0
- package/dist/editor/index.js.map +1 -1
- package/dist/editor/plugin/P1Plugin.d.ts +19 -3
- package/dist/editor/plugin/P1Plugin.d.ts.map +1 -1
- package/dist/editor/plugin/P1Plugin.js +113 -47
- package/dist/editor/plugin/P1Plugin.js.map +1 -1
- package/dist/editor/plugin/createP1Overrides.d.ts +31 -43
- package/dist/editor/plugin/createP1Overrides.d.ts.map +1 -1
- package/dist/editor/plugin/createP1Overrides.js +47 -43
- package/dist/editor/plugin/createP1Overrides.js.map +1 -1
- package/dist/editor/plugin/fieldGuidance.d.ts +45 -0
- package/dist/editor/plugin/fieldGuidance.d.ts.map +1 -0
- package/dist/editor/plugin/fieldGuidance.js +24 -0
- package/dist/editor/plugin/fieldGuidance.js.map +1 -0
- package/dist/editor/plugin/mergePreviewPlugin.d.ts.map +1 -1
- package/dist/editor/plugin/mergePreviewPlugin.js.map +1 -1
- package/dist/editor/plugin/selectHeaderCollaborators.d.ts +12 -0
- package/dist/editor/plugin/selectHeaderCollaborators.d.ts.map +1 -0
- package/dist/editor/plugin/selectHeaderCollaborators.js +15 -0
- package/dist/editor/plugin/selectHeaderCollaborators.js.map +1 -0
- package/dist/editor/thumbnails/LiveThumbnail.d.ts +47 -0
- package/dist/editor/thumbnails/LiveThumbnail.d.ts.map +1 -0
- package/dist/editor/thumbnails/LiveThumbnail.js +120 -0
- package/dist/editor/thumbnails/LiveThumbnail.js.map +1 -0
- package/dist/editor/thumbnails/ThumbnailCard.d.ts +37 -0
- package/dist/editor/thumbnails/ThumbnailCard.d.ts.map +1 -0
- package/dist/editor/thumbnails/ThumbnailCard.js +91 -0
- package/dist/editor/thumbnails/ThumbnailCard.js.map +1 -0
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.d.ts +33 -0
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.d.ts.map +1 -0
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.js +79 -0
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.js.map +1 -0
- package/dist/editor/thumbnails/humanizeComponentName.d.ts +18 -0
- package/dist/editor/thumbnails/humanizeComponentName.d.ts.map +1 -0
- package/dist/editor/thumbnails/humanizeComponentName.js +32 -0
- package/dist/editor/thumbnails/humanizeComponentName.js.map +1 -0
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.d.ts +15 -0
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.d.ts.map +1 -0
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.js +19 -0
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.js.map +1 -0
- package/dist/editor/thumbnails/thumbnailCache.d.ts +39 -0
- package/dist/editor/thumbnails/thumbnailCache.d.ts.map +1 -0
- package/dist/editor/thumbnails/thumbnailCache.js +97 -0
- package/dist/editor/thumbnails/thumbnailCache.js.map +1 -0
- package/dist/editor/useP1Editor.d.ts +14 -4
- package/dist/editor/useP1Editor.d.ts.map +1 -1
- package/dist/editor/useP1Editor.js +34 -5
- package/dist/editor/useP1Editor.js.map +1 -1
- package/dist/editor/useP1Overrides.d.ts +1 -1
- package/dist/editor/useP1Overrides.d.ts.map +1 -1
- package/dist/editor/useP1Overrides.js.map +1 -1
- package/dist/editor/useP1Plugin.d.ts +15 -3
- package/dist/editor/useP1Plugin.d.ts.map +1 -1
- package/dist/editor/useP1Plugin.js +4 -0
- package/dist/editor/useP1Plugin.js.map +1 -1
- package/dist/editor/useRealtime.d.ts +2 -2
- package/dist/editor/useRealtime.d.ts.map +1 -1
- package/dist/editor/useRealtime.js.map +1 -1
- package/dist/editor/utils/componentRegistry.d.ts +4 -4
- package/dist/editor/utils/componentRegistry.d.ts.map +1 -1
- package/dist/editor/utils/componentRegistry.js +0 -1
- package/dist/editor/utils/componentRegistry.js.map +1 -1
- package/dist/editor/utils/restoreDocumentVersion.d.ts +18 -0
- package/dist/editor/utils/restoreDocumentVersion.d.ts.map +1 -0
- package/dist/editor/utils/restoreDocumentVersion.js +49 -0
- package/dist/editor/utils/restoreDocumentVersion.js.map +1 -0
- package/dist/editor/utils/sanitizeRichtextDefaults.d.ts +22 -0
- package/dist/editor/utils/sanitizeRichtextDefaults.d.ts.map +1 -0
- package/dist/editor/utils/sanitizeRichtextDefaults.js +98 -0
- package/dist/editor/utils/sanitizeRichtextDefaults.js.map +1 -0
- package/dist/features/content-type-templates/permissions/createPuckPermissions.d.ts +1 -3
- package/dist/features/content-type-templates/permissions/createPuckPermissions.d.ts.map +1 -1
- package/dist/features/content-type-templates/permissions/createPuckPermissions.js.map +1 -1
- package/dist/features/content-type-templates/stores/template-store-api.d.ts.map +1 -1
- package/dist/features/content-type-templates/ui/ActionBarPinButton.d.ts.map +1 -1
- package/dist/features/content-type-templates/ui/ActionBarPinButton.js +1 -1
- package/dist/features/content-type-templates/ui/ActionBarPinButton.js.map +1 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/dist/merge/components/merge-resolution/CherryPickVisualPanel.js +1 -3
- package/dist/merge/components/merge-resolution/CherryPickVisualPanel.js.map +1 -1
- package/dist/merge/components/merge-resolution/DocumentResolutionDetail.js +2 -2
- package/dist/merge/components/merge-resolution/DocumentResolutionDetail.js.map +1 -1
- package/dist/p1/editor/client.d.ts +1 -1
- package/dist/p1/editor/client.d.ts.map +1 -1
- package/dist/p1/editor/client.js +2 -2
- package/dist/p1/editor/client.js.map +1 -1
- package/dist/p1/editor/connect/connect-field-modal.d.ts +1 -1
- package/dist/p1/editor/connect/connect-field-modal.d.ts.map +1 -1
- package/dist/p1/editor/connect/connect-field-modal.js +1 -1
- package/dist/p1/editor/connect/connect-field-modal.js.map +1 -1
- package/dist/p1/editor/connect/connect-preview-config.d.ts +1 -1
- package/dist/p1/editor/connect/connect-preview-config.d.ts.map +1 -1
- package/dist/p1/editor/connect/field-connect-plugin.js +1 -1
- package/dist/p1/editor/connect/field-connect-plugin.js.map +1 -1
- package/dist/p1/editor/editor-preview-resolve.d.ts +7 -1
- package/dist/p1/editor/editor-preview-resolve.d.ts.map +1 -1
- package/dist/p1/editor/editor-preview-resolve.js +8 -1
- package/dist/p1/editor/editor-preview-resolve.js.map +1 -1
- package/dist/p1/editor/hooks/api-hooks.d.ts +4 -4
- package/dist/p1/editor/hooks/api-hooks.d.ts.map +1 -1
- package/dist/p1/editor/hooks/api-hooks.js +57 -30
- package/dist/p1/editor/hooks/api-hooks.js.map +1 -1
- package/dist/p1/editor/hooks/useEditorContext.d.ts +1 -1
- package/dist/p1/editor/hooks/useEditorContext.d.ts.map +1 -1
- package/dist/p1/editor/hooks/useEditorContext.js +12 -3
- package/dist/p1/editor/hooks/useEditorContext.js.map +1 -1
- package/dist/p1/editor/hooks/useP1Plugins.d.ts.map +1 -1
- package/dist/p1/editor/hooks/useP1Plugins.js +4 -2
- package/dist/p1/editor/hooks/useP1Plugins.js.map +1 -1
- package/dist/p1/editor/icons/button-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/button-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/default-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/default-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/divider-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/divider-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/grid-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/grid-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/heading-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/heading-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/image-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/image-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/list-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/list-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/paragraph-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/paragraph-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/quote-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/quote-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/icons/spacer-block-icon.d.ts +1 -1
- package/dist/p1/editor/icons/spacer-block-icon.d.ts.map +1 -1
- package/dist/p1/editor/index.d.ts +1 -1
- package/dist/p1/editor/index.d.ts.map +1 -1
- package/dist/p1/editor/index.js +1 -1
- package/dist/p1/editor/index.js.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js +65 -67
- package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.d.ts +4 -4
- package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.d.ts.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-form-helpers.js.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-manager.d.ts +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-manager.d.ts.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-manager.js +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-manager.js.map +1 -1
- package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.d.ts +1 -1
- package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.d.ts.map +1 -1
- package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.js +1 -1
- package/dist/p1/editor/remote-datasources/template-preview-params-toolbar.js.map +1 -1
- package/dist/p1/editor/template-autocomplete-layer.d.ts +2 -2
- package/dist/p1/editor/template-autocomplete-layer.d.ts.map +1 -1
- package/dist/p1/editor/template-autocomplete-layer.js +23 -3
- package/dist/p1/editor/template-autocomplete-layer.js.map +1 -1
- package/dist/p1/pages/render-client.d.ts +1 -1
- package/dist/p1/pages/render-client.d.ts.map +1 -1
- package/dist/pds/components/AgentChip.d.ts.map +1 -1
- package/dist/pds/components/AgentChip.js +1 -2
- package/dist/pds/components/AgentChip.js.map +1 -1
- package/dist/pds/components/CreatePageModal.d.ts +10 -1
- package/dist/pds/components/CreatePageModal.d.ts.map +1 -1
- package/dist/pds/components/CreatePageModal.js +29 -9
- package/dist/pds/components/CreatePageModal.js.map +1 -1
- package/dist/pds/components/CreatePageModal.module.css +34 -0
- package/dist/pds/components/DocStateBadge.d.ts +1 -1
- package/dist/pds/components/DocStateBadge.d.ts.map +1 -1
- package/dist/pds/components/DocStateBadge.js +1 -1
- package/dist/pds/components/DocStateBadge.js.map +1 -1
- package/dist/pds/components/NavIcon.js +1 -1
- package/dist/pds/components/NavIcon.js.map +1 -1
- package/dist/pds/components/P1EditorHeader.d.ts +10 -2
- package/dist/pds/components/P1EditorHeader.d.ts.map +1 -1
- package/dist/pds/components/P1EditorHeader.js +16 -7
- package/dist/pds/components/P1EditorHeader.js.map +1 -1
- package/dist/pds/components/P1EditorHeader.module.css +113 -35
- package/dist/pds/components/P1EditorSubheader.d.ts +1 -2
- package/dist/pds/components/P1EditorSubheader.d.ts.map +1 -1
- package/dist/pds/components/P1EditorSubheader.js +10 -21
- package/dist/pds/components/P1EditorSubheader.js.map +1 -1
- package/dist/pds/components/P1EditorSubheader.module.css +7 -1
- package/dist/pds/components/PageNavigator.d.ts.map +1 -1
- package/dist/pds/components/PageNavigator.js.map +1 -1
- package/dist/pds/components/PresenceStack.d.ts +6 -5
- package/dist/pds/components/PresenceStack.d.ts.map +1 -1
- package/dist/pds/components/PresenceStack.js +43 -4
- package/dist/pds/components/PresenceStack.js.map +1 -1
- package/dist/pds/components/PresenceStack.module.css +52 -7
- package/dist/pds/components/PublishControl.js +2 -2
- package/dist/pds/components/PublishControl.js.map +1 -1
- package/dist/pds/components/WorkstreamSwitcher.d.ts +7 -2
- package/dist/pds/components/WorkstreamSwitcher.d.ts.map +1 -1
- package/dist/pds/components/WorkstreamSwitcher.js +5 -3
- package/dist/pds/components/WorkstreamSwitcher.js.map +1 -1
- package/dist/server.d.ts +3 -1
- package/dist/server.d.ts.map +1 -1
- package/dist/server.js +4 -1
- package/dist/server.js.map +1 -1
- package/dist/versioning/components/HistoricalVersionBanner.d.ts +19 -21
- package/dist/versioning/components/HistoricalVersionBanner.d.ts.map +1 -1
- package/dist/versioning/components/HistoricalVersionBanner.js +7 -19
- package/dist/versioning/components/HistoricalVersionBanner.js.map +1 -1
- package/dist/versioning/components/VersionBannerActions.d.ts +15 -0
- package/dist/versioning/components/VersionBannerActions.d.ts.map +1 -0
- package/dist/versioning/components/VersionBannerActions.js +30 -0
- package/dist/versioning/components/VersionBannerActions.js.map +1 -0
- package/dist/versioning/components/VersionPublishedBadge.d.ts +1 -1
- package/dist/versioning/components/VersionPublishedBadge.d.ts.map +1 -1
- package/dist/versioning/components/version-compare/VisualVersionCompare.d.ts +2 -2
- package/dist/versioning/components/version-compare/VisualVersionCompare.d.ts.map +1 -1
- package/dist/versioning/utils/formatVersionDate.d.ts +15 -0
- package/dist/versioning/utils/formatVersionDate.d.ts.map +1 -0
- package/dist/versioning/utils/formatVersionDate.js +41 -0
- package/dist/versioning/utils/formatVersionDate.js.map +1 -0
- package/dist/versioning/utils/versionKind.d.ts +19 -0
- package/dist/versioning/utils/versionKind.d.ts.map +1 -0
- package/dist/versioning/utils/versionKind.js +30 -0
- package/dist/versioning/utils/versionKind.js.map +1 -0
- package/package.json +9 -6
- package/src/pds/theme/PuckEditorTheme.css +81 -0
- package/src/pds/theme/PuckEditorTheme.test.ts +50 -1
- package/src/styles.css +517 -32
|
@@ -6,10 +6,18 @@
|
|
|
6
6
|
* fallbacks drawn from the prototype's `c` and `t` objects.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
+
/* ── Size tokens ──────────────────────────────────────────────────────── */
|
|
10
|
+
|
|
11
|
+
:root {
|
|
12
|
+
--p1-header-h: 60px; /* single knob — change this to resize the whole bar */
|
|
13
|
+
--p1-size-lg: calc(var(--p1-header-h) * 0.65); /* 39px — controls + user avatar */
|
|
14
|
+
--p1-size-sm: calc(var(--p1-header-h) * 0.467); /* 28px — divider + collab avatar + logo */
|
|
15
|
+
}
|
|
16
|
+
|
|
9
17
|
/* ── Outer shell ──────────────────────────────────────────────────────── */
|
|
10
18
|
|
|
11
19
|
.header {
|
|
12
|
-
height:
|
|
20
|
+
height: var(--p1-header-h);
|
|
13
21
|
background: var(--pds-color-bg-default, oklch(1 0 0));
|
|
14
22
|
border-bottom: 1px solid oklch(0.96 0 0); /* c.borderSubtle — no direct token */
|
|
15
23
|
display: flex;
|
|
@@ -33,7 +41,7 @@
|
|
|
33
41
|
/* ── Logo ─────────────────────────────────────────────────────────────── */
|
|
34
42
|
/* Uses PDSv1 PantheonLogo displayType="sub-brand" subBrand="P1".
|
|
35
43
|
The PDS component defaults to 3.052rem icon height; we scale it down
|
|
36
|
-
to
|
|
44
|
+
proportionally to --p1-header-h. */
|
|
37
45
|
|
|
38
46
|
.logoLink {
|
|
39
47
|
flex-shrink: 0;
|
|
@@ -69,16 +77,16 @@
|
|
|
69
77
|
cursor: default;
|
|
70
78
|
}
|
|
71
79
|
|
|
72
|
-
/* Scale the Pantheon bolt icon
|
|
80
|
+
/* Scale the Pantheon bolt icon proportionally with header height */
|
|
73
81
|
.logo svg,
|
|
74
82
|
img.logo {
|
|
75
|
-
height:
|
|
83
|
+
height: var(--p1-size-sm);
|
|
76
84
|
width: auto;
|
|
77
85
|
}
|
|
78
86
|
|
|
79
|
-
/* Scale sub-brand wordmark
|
|
87
|
+
/* Scale sub-brand wordmark proportionally with header height */
|
|
80
88
|
.logo :global(.pds-pantheon-logo__sub-brand-wordmark) {
|
|
81
|
-
font-size:
|
|
89
|
+
font-size: calc(var(--p1-header-h) * 0.367);
|
|
82
90
|
padding-inline-end: 0;
|
|
83
91
|
}
|
|
84
92
|
|
|
@@ -93,13 +101,36 @@ img.logo {
|
|
|
93
101
|
.siteLabel {
|
|
94
102
|
display: inline-flex;
|
|
95
103
|
align-items: center;
|
|
104
|
+
gap: var(--pds-spacing-2xs, 0.5rem);
|
|
105
|
+
height: var(--p1-size-lg);
|
|
106
|
+
padding: var(--pds-spacing-2xs, 0.5rem) 0.64rem;
|
|
107
|
+
background: transparent;
|
|
108
|
+
border: 1px solid var(--pds-color-border-input, oklch(0.8853 0 0));
|
|
109
|
+
border-radius: var(--pds-border-radius-button, 3.5rem);
|
|
96
110
|
font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
|
|
97
111
|
font-size: var(--pds-typography-size-s, 0.875rem);
|
|
98
112
|
font-weight: var(--pds-typography-fw-medium, 500);
|
|
99
113
|
color: var(--pds-color-fg-default, oklch(0.2046 0 0));
|
|
100
114
|
white-space: nowrap;
|
|
101
|
-
|
|
115
|
+
flex-shrink: 1;
|
|
116
|
+
min-width: 0;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.siteName {
|
|
120
|
+
overflow: hidden;
|
|
121
|
+
text-overflow: ellipsis;
|
|
122
|
+
white-space: nowrap;
|
|
123
|
+
min-width: 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/* ── Breadcrumb separator between site label and page selector ── */
|
|
127
|
+
|
|
128
|
+
.breadcrumbSeparator {
|
|
129
|
+
color: var(--pds-color-fg-subtle, oklch(0.65 0 0));
|
|
130
|
+
font-size: var(--pds-typography-size-s, 0.875rem);
|
|
102
131
|
flex-shrink: 0;
|
|
132
|
+
user-select: none;
|
|
133
|
+
line-height: 1;
|
|
103
134
|
}
|
|
104
135
|
|
|
105
136
|
/* ── Vertical divider between site selector and workstream switcher ── */
|
|
@@ -107,8 +138,8 @@ img.logo {
|
|
|
107
138
|
|
|
108
139
|
.divider {
|
|
109
140
|
width: 1px;
|
|
110
|
-
height:
|
|
111
|
-
background: oklch(0.8853 0 0);
|
|
141
|
+
height: var(--p1-size-sm);
|
|
142
|
+
background: var(--pds-color-border-input, oklch(0.8853 0 0));
|
|
112
143
|
flex-shrink: 0;
|
|
113
144
|
}
|
|
114
145
|
|
|
@@ -127,6 +158,7 @@ img.logo {
|
|
|
127
158
|
display: inline-flex;
|
|
128
159
|
align-items: center;
|
|
129
160
|
flex-shrink: 0;
|
|
161
|
+
gap: var(--pds-spacing-2xs, 0.5rem);
|
|
130
162
|
}
|
|
131
163
|
|
|
132
164
|
/* ── Page selector button ────────────────────────────────────────────── */
|
|
@@ -136,8 +168,8 @@ img.logo {
|
|
|
136
168
|
display: inline-flex;
|
|
137
169
|
align-items: center;
|
|
138
170
|
gap: var(--pds-spacing-2xs, 0.5rem);
|
|
139
|
-
height:
|
|
140
|
-
padding: 0.5rem 0.64rem;
|
|
171
|
+
height: var(--p1-size-lg);
|
|
172
|
+
padding: var(--pds-spacing-2xs, 0.5rem) 0.64rem;
|
|
141
173
|
background: transparent;
|
|
142
174
|
border: 1px solid var(--pds-color-border-input, oklch(0.8853 0 0));
|
|
143
175
|
border-radius: var(--pds-border-radius-button, 3.5rem);
|
|
@@ -151,9 +183,7 @@ img.logo {
|
|
|
151
183
|
white-space: nowrap;
|
|
152
184
|
overflow: hidden;
|
|
153
185
|
text-overflow: ellipsis;
|
|
154
|
-
transition:
|
|
155
|
-
background 0.2s cubic-bezier(0.2, 0, 0, 1),
|
|
156
|
-
border-color 0.2s cubic-bezier(0.2, 0, 0, 1);
|
|
186
|
+
transition: var(--pds-animation-transition-button);
|
|
157
187
|
}
|
|
158
188
|
|
|
159
189
|
.pageSelector:hover,
|
|
@@ -162,41 +192,27 @@ img.logo {
|
|
|
162
192
|
border-color: oklch(0.75 0 0); /* borderStrong */
|
|
163
193
|
}
|
|
164
194
|
|
|
165
|
-
/* When external link button follows page selector, create button group */
|
|
166
|
-
.pageSelector:has(+ .externalLinkButton) {
|
|
167
|
-
border-top-right-radius: 0;
|
|
168
|
-
border-bottom-right-radius: 0;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
195
|
/* ── External link button ──────────────────────────────────────────────── */
|
|
172
196
|
|
|
173
197
|
.externalLinkButton {
|
|
174
198
|
display: inline-flex;
|
|
175
199
|
align-items: center;
|
|
176
200
|
justify-content: center;
|
|
177
|
-
width:
|
|
178
|
-
height:
|
|
179
|
-
padding: 0.5rem;
|
|
201
|
+
width: var(--p1-size-lg);
|
|
202
|
+
height: var(--p1-size-lg);
|
|
203
|
+
padding: var(--pds-spacing-2xs, 0.5rem);
|
|
180
204
|
background: transparent;
|
|
181
|
-
border:
|
|
205
|
+
border: none;
|
|
182
206
|
border-radius: var(--pds-border-radius-button, 3.5rem);
|
|
183
|
-
border-top-left-radius: 0;
|
|
184
|
-
border-bottom-left-radius: 0;
|
|
185
207
|
color: var(--pds-color-fg-default, oklch(0.2046 0 0));
|
|
186
208
|
cursor: pointer;
|
|
187
209
|
text-decoration: none;
|
|
188
|
-
transition:
|
|
189
|
-
background 0.2s cubic-bezier(0.2, 0, 0, 1),
|
|
190
|
-
border-color 0.2s cubic-bezier(0.2, 0, 0, 1);
|
|
210
|
+
transition: var(--pds-animation-transition-button);
|
|
191
211
|
flex-shrink: 0;
|
|
192
|
-
margin-left: -1px;
|
|
193
212
|
}
|
|
194
213
|
|
|
195
214
|
.externalLinkButton:hover {
|
|
196
215
|
background: oklch(0.96 0 0); /* bgSubtle */
|
|
197
|
-
border-color: oklch(0.75 0 0); /* borderStrong */
|
|
198
|
-
position: relative;
|
|
199
|
-
z-index: 1; /* Bring to front on hover so border is visible */
|
|
200
216
|
}
|
|
201
217
|
|
|
202
218
|
/* ── Spacer ──────────────────────────────────────────────────────────── */
|
|
@@ -205,6 +221,41 @@ img.logo {
|
|
|
205
221
|
flex: 1;
|
|
206
222
|
}
|
|
207
223
|
|
|
224
|
+
/* ── Live collaborators ─────────────────────────────────────────────── */
|
|
225
|
+
.collaborators {
|
|
226
|
+
display: inline-flex;
|
|
227
|
+
align-items: center;
|
|
228
|
+
flex-shrink: 0;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
/* ── Pantheon AI toggle ─────────────────────────────────────────────── */
|
|
232
|
+
|
|
233
|
+
.aiToggle {
|
|
234
|
+
display: inline-flex;
|
|
235
|
+
align-items: center;
|
|
236
|
+
justify-content: center;
|
|
237
|
+
flex-shrink: 0;
|
|
238
|
+
width: 2rem;
|
|
239
|
+
height: 2rem;
|
|
240
|
+
padding: 0.375rem;
|
|
241
|
+
background: transparent;
|
|
242
|
+
border: none;
|
|
243
|
+
border-radius: var(--pds-border-radius-md, 0.375rem);
|
|
244
|
+
/* Not `brand-default`, which is the yellow rather than the blue the design uses. */
|
|
245
|
+
color: var(--pds-color-interactive-background-current);
|
|
246
|
+
cursor: pointer;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.aiToggle:hover {
|
|
250
|
+
background: var(--pds-color-surface-default-secondary);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.aiToggleActive,
|
|
254
|
+
.aiToggleActive:hover {
|
|
255
|
+
background: var(--pds-color-interactive-background-current);
|
|
256
|
+
color: var(--pds-color-interactive-background-current-foreground);
|
|
257
|
+
}
|
|
258
|
+
|
|
208
259
|
/* ── User avatar ────────────────────────────────────────────────────── */
|
|
209
260
|
|
|
210
261
|
.userAvatar {
|
|
@@ -216,6 +267,29 @@ img.logo {
|
|
|
216
267
|
border-radius: 50%;
|
|
217
268
|
}
|
|
218
269
|
|
|
270
|
+
.userAvatar :global(.pds-avatar) {
|
|
271
|
+
height: var(--p1-size-lg);
|
|
272
|
+
width: var(--p1-size-lg);
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.userAvatar :global(.pds-avatar__content),
|
|
276
|
+
.userAvatar :global(.pds-avatar__gradient),
|
|
277
|
+
.userAvatar :global(.pds-avatar__image) {
|
|
278
|
+
width: 100%;
|
|
279
|
+
height: 100%;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.collaborators :global(.pds-avatar) {
|
|
283
|
+
height: var(--p1-size-sm);
|
|
284
|
+
width: var(--p1-size-sm);
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.collaborators :global(.pds-avatar__content),
|
|
288
|
+
.collaborators :global(.pds-avatar__image) {
|
|
289
|
+
width: 100%;
|
|
290
|
+
height: 100%;
|
|
291
|
+
}
|
|
292
|
+
|
|
219
293
|
/* ── Dropdown menus (site selector + user account) ─────────────────── */
|
|
220
294
|
|
|
221
295
|
.dropdownMenu {
|
|
@@ -240,7 +314,7 @@ img.logo {
|
|
|
240
314
|
font-weight: var(--pds-typography-fw-medium, 500);
|
|
241
315
|
color: var(--pds-color-fg-default, oklch(0.2046 0 0));
|
|
242
316
|
border-bottom: 1px solid var(--pds-color-border-default, oklch(0.9401 0 0));
|
|
243
|
-
margin-bottom: 0.25rem;
|
|
317
|
+
margin-bottom: var(--pds-spacing-4xs, 0.25rem);
|
|
244
318
|
}
|
|
245
319
|
|
|
246
320
|
.dropdownMenuItem {
|
|
@@ -264,7 +338,7 @@ img.logo {
|
|
|
264
338
|
}
|
|
265
339
|
|
|
266
340
|
/* ── Responsive label text ──────────────────────────────────────────── */
|
|
267
|
-
/* Wraps text + trailing chevron in
|
|
341
|
+
/* Wraps text + trailing chevron in the page selector; hidden on mobile */
|
|
268
342
|
|
|
269
343
|
.labelText {
|
|
270
344
|
display: contents;
|
|
@@ -290,6 +364,10 @@ img.logo {
|
|
|
290
364
|
.labelText {
|
|
291
365
|
display: none;
|
|
292
366
|
}
|
|
367
|
+
.siteLabel,
|
|
368
|
+
.breadcrumbSeparator {
|
|
369
|
+
display: none;
|
|
370
|
+
}
|
|
293
371
|
|
|
294
372
|
.compareButton {
|
|
295
373
|
display: none;
|
|
@@ -33,7 +33,6 @@ export interface P1EditorSubheaderProps {
|
|
|
33
33
|
hasDrift?: boolean;
|
|
34
34
|
context: 'branch' | 'main';
|
|
35
35
|
agents: SubheaderActor[];
|
|
36
|
-
humanActors: SubheaderActor[];
|
|
37
36
|
onStopAgent: (id: string) => void;
|
|
38
37
|
onPublish?: () => Promise<void> | void;
|
|
39
38
|
onReviewAndPublish?: () => void;
|
|
@@ -56,5 +55,5 @@ export interface P1EditorSubheaderProps {
|
|
|
56
55
|
onCompareWithLive: () => void;
|
|
57
56
|
onCreateBranch?: (name: string) => Promise<void>;
|
|
58
57
|
}
|
|
59
|
-
export declare function P1EditorSubheader({ puckActions, docState, badgeDocState, hasDrift, context, agents,
|
|
58
|
+
export declare function P1EditorSubheader({ puckActions, docState, badgeDocState, hasDrift, context, agents, onStopAgent, onPublish, onReviewAndPublish, onReviewWorkstream, onCreateWorkstream, onDeleteDocument, hasPast, hasFuture, onUndo, onRedo, leftPanelVisible, rightPanelVisible, pluginRailVisible, onToggleLeftPanel, onToggleRightPanel, onTogglePluginRail, branches, currentBranch, onSwitchBranch, onCompareWithLive, onCreateBranch, }: P1EditorSubheaderProps): React.ReactElement;
|
|
60
59
|
//# sourceMappingURL=P1EditorSubheader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"P1EditorSubheader.d.ts","sourceRoot":"","sources":["../../../src/pds/components/P1EditorSubheader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"P1EditorSubheader.d.ts","sourceRoot":"","sources":["../../../src/pds/components/P1EditorSubheader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,GACf,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAiI7C"}
|
|
@@ -1,29 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { IconButton } from '@pantheon-systems/pds-toolkit-react';
|
|
3
3
|
import { AgentChip } from './AgentChip.js';
|
|
4
|
-
import { PresenceStack } from './PresenceStack.js';
|
|
5
4
|
import { PublishControl } from './PublishControl.js';
|
|
6
5
|
import { WorkstreamSwitcher } from './WorkstreamSwitcher.js';
|
|
7
6
|
import styles from './P1EditorSubheader.module.css';
|
|
8
|
-
export function P1EditorSubheader({ puckActions, docState, badgeDocState, hasDrift, context, agents,
|
|
9
|
-
return (_jsxs("div", { "data-testid": "p1-editor-subheader", className: styles.subheader, children: [_jsxs("div", { "data-testid": "panel-toggles", className: styles.panelToggles, children: [_jsx(IconButton, { ariaLabel: "Toggle plugin rail", iconName: pluginRailVisible ? "angleRight" : "angleLeft", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": pluginRailVisible, onClick: onTogglePluginRail }), _jsx(IconButton, { ariaLabel: "Toggle left panel", iconName: "tableRows", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": leftPanelVisible, onClick: onToggleLeftPanel }), _jsx(IconButton, { ariaLabel: "Toggle right panel", iconName: "tableRows", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": rightPanelVisible, onClick: onToggleRightPanel, className: styles.rightPanelToggle })] }), puckActions, _jsxs("div", { "data-testid": "device-selector", className: styles.historyGroup, children: [_jsx(IconButton, { "data-testid": "undo-btn", ariaLabel: "Undo", iconName: "rotateLeft", size: "s", disabled: !hasPast, onClick: onUndo, hasTooltip: false, hasBorder: false }), _jsx(IconButton, { "data-testid": "redo-btn", ariaLabel: "Redo", iconName: "rotateRight", size: "s", disabled: !hasFuture, onClick: onRedo, hasTooltip: false, hasBorder: false })] }), _jsx("div", { className: styles.spacer }),
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
id: a.id,
|
|
19
|
-
actorId: a.id,
|
|
20
|
-
actorType: 'user',
|
|
21
|
-
role: 'human',
|
|
22
|
-
name: a.name,
|
|
23
|
-
avatar: a.avatar,
|
|
24
|
-
state: 'active',
|
|
25
|
-
lastActivityAt: new Date().toISOString(),
|
|
26
|
-
joinedAt: new Date().toISOString(),
|
|
27
|
-
})), maxVisible: 3 }))] }), badgeDocState && (_jsx(PublishControl, { docState: badgeDocState, hasDrift: hasDrift, context: context, onPublish: onPublish, onReviewAndPublish: onReviewAndPublish, onReviewWorkstream: onReviewWorkstream, onCreateWorkstream: onCreateWorkstream, onDeleteDocument: onDeleteDocument, renderBadgeOnly: true })), _jsxs("div", { className: styles.workstreamPublishGroup, children: [_jsx(WorkstreamSwitcher, { branches: branches, currentBranch: currentBranch, onSwitch: onSwitchBranch, onCompareWithLive: onCompareWithLive, hideCompareButton: true, onCreateBranch: onCreateBranch }), _jsx(PublishControl, { docState: docState, hasDrift: hasDrift, context: context, onPublish: onPublish, onReviewAndPublish: onReviewAndPublish, onReviewWorkstream: onReviewWorkstream, onCreateWorkstream: onCreateWorkstream, onDeleteDocument: onDeleteDocument, renderButtonOnly: true })] })] }));
|
|
7
|
+
export function P1EditorSubheader({ puckActions, docState, badgeDocState, hasDrift, context, agents, onStopAgent, onPublish, onReviewAndPublish, onReviewWorkstream, onCreateWorkstream, onDeleteDocument, hasPast, hasFuture, onUndo, onRedo, leftPanelVisible, rightPanelVisible, pluginRailVisible, onToggleLeftPanel, onToggleRightPanel, onTogglePluginRail, branches, currentBranch, onSwitchBranch, onCompareWithLive, onCreateBranch, }) {
|
|
8
|
+
return (_jsxs("div", { "data-testid": "p1-editor-subheader", className: styles.subheader, children: [_jsxs("div", { "data-testid": "panel-toggles", className: styles.panelToggles, children: [_jsx(IconButton, { ariaLabel: "Toggle plugin rail", iconName: pluginRailVisible ? "angleRight" : "angleLeft", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": pluginRailVisible, onClick: onTogglePluginRail }), _jsx(IconButton, { ariaLabel: "Toggle left panel", iconName: "tableRows", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": leftPanelVisible, onClick: onToggleLeftPanel }), _jsx(IconButton, { ariaLabel: "Toggle right panel", iconName: "tableRows", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": rightPanelVisible, onClick: onToggleRightPanel, className: styles.rightPanelToggle })] }), puckActions, _jsxs("div", { "data-testid": "device-selector", className: styles.historyGroup, children: [_jsx(IconButton, { "data-testid": "undo-btn", ariaLabel: "Undo", iconName: "rotateLeft", size: "s", disabled: !hasPast, onClick: onUndo, hasTooltip: false, hasBorder: false }), _jsx(IconButton, { "data-testid": "redo-btn", ariaLabel: "Redo", iconName: "rotateRight", size: "s", disabled: !hasFuture, onClick: onRedo, hasTooltip: false, hasBorder: false })] }), _jsx("div", { className: styles.spacer }), _jsx("div", { className: styles.actorsArea, children: agents.map((actor) => (_jsx(AgentChip, { id: actor.id, agent: {
|
|
9
|
+
id: actor.id,
|
|
10
|
+
name: actor.name,
|
|
11
|
+
initials: actor.name[0] ?? '',
|
|
12
|
+
gradient: '',
|
|
13
|
+
intent: actor.intent ?? '',
|
|
14
|
+
workstream: '',
|
|
15
|
+
requestedByName: actor.requestedByName,
|
|
16
|
+
}, currentWorkstream: "", onStop: () => onStopAgent(actor.id) }, actor.id))) }), badgeDocState && (_jsx(PublishControl, { docState: badgeDocState, hasDrift: hasDrift, context: context, onPublish: onPublish, onReviewAndPublish: onReviewAndPublish, onReviewWorkstream: onReviewWorkstream, onCreateWorkstream: onCreateWorkstream, onDeleteDocument: onDeleteDocument, renderBadgeOnly: true })), _jsxs("div", { className: styles.workstreamPublishGroup, children: [_jsx(WorkstreamSwitcher, { branches: branches, currentBranch: currentBranch, onSwitch: onSwitchBranch, onCompareWithLive: onCompareWithLive, hideCompareButton: true, onCreateBranch: onCreateBranch }), _jsx(PublishControl, { docState: docState, hasDrift: hasDrift, context: context, onPublish: onPublish, onReviewAndPublish: onReviewAndPublish, onReviewWorkstream: onReviewWorkstream, onCreateWorkstream: onCreateWorkstream, onDeleteDocument: onDeleteDocument, renderButtonOnly: true })] })] }));
|
|
28
17
|
}
|
|
29
18
|
//# sourceMappingURL=P1EditorSubheader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"P1EditorSubheader.js","sourceRoot":"","sources":["../../../src/pds/components/P1EditorSubheader.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"P1EditorSubheader.js","sourceRoot":"","sources":["../../../src/pds/components/P1EditorSubheader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
/* ── Size tokens ──────────────────────────────────────────────────────── */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--p1-subheader-h: 48px; /* single knob — paired with --p1-header-h */
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
/* ── Outer shell ─────────────────────────────────────────────────────── */
|
|
2
8
|
|
|
3
9
|
.subheader {
|
|
4
|
-
height:
|
|
10
|
+
height: var(--p1-subheader-h);
|
|
5
11
|
background: var(--pds-color-bg-default, oklch(1 0 0));
|
|
6
12
|
border-top: 1px solid oklch(0.96 0 0); /* borderSubtle */
|
|
7
13
|
border-bottom: 1px solid oklch(0.96 0 0); /* borderSubtle */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNavigator.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PageNavigator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageNavigator.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PageNavigator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAGtF,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,eAAe,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtF;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,oGAAoG;IACpG,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC;AAID,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6S/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNavigator.js","sourceRoot":"","sources":["../../../src/pds/components/PageNavigator.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"PageNavigator.js","sourceRoot":"","sources":["../../../src/pds/components/PageNavigator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* PresenceStack component.
|
|
3
3
|
*
|
|
4
|
-
* Renders a horizontal stack of actor avatars
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
4
|
+
* Renders a horizontal stack of actor avatars, up to maxVisible, then shows an
|
|
5
|
+
* overflow badge ("+N") for any remaining actors. Each avatar shows a tooltip
|
|
6
|
+
* with the actor's name; the overflow badge lists the hidden actors' names.
|
|
7
|
+
*
|
|
8
8
|
*/
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import type { ActorPresence } from '@pantheon-systems/css-client';
|
|
@@ -12,6 +12,7 @@ export type { ActorPresence };
|
|
|
12
12
|
export interface PresenceStackProps {
|
|
13
13
|
actors: ActorPresence[];
|
|
14
14
|
maxVisible?: number;
|
|
15
|
+
showActiveDot?: boolean;
|
|
15
16
|
}
|
|
16
|
-
export declare function PresenceStack({ actors, maxVisible }: PresenceStackProps): React.JSX.Element;
|
|
17
|
+
export declare function PresenceStack({ actors, maxVisible, showActiveDot, }: PresenceStackProps): React.JSX.Element;
|
|
17
18
|
//# sourceMappingURL=PresenceStack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresenceStack.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"PresenceStack.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMlE,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAyDD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAc,EACd,aAAqB,GACtB,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2DxC"}
|
|
@@ -1,14 +1,53 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* PresenceStack component.
|
|
4
|
+
*
|
|
5
|
+
* Renders a horizontal stack of actor avatars, up to maxVisible, then shows an
|
|
6
|
+
* overflow badge ("+N") for any remaining actors. Each avatar shows a tooltip
|
|
7
|
+
* with the actor's name; the overflow badge lists the hidden actors' names.
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import React from 'react';
|
|
2
11
|
import { Avatar, Tooltip } from '@pantheon-systems/pds-toolkit-react';
|
|
3
|
-
import {
|
|
12
|
+
import { getAvatarColor } from '../../collaboration/utils/avatarColor.js';
|
|
13
|
+
import { getInitials } from '../../collaboration/utils/initials.js';
|
|
4
14
|
import styles from './PresenceStack.module.css';
|
|
5
|
-
|
|
15
|
+
/** ActorState is 'active' | 'idle' | 'editing' — 'idle' is present but not live. */
|
|
16
|
+
function isLive(actor) {
|
|
17
|
+
return actor.state === 'active' || actor.state === 'editing';
|
|
18
|
+
}
|
|
19
|
+
function ActorAvatar({ actor }) {
|
|
20
|
+
const [failedUrl, setFailedUrl] = React.useState(null);
|
|
21
|
+
React.useEffect(() => {
|
|
22
|
+
setFailedUrl(null);
|
|
23
|
+
}, [actor.avatar]);
|
|
24
|
+
const initials = getInitials(actor.name);
|
|
25
|
+
if (actor.avatar && actor.avatar !== failedUrl) {
|
|
26
|
+
return (_jsx("div", { "data-testid": "presence-avatar", className: "pds-avatar pds-avatar--image", children: _jsx("span", { className: "pds-avatar__content", children: _jsx("img", { alt: actor.name, className: "pds-avatar__image", src: actor.avatar, referrerPolicy: "no-referrer", crossOrigin: "anonymous", onError: () => setFailedUrl(actor.avatar ?? null) }, actor.avatar) }) }));
|
|
27
|
+
}
|
|
28
|
+
if (initials) {
|
|
29
|
+
return (_jsx("div", { "data-testid": "presence-avatar", className: `pds-avatar ${styles.initials}`, style: { backgroundColor: getAvatarColor(actor.actorId) }, children: initials }));
|
|
30
|
+
}
|
|
31
|
+
return _jsx(Avatar, { uniqueId: actor.actorId, hasUserFallback: true, size: "s", "data-testid": "presence-avatar" });
|
|
32
|
+
}
|
|
33
|
+
function OverflowBadge({ count }) {
|
|
34
|
+
return (_jsxs("span", { "data-testid": "presence-overflow", className: styles.overflow, children: ["+", count] }));
|
|
35
|
+
}
|
|
36
|
+
export function PresenceStack({ actors, maxVisible = 3, showActiveDot = false, }) {
|
|
6
37
|
if (actors.length === 0) {
|
|
7
38
|
return _jsx("div", { className: styles.stack });
|
|
8
39
|
}
|
|
9
40
|
const visibleActors = actors.slice(0, maxVisible);
|
|
10
41
|
const overflowCount = actors.length - visibleActors.length;
|
|
11
|
-
const
|
|
12
|
-
|
|
42
|
+
const hiddenNames = actors
|
|
43
|
+
.slice(maxVisible)
|
|
44
|
+
.map((a) => a.name)
|
|
45
|
+
.filter(Boolean)
|
|
46
|
+
.join(', ');
|
|
47
|
+
const stackingOrder = [...visibleActors].reverse();
|
|
48
|
+
return (_jsxs("div", { className: styles.stack, children: [overflowCount > 0 && (_jsx("div", { "data-testid": "presence-overflow-wrapper", className: styles.overflowWrapper, children: hiddenNames ? (_jsx(Tooltip, { content: hiddenNames, preferredPlacement: "top", customTrigger: _jsx(OverflowBadge, { count: overflowCount }) })) : (_jsx(OverflowBadge, { count: overflowCount })) })), stackingOrder.map((actor) => {
|
|
49
|
+
const live = isLive(actor);
|
|
50
|
+
return (_jsxs("div", { "data-testid": "presence-avatar-wrapper", className: styles.avatarWrapper, children: [actor.name ? (_jsx(Tooltip, { content: actor.name, preferredPlacement: "top", customTrigger: _jsx(ActorAvatar, { actor: actor }) })) : (_jsx(ActorAvatar, { actor: actor })), showActiveDot && (_jsx("span", { "data-testid": live ? 'presence-active-dot' : 'presence-idle-dot', className: live ? styles.activeDot : styles.idleDot, "aria-hidden": "true" }))] }, actor.id));
|
|
51
|
+
})] }));
|
|
13
52
|
}
|
|
14
53
|
//# sourceMappingURL=PresenceStack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresenceStack.js","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PresenceStack.js","sourceRoot":"","sources":["../../../src/pds/components/PresenceStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,34 +9,79 @@
|
|
|
9
9
|
.stack {
|
|
10
10
|
display: inline-flex;
|
|
11
11
|
align-items: center;
|
|
12
|
-
flex-direction: row;
|
|
12
|
+
flex-direction: row-reverse;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.stack :global(.pds-avatar) {
|
|
16
|
+
--avatar-size: var(--p1-size-sm, 1.5rem);
|
|
13
17
|
}
|
|
14
18
|
|
|
15
19
|
/* Wrapper around each PDS Avatar — handles overlap margin and stacking */
|
|
16
20
|
.avatarWrapper {
|
|
17
21
|
margin-left: -0.512rem;
|
|
22
|
+
position: relative;
|
|
23
|
+
display: inline-flex;
|
|
18
24
|
}
|
|
19
25
|
|
|
20
|
-
.avatarWrapper:
|
|
26
|
+
.avatarWrapper:last-child,
|
|
27
|
+
.overflowWrapper:last-child {
|
|
21
28
|
margin-left: 0;
|
|
22
29
|
}
|
|
23
30
|
|
|
24
|
-
|
|
31
|
+
.avatarWrapper :global(.pds-avatar) {
|
|
32
|
+
box-shadow: 0 0 0 var(--pds-border-width-thicker, 2px) var(--pds-color-surface-default, oklch(1 0 0));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.activeDot,
|
|
36
|
+
.idleDot {
|
|
37
|
+
position: absolute;
|
|
38
|
+
right: -1px;
|
|
39
|
+
bottom: -1px;
|
|
40
|
+
width: 0.469rem;
|
|
41
|
+
height: 0.469rem;
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
border-radius: 50%;
|
|
44
|
+
box-shadow: 0 0 0 var(--pds-border-width-thicker, 2px) var(--pds-color-surface-default, oklch(1 0 0));
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
z-index: 1;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* Live (active or editing) — filled green */
|
|
50
|
+
.activeDot {
|
|
51
|
+
background: var(--pds-color-status-success-fill, oklch(0.5408 0.1249 133.99));
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.idleDot {
|
|
55
|
+
background: var(--pds-color-surface-default, oklch(1 0 0));
|
|
56
|
+
border: var(--pds-border-width-thicker, 2px) solid
|
|
57
|
+
var(--pds-color-foreground-default-secondary, oklch(0.4778 0.002 247.87));
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.initials {
|
|
61
|
+
color: oklch(1 0 0);
|
|
62
|
+
font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
|
|
63
|
+
font-size: var(--pds-typography-size-2xs, 0.625rem);
|
|
64
|
+
font-weight: var(--pds-typography-fw-semibold, 600);
|
|
65
|
+
line-height: 1;
|
|
66
|
+
letter-spacing: 0.01em;
|
|
67
|
+
user-select: none;
|
|
68
|
+
flex-shrink: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
25
71
|
.overflowWrapper {
|
|
26
72
|
margin-left: -0.512rem;
|
|
27
73
|
display: inline-flex;
|
|
28
74
|
}
|
|
29
75
|
|
|
30
|
-
|
|
31
76
|
/* Overflow badge — "+N" for hidden actors */
|
|
32
77
|
.overflow {
|
|
33
78
|
flex-shrink: 0;
|
|
34
79
|
width: 1.563rem;
|
|
35
80
|
height: 1.563rem;
|
|
36
81
|
border-radius: 50%;
|
|
37
|
-
|
|
38
|
-
background: oklch(0.
|
|
39
|
-
color: var(--pds-color-
|
|
82
|
+
box-shadow: 0 0 0 var(--pds-border-width-thicker, 2px) var(--pds-color-surface-default, oklch(1 0 0));
|
|
83
|
+
background: var(--pds-color-surface-default-secondary, oklch(0.9702 0 0));
|
|
84
|
+
color: var(--pds-color-foreground-default-secondary, oklch(0.4778 0.0020 247.87));
|
|
40
85
|
font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
|
|
41
86
|
font-size: var(--pds-typography-size-2xs, 0.625rem);
|
|
42
87
|
font-weight: var(--pds-typography-fw-semibold, 600);
|