[9.x] Sort out temporary JS imports (#762)

Author: duncanmcclean

resources/js/components/PublishForm.vue

@@ -218,8 +218,14 @@
 
 <script>
 import { router } from '@statamic/cms/inertia';
-import { ItemActions } from '@statamic/cms';
-import { SaveButtonOptions, HasPreferences, HasActions, clone, resetValuesFromResponse } from '@statamic/cms/temporary';
+import {
+    ItemActions,
+    SaveButtonOptions,
+    HasPreferencesMixin,
+    HasActionsMixin,
+    clone,
+    resetValuesFromResponse
+} from '@statamic/cms';
 import {
     Button,
     Card,
@@ -252,7 +258,7 @@ import striptags from 'striptags';
 import { computed, ref } from 'vue';
 
 export default {
-    mixins: [HasPreferences, HasActions],
+    mixins: [HasPreferencesMixin, HasActionsMixin],
 
     components: {
         Button,

resources/js/components/inputs/relationship/Item.vue

@@ -4,8 +4,8 @@
  * Before doing that, we want to show a confirmation modal to the user.
  */
 
-import { ConfirmationModal, RelatedItem as StatamicRelatedItem } from '@statamic/cms/temporary';
-import { injectPublishContext } from '@statamic/cms/ui';
+import { RelatedItem as StatamicRelatedItem } from '@statamic/cms';
+import { injectPublishContext, ConfirmationModal } from '@statamic/cms/ui';
 import { ref, computed, getCurrentInstance } from 'vue'
 
 const { meta } = injectPublishContext();
@@ -53,7 +53,7 @@ function confirmDeletion() {
         <StatamicRelatedItem v-bind="$props" @removed="removed" />
 
         <ConfirmationModal
-            v-if="showDeletionConfirmationModel"
+            :open="showDeletionConfirmationModel"
             :title="__('Unlink')"
             :body-text="__('Unlinking this model will result in it being deleted. Are you sure you want to do this?')"
             :button-text="__('Delete')"

resources/js/components/revision-history/History.vue

@@ -5,7 +5,7 @@
  */
 
 import Revision from './Revision.vue';
-import { RevisionHistory } from '@statamic/cms/temporary';
+import { RevisionHistory } from '@statamic/cms';
 
 export default {
     components: {

resources/js/components/revision-history/Revision.vue

@@ -76,8 +76,7 @@
 </template>
 
 <script>
-import { DateFormatter } from '@statamic/cms';
-import { RestoreRevision, RevisionPreview } from '@statamic/cms/temporary';
+import { DateFormatter, RestoreRevision, RevisionPreview } from '@statamic/cms';
 import { Subheading, Badge, Avatar } from '@statamic/cms/ui';
 
 export default {