@conduction/nextcloud-vue 1.0.0-beta.10 → 1.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@conduction/nextcloud-vue",
-	"version": "1.0.0-beta.10",
+	"version": "1.0.0-beta.11",
 	"description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
 	"license": "EUPL-1.2",
 	"author": "Conduction B.V. <info@conduction.nl>",

package/src/components/CnActionsBar/index.js

@@ -1 +1,4 @@
-export { default as CnActionsBar } from './CnActionsBar.vue'
+import CnActionsBar from './CnActionsBar.vue'
+
+export default CnActionsBar
+export { CnActionsBar }

package/src/components/CnAdvancedFormDialog/CnPropertyValueCell.vue

@@ -227,7 +227,15 @@ export default {
 		CnJsonViewer,
 		CnColorPicker,
 		// Lazy-required to break the circular dep with CnAdvancedFormDialog.
-		CnAdvancedFormDialog: () => import('./CnAdvancedFormDialog.vue'),
+		// `.then(m => m.default)` unwraps the dynamic-import module namespace
+		// before Vue receives it. With rollup's `inlineDynamicImports: true`
+		// the namespace is frozen (`Object.freeze({__proto__: null, default:
+		// component})`), and Vue 2's `Vue.extend()` against that wrapper
+		// trips "Cannot add property _Ctor, object is not extensible" when
+		// downstream code (Vue Router, `<component :is>`) attaches its
+		// internal `_Ctor` cache. Pre-unwrapping yields the raw component
+		// options object, which is extensible.
+		CnAdvancedFormDialog: () => import('./CnAdvancedFormDialog.vue').then(m => m.default),
 	},
 
 	props: {

package/src/components/CnAdvancedFormDialog/index.js

@@ -1,4 +1,7 @@
-export { default as CnAdvancedFormDialog } from './CnAdvancedFormDialog.vue'
-export { default as CnPropertiesTab } from './CnPropertiesTab.vue'
-export { default as CnMetadataTab } from './CnMetadataTab.vue'
-export { default as CnPropertyValueCell } from './CnPropertyValueCell.vue'
+import CnAdvancedFormDialog from './CnAdvancedFormDialog.vue'
+import CnPropertiesTab from './CnPropertiesTab.vue'
+import CnMetadataTab from './CnMetadataTab.vue'
+import CnPropertyValueCell from './CnPropertyValueCell.vue'
+
+export default CnAdvancedFormDialog
+export { CnAdvancedFormDialog, CnPropertiesTab, CnMetadataTab, CnPropertyValueCell }

package/src/components/CnCard/index.js

@@ -1 +1,4 @@
-export { default as CnCard } from './CnCard.vue'
+import CnCard from './CnCard.vue'
+
+export default CnCard
+export { CnCard }

package/src/components/CnCardGrid/index.js

@@ -1 +1,4 @@
-export { default as CnCardGrid } from './CnCardGrid.vue'
+import CnCardGrid from './CnCardGrid.vue'
+
+export default CnCardGrid
+export { CnCardGrid }

package/src/components/CnCellRenderer/index.js

@@ -1 +1,4 @@
-export { default as CnCellRenderer } from './CnCellRenderer.vue'
+import CnCellRenderer from './CnCellRenderer.vue'
+
+export default CnCellRenderer
+export { CnCellRenderer }

package/src/components/CnChartWidget/index.js

@@ -1 +1,4 @@
-export { default as CnChartWidget } from './CnChartWidget.vue'
+import CnChartWidget from './CnChartWidget.vue'
+
+export default CnChartWidget
+export { CnChartWidget }

package/src/components/CnChatPage/index.js

@@ -1 +1,4 @@
-export { default as CnChatPage } from './CnChatPage.vue'
+import CnChatPage from './CnChatPage.vue'
+
+export default CnChatPage
+export { CnChatPage }

package/src/components/CnColorPicker/index.js

@@ -1 +1,4 @@
-export { default as CnColorPicker } from './CnColorPicker.vue'
+import CnColorPicker from './CnColorPicker.vue'
+
+export default CnColorPicker
+export { CnColorPicker }

package/src/components/CnConfigurationCard/index.js

@@ -1 +1,4 @@
-export { default as CnConfigurationCard } from './CnConfigurationCard.vue'
+import CnConfigurationCard from './CnConfigurationCard.vue'
+
+export default CnConfigurationCard
+export { CnConfigurationCard }

package/src/components/CnContextMenu/index.js

@@ -1 +1,4 @@
-export { default as CnContextMenu } from './CnContextMenu.vue'
+import CnContextMenu from './CnContextMenu.vue'
+
+export default CnContextMenu
+export { CnContextMenu }

package/src/components/CnCopyDialog/index.js

@@ -1 +1,4 @@
-export { default as CnCopyDialog } from './CnCopyDialog.vue'
+import CnCopyDialog from './CnCopyDialog.vue'
+
+export default CnCopyDialog
+export { CnCopyDialog }

package/src/components/CnDashboardGrid/index.js

@@ -1 +1,4 @@
-export { default as CnDashboardGrid } from './CnDashboardGrid.vue'
+import CnDashboardGrid from './CnDashboardGrid.vue'
+
+export default CnDashboardGrid
+export { CnDashboardGrid }

package/src/components/CnDashboardPage/index.js

@@ -1 +1,4 @@
-export { default as CnDashboardPage } from './CnDashboardPage.vue'
+import CnDashboardPage from './CnDashboardPage.vue'
+
+export default CnDashboardPage
+export { CnDashboardPage }

package/src/components/CnDataTable/index.js

@@ -1 +1,4 @@
-export { default as CnDataTable } from './CnDataTable.vue'
+import CnDataTable from './CnDataTable.vue'
+
+export default CnDataTable
+export { CnDataTable }

package/src/components/CnDeleteDialog/index.js

@@ -1 +1,4 @@
-export { default as CnDeleteDialog } from './CnDeleteDialog.vue'
+import CnDeleteDialog from './CnDeleteDialog.vue'
+
+export default CnDeleteDialog
+export { CnDeleteDialog }

package/src/components/CnDetailCard/index.js

@@ -1 +1,4 @@
-export { default as CnDetailCard } from './CnDetailCard.vue'
+import CnDetailCard from './CnDetailCard.vue'
+
+export default CnDetailCard
+export { CnDetailCard }

package/src/components/CnDetailGrid/index.js

@@ -1 +1,4 @@
-export { default as CnDetailGrid } from './CnDetailGrid.vue'
+import CnDetailGrid from './CnDetailGrid.vue'
+
+export default CnDetailGrid
+export { CnDetailGrid }

package/src/components/CnDetailPage/index.js

@@ -1 +1,4 @@
-export { default as CnDetailPage } from './CnDetailPage.vue'
+import CnDetailPage from './CnDetailPage.vue'
+
+export default CnDetailPage
+export { CnDetailPage }

package/src/components/CnFacetSidebar/index.js

@@ -1 +1,4 @@
-export { default as CnFacetSidebar } from './CnFacetSidebar.vue'
+import CnFacetSidebar from './CnFacetSidebar.vue'
+
+export default CnFacetSidebar
+export { CnFacetSidebar }

package/src/components/CnFilesPage/index.js

@@ -1 +1,4 @@
-export { default as CnFilesPage } from './CnFilesPage.vue'
+import CnFilesPage from './CnFilesPage.vue'
+
+export default CnFilesPage
+export { CnFilesPage }

package/src/components/CnFilterBar/index.js

@@ -1 +1,4 @@
-export { default as CnFilterBar } from './CnFilterBar.vue'
+import CnFilterBar from './CnFilterBar.vue'
+
+export default CnFilterBar
+export { CnFilterBar }

package/src/components/CnFormDialog/index.js

@@ -1 +1,4 @@
-export { default as CnFormDialog } from './CnFormDialog.vue'
+import CnFormDialog from './CnFormDialog.vue'
+
+export default CnFormDialog
+export { CnFormDialog }

package/src/components/CnIcon/index.js

@@ -1 +1,4 @@
-export { default as CnIcon, ICON_MAP, registerIcons } from './CnIcon.vue'
+import CnIcon, { ICON_MAP, registerIcons } from './CnIcon.vue'
+
+export default CnIcon
+export { CnIcon, ICON_MAP, registerIcons }

package/src/components/CnIndexPage/index.js

@@ -1 +1,4 @@
-export { default as CnIndexPage } from './CnIndexPage.vue'
+import CnIndexPage from './CnIndexPage.vue'
+
+export default CnIndexPage
+export { CnIndexPage }

package/src/components/CnIndexSidebar/index.js

@@ -1 +1,4 @@
-export { default as CnIndexSidebar } from './CnIndexSidebar.vue'
+import CnIndexSidebar from './CnIndexSidebar.vue'
+
+export default CnIndexSidebar
+export { CnIndexSidebar }

package/src/components/CnInfoWidget/index.js

@@ -1 +1,4 @@
-export { default as CnInfoWidget } from './CnInfoWidget.vue'
+import CnInfoWidget from './CnInfoWidget.vue'
+
+export default CnInfoWidget
+export { CnInfoWidget }

package/src/components/CnItemCard/index.js

@@ -1 +1,4 @@
-export { default as CnItemCard } from './CnItemCard.vue'
+import CnItemCard from './CnItemCard.vue'
+
+export default CnItemCard
+export { CnItemCard }

package/src/components/CnJsonViewer/index.js

@@ -1 +1,4 @@
-export { default as CnJsonViewer } from './CnJsonViewer.vue'
+import CnJsonViewer from './CnJsonViewer.vue'
+
+export default CnJsonViewer
+export { CnJsonViewer }

package/src/components/CnKpiGrid/index.js

@@ -1 +1,4 @@
-export { default as CnKpiGrid } from './CnKpiGrid.vue'
+import CnKpiGrid from './CnKpiGrid.vue'
+
+export default CnKpiGrid
+export { CnKpiGrid }

package/src/components/CnLogsPage/index.js

@@ -1 +1,4 @@
-export { default as CnLogsPage } from './CnLogsPage.vue'
+import CnLogsPage from './CnLogsPage.vue'
+
+export default CnLogsPage
+export { CnLogsPage }

package/src/components/CnMassActionBar/index.js

@@ -1 +1,4 @@
-export { default as CnMassActionBar } from './CnMassActionBar.vue'
+import CnMassActionBar from './CnMassActionBar.vue'
+
+export default CnMassActionBar
+export { CnMassActionBar }

package/src/components/CnMassCopyDialog/index.js

@@ -1 +1,4 @@
-export { default as CnMassCopyDialog } from './CnMassCopyDialog.vue'
+import CnMassCopyDialog from './CnMassCopyDialog.vue'
+
+export default CnMassCopyDialog
+export { CnMassCopyDialog }

package/src/components/CnMassDeleteDialog/index.js

@@ -1 +1,4 @@
-export { default as CnMassDeleteDialog } from './CnMassDeleteDialog.vue'
+import CnMassDeleteDialog from './CnMassDeleteDialog.vue'
+
+export default CnMassDeleteDialog
+export { CnMassDeleteDialog }

package/src/components/CnMassExportDialog/index.js

@@ -1 +1,4 @@
-export { default as CnMassExportDialog } from './CnMassExportDialog.vue'
+import CnMassExportDialog from './CnMassExportDialog.vue'
+
+export default CnMassExportDialog
+export { CnMassExportDialog }

package/src/components/CnMassImportDialog/index.js

@@ -1 +1,4 @@
-export { default as CnMassImportDialog } from './CnMassImportDialog.vue'
+import CnMassImportDialog from './CnMassImportDialog.vue'
+
+export default CnMassImportDialog
+export { CnMassImportDialog }

package/src/components/CnNoteCard/index.js

@@ -1 +1,4 @@
-export { default as CnNoteCard } from './CnNoteCard.vue'
+import CnNoteCard from './CnNoteCard.vue'
+
+export default CnNoteCard
+export { CnNoteCard }

package/src/components/CnNotesCard/index.js

@@ -1 +1,4 @@
-export { default as CnNotesCard } from './CnNotesCard.vue'
+import CnNotesCard from './CnNotesCard.vue'
+
+export default CnNotesCard
+export { CnNotesCard }

package/src/components/CnObjectCard/index.js

@@ -1 +1,4 @@
-export { default as CnObjectCard } from './CnObjectCard.vue'
+import CnObjectCard from './CnObjectCard.vue'
+
+export default CnObjectCard
+export { CnObjectCard }

package/src/components/CnObjectDataWidget/index.js

@@ -1 +1,4 @@
-export { default as CnObjectDataWidget } from './CnObjectDataWidget.vue'
+import CnObjectDataWidget from './CnObjectDataWidget.vue'
+
+export default CnObjectDataWidget
+export { CnObjectDataWidget }

package/src/components/CnObjectMetadataWidget/index.js

@@ -1 +1,4 @@
-export { default as CnObjectMetadataWidget } from './CnObjectMetadataWidget.vue'
+import CnObjectMetadataWidget from './CnObjectMetadataWidget.vue'
+
+export default CnObjectMetadataWidget
+export { CnObjectMetadataWidget }

package/src/components/CnObjectSidebar/index.js

@@ -1,6 +1,9 @@
-export { default as CnObjectSidebar } from './CnObjectSidebar.vue'
-export { default as CnFilesTab } from './CnFilesTab.vue'
-export { default as CnNotesTab } from './CnNotesTab.vue'
-export { default as CnTagsTab } from './CnTagsTab.vue'
-export { default as CnTasksTab } from './CnTasksTab.vue'
-export { default as CnAuditTrailTab } from './CnAuditTrailTab.vue'
+import CnObjectSidebar from './CnObjectSidebar.vue'
+import CnFilesTab from './CnFilesTab.vue'
+import CnNotesTab from './CnNotesTab.vue'
+import CnTagsTab from './CnTagsTab.vue'
+import CnTasksTab from './CnTasksTab.vue'
+import CnAuditTrailTab from './CnAuditTrailTab.vue'
+
+export default CnObjectSidebar
+export { CnObjectSidebar, CnFilesTab, CnNotesTab, CnTagsTab, CnTasksTab, CnAuditTrailTab }

package/src/components/CnPageHeader/index.js

@@ -1 +1,4 @@
-export { default as CnPageHeader } from './CnPageHeader.vue'
+import CnPageHeader from './CnPageHeader.vue'
+
+export default CnPageHeader
+export { CnPageHeader }

package/src/components/CnPageRenderer/pageTypes.js

@@ -8,9 +8,24 @@ import { defineAsyncComponent } from 'vue'
  * library extensions can add their own by passing a merged map to
  * `CnAppRoot` (or `CnPageRenderer`) via the `pageTypes` prop.
  *
- * Each entry is wrapped in `defineAsyncComponent` so that apps using
- * only a subset of types do not pay the bundle cost for the others
- * (notably `dashboard` which depends on GridStack).
+ * Each entry uses `defineAsyncComponent` with an explicit
+ * `.then(m => m.default)` unwrap. The unwrap is load-bearing: rollup's
+ * `inlineDynamicImports: true` flattens every `import()` call into a
+ * `Promise.resolve().then(() => namespace)` where `namespace` is a
+ * frozen `Object.freeze({__proto__: null, default: <component>})`.
+ * Vue 2's async-component resolution against that frozen wrapper trips
+ * `Cannot add property _Ctor, object is not extensible` when downstream
+ * `Vue.extend()` (e.g. via Vue Router or `<component :is>`) tries to
+ * attach its internal `_Ctor` cache. Pre-unwrapping the `default`
+ * property yields the raw, extensible component options object —
+ * which Vue can then mutate freely.
+ *
+ * Keeping `defineAsyncComponent` (rather than collapsing to static
+ * imports) preserves the test-environment hack of NOT loading
+ * `CnDashboardPage` → `CnDashboardGrid` → `gridstack` at module-load
+ * time; gridstack ships ESM that Jest's default transform refuses
+ * unless explicitly allowlisted. Async imports keep that load
+ * deferred to actual render.
  *
  * The special `custom` type is NOT registered here — CnPageRenderer
  * handles it inline, resolving `page.component` against the
@@ -31,11 +46,11 @@ import { defineAsyncComponent } from 'vue'
  *   `src/components/index.js` barrel. No change to CnPageRenderer.vue.
  */
 export const defaultPageTypes = {
-	index: defineAsyncComponent(() => import('../CnIndexPage/CnIndexPage.vue')),
-	detail: defineAsyncComponent(() => import('../CnDetailPage/CnDetailPage.vue')),
-	dashboard: defineAsyncComponent(() => import('../CnDashboardPage/CnDashboardPage.vue')),
-	logs: defineAsyncComponent(() => import('../CnLogsPage/CnLogsPage.vue')),
-	settings: defineAsyncComponent(() => import('../CnSettingsPage/CnSettingsPage.vue')),
-	chat: defineAsyncComponent(() => import('../CnChatPage/CnChatPage.vue')),
-	files: defineAsyncComponent(() => import('../CnFilesPage/CnFilesPage.vue')),
+	index: defineAsyncComponent(() => import('../CnIndexPage/CnIndexPage.vue').then(m => m.default)),
+	detail: defineAsyncComponent(() => import('../CnDetailPage/CnDetailPage.vue').then(m => m.default)),
+	dashboard: defineAsyncComponent(() => import('../CnDashboardPage/CnDashboardPage.vue').then(m => m.default)),
+	logs: defineAsyncComponent(() => import('../CnLogsPage/CnLogsPage.vue').then(m => m.default)),
+	settings: defineAsyncComponent(() => import('../CnSettingsPage/CnSettingsPage.vue').then(m => m.default)),
+	chat: defineAsyncComponent(() => import('../CnChatPage/CnChatPage.vue').then(m => m.default)),
+	files: defineAsyncComponent(() => import('../CnFilesPage/CnFilesPage.vue').then(m => m.default)),
 }

package/src/components/CnPagination/index.js

@@ -1 +1,4 @@
-export { default as CnPagination } from './CnPagination.vue'
+import CnPagination from './CnPagination.vue'
+
+export default CnPagination
+export { CnPagination }

package/src/components/CnProgressBar/index.js

@@ -1 +1,4 @@
-export { default as CnProgressBar } from './CnProgressBar.vue'
+import CnProgressBar from './CnProgressBar.vue'
+
+export default CnProgressBar
+export { CnProgressBar }

package/src/components/CnRegisterMapping/index.js

@@ -1 +1,4 @@
-export { default as CnRegisterMapping } from './CnRegisterMapping.vue'
+import CnRegisterMapping from './CnRegisterMapping.vue'
+
+export default CnRegisterMapping
+export { CnRegisterMapping }

package/src/components/CnRowActions/index.js

@@ -1 +1,4 @@
-export { default as CnRowActions } from './CnRowActions.vue'
+import CnRowActions from './CnRowActions.vue'
+
+export default CnRowActions
+export { CnRowActions }

package/src/components/CnSchemaFormDialog/index.js

@@ -1 +1,4 @@
-export { default as CnSchemaFormDialog } from './CnSchemaFormDialog.vue'
+import CnSchemaFormDialog from './CnSchemaFormDialog.vue'
+
+export default CnSchemaFormDialog
+export { CnSchemaFormDialog }

package/src/components/CnSettingsCard/index.js

@@ -1 +1,4 @@
-export { default as CnSettingsCard } from './CnSettingsCard.vue'
+import CnSettingsCard from './CnSettingsCard.vue'
+
+export default CnSettingsCard
+export { CnSettingsCard }

package/src/components/CnSettingsPage/index.js

@@ -1 +1,4 @@
-export { default as CnSettingsPage } from './CnSettingsPage.vue'
+import CnSettingsPage from './CnSettingsPage.vue'
+
+export default CnSettingsPage
+export { CnSettingsPage }

package/src/components/CnSettingsSection/index.js

@@ -1 +1,4 @@
-export { default as CnSettingsSection } from './CnSettingsSection.vue'
+import CnSettingsSection from './CnSettingsSection.vue'
+
+export default CnSettingsSection
+export { CnSettingsSection }

package/src/components/CnStatsBlock/index.js

@@ -1 +1,4 @@
-export { default as CnStatsBlock } from './CnStatsBlock.vue'
+import CnStatsBlock from './CnStatsBlock.vue'
+
+export default CnStatsBlock
+export { CnStatsBlock }

package/src/components/CnStatsPanel/index.js

@@ -1 +1,4 @@
-export { default as CnStatsPanel } from './CnStatsPanel.vue'
+import CnStatsPanel from './CnStatsPanel.vue'
+
+export default CnStatsPanel
+export { CnStatsPanel }

package/src/components/CnStatusBadge/index.js

@@ -1 +1,4 @@
-export { default as CnStatusBadge } from './CnStatusBadge.vue'
+import CnStatusBadge from './CnStatusBadge.vue'
+
+export default CnStatusBadge
+export { CnStatusBadge }

package/src/components/CnTabbedFormDialog/index.js

@@ -1 +1,4 @@
-export { default as CnTabbedFormDialog } from './CnTabbedFormDialog.vue'
+import CnTabbedFormDialog from './CnTabbedFormDialog.vue'
+
+export default CnTabbedFormDialog
+export { CnTabbedFormDialog }

package/src/components/CnTableWidget/index.js

@@ -1 +1,4 @@
-export { default as CnTableWidget } from './CnTableWidget.vue'
+import CnTableWidget from './CnTableWidget.vue'
+
+export default CnTableWidget
+export { CnTableWidget }

package/src/components/CnTasksCard/index.js

@@ -1 +1,4 @@
-export { default as CnTasksCard } from './CnTasksCard.vue'
+import CnTasksCard from './CnTasksCard.vue'
+
+export default CnTasksCard
+export { CnTasksCard }

package/src/components/CnTileWidget/index.js

@@ -1 +1,4 @@
-export { default as CnTileWidget } from './CnTileWidget.vue'
+import CnTileWidget from './CnTileWidget.vue'
+
+export default CnTileWidget
+export { CnTileWidget }

package/src/components/CnTimelineStages/index.js

@@ -1 +1,4 @@
-export { default as CnTimelineStages } from './CnTimelineStages.vue'
+import CnTimelineStages from './CnTimelineStages.vue'
+
+export default CnTimelineStages
+export { CnTimelineStages }

package/src/components/CnUserActionMenu/index.js

@@ -1 +1,4 @@
-export { default as CnUserActionMenu } from './CnUserActionMenu.vue'
+import CnUserActionMenu from './CnUserActionMenu.vue'
+
+export default CnUserActionMenu
+export { CnUserActionMenu }

package/src/components/CnVersionInfoCard/index.js

@@ -1 +1,4 @@
-export { default as CnVersionInfoCard } from './CnVersionInfoCard.vue'
+import CnVersionInfoCard from './CnVersionInfoCard.vue'
+
+export default CnVersionInfoCard
+export { CnVersionInfoCard }

package/src/components/CnWidgetRenderer/index.js

@@ -1 +1,4 @@
-export { default as CnWidgetRenderer } from './CnWidgetRenderer.vue'
+import CnWidgetRenderer from './CnWidgetRenderer.vue'
+
+export default CnWidgetRenderer
+export { CnWidgetRenderer }

package/src/components/CnWidgetWrapper/index.js

@@ -1 +1,4 @@
-export { default as CnWidgetWrapper } from './CnWidgetWrapper.vue'
+import CnWidgetWrapper from './CnWidgetWrapper.vue'
+
+export default CnWidgetWrapper
+export { CnWidgetWrapper }