quasar-ui-danx 0.0.22 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/BatchActionMenu.vue

@@ -23,7 +23,7 @@
 </template>
 <script setup>
 import { computed, ref } from 'vue';
-import PopoverMenu from '../../components/Utility/Popover/PopoverMenu';
+import { PopoverMenu } from '../Utility';
 
 const emit = defineEmits(['action']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/MultiFileField.vue

@@ -33,7 +33,7 @@
     </div>
 
     <div class="max-w-[50em] flex items-stretch justify-start">
-      <ImagePreview
+      <FilePreview
           v-for="file in uploadedFiles"
           :key="'file-upload-' + file.id"
           class="w-32 m-2 cursor-pointer bg-neutral-plus-5"
@@ -44,7 +44,7 @@
           :removable="!readonly && !disable"
           @remove="onRemove(file)"
       />
-      <ImagePreview
+      <FilePreview
           v-if="!disable && !readonly"
           class="w-32 m-2 cursor-pointer border border-dashed border-blue-base"
           disabled
@@ -63,7 +63,7 @@
 <script setup>
 import { onMounted } from 'vue';
 import { useMultiFileUpload } from '../../../../helpers';
-import { ImagePreview } from '../../../Utility';
+import { FilePreview } from '../../../Utility';
 import FieldLabel from './FieldLabel';
 
 const emit = defineEmits(['update:model-value']);

package/src/components/ActionTable/Form/Fields/SingleFileField.vue

@@ -31,7 +31,7 @@
       />
     </div>
 
-    <ImagePreview
+    <FilePreview
         v-if="!readonly || uploadedFile"
         class="w-32 cursor-pointer mt-2"
         :class="{'border border-dashed border-blue-base': !uploadedFile, 'mx-auto': !readonly}"
@@ -50,7 +50,7 @@
 <script setup>
 import { onMounted } from 'vue';
 import { useSingleFileUpload } from '../../../../helpers';
-import { ImagePreview } from '../../../Utility';
+import { FilePreview } from '../../../Utility';
 import FieldLabel from './FieldLabel';
 
 const emit = defineEmits(['update:model-value']);

package/src/components/DragAndDrop/ListItemDraggable.vue

@@ -17,7 +17,7 @@
 </template>
 <script setup>
 import { DragHandleDotsIcon as DragHandleIcon } from '../../svg';
-import SvgImg from '../Utility/SvgImg';
+import { SvgImg } from '../Utility';
 import { ListDragAndDrop } from './listDragAndDrop';
 
 const emit = defineEmits(['position', 'update:list-items']);

package/src/components/Utility/Buttons/index.ts

@@ -0,0 +1,2 @@
+export { default as ExportButton } from "./ExportButton.vue";
+export { default as RefreshButton } from "./RefreshButton.vue";

package/src/components/Utility/Dialogs/index.ts

@@ -0,0 +1,5 @@
+export { default as ConfirmDialog } from "./ConfirmDialog.vue";
+export { default as FullScreenCarouselDialog } from "./FullscreenCarouselDialog.vue";
+export { default as FullScreenDialog } from "./FullScreenDialog.vue";
+export { default as InfoDialog } from "./InfoDialog.vue";
+export { default as InputDialog } from "./InputDialog.vue";

package/src/components/Utility/{ImagePreview.vue → Files/FilePreview.vue}

@@ -100,9 +100,9 @@
 <script setup>
 import { DocumentTextIcon as TextFileIcon, DownloadIcon, PlayIcon } from '@heroicons/vue/outline';
 import { computed, ref } from 'vue';
-import { FullScreenCarouselDialog } from '.';
-import { download } from '../../helpers';
-import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from '../../svg';
+import { download } from '../../../helpers';
+import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from '../../../svg';
+import { FullScreenCarouselDialog } from '../Dialogs';
 
 const emit = defineEmits(['remove']);
 const props = defineProps({

package/src/components/Utility/Files/index.ts

@@ -0,0 +1,2 @@
+export { default as FilePreview } from "./FilePreview.vue";
+export { default as SvgImg } from "./SvgImg.vue";

package/src/components/Utility/Formats/AddressFormat.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="address-format">
+    <div v-if="address.attn" class="address-attn">Attn: {{ address.attn }}</div>
+    <div v-else-if="address.name" class="address-name">{{ address.name }}</div>
+    <template v-if="address.line1">
+      <div class="address-line-1">
+        {{ address.line1 }}
+      </div>
+      <div v-if="address.line2" class="address-line-2">
+        {{ address.line2 }}
+      </div>
+      <div v-if="address.line3" class="address-line-3">
+        {{ address.line3 }}
+      </div>
+      <div class="address-city-state-zip">
+        <template v-if="address.city">{{ address.city }},</template>
+        {{ address.state }} {{ address.zip_code }}
+      </div>
+    </template>
+  </div>
+</template>
+<script setup>
+defineProps({
+  address: {
+    type: Object,
+    required: true
+  }
+});
+</script>

package/src/components/Utility/Formats/GpsCoordinatesFormat.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="flex flex-nowrap items-center">
+    <LocationIcon class="mr-1 ml-[-.2em]" :class="iconClass" />
+    <div v-if="location?.latitude" class="whitespace-nowrap">
+      {{ location.latitude.toFixed(decimals) }},
+      {{ location.longitude.toFixed(decimals) }}
+    </div>
+    <template v-else>Unknown</template>
+  </div>
+</template>
+<script setup>
+import { LocationMarkerIcon as LocationIcon } from "@heroicons/vue/solid";
+
+defineProps({
+  location: {
+    type: Object,
+    default: null,
+  },
+  decimals: {
+    type: Number,
+    default: 6,
+  },
+  iconClass: {
+    type: String,
+    default: "w-7",
+  },
+});
+</script>

package/src/components/Utility/Formats/IconWithTextFormat.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="flex items-center">
+    <component :is="icon" :class="iconClass" />
+    <div :class="textClass">
+      <slot />
+    </div>
+  </div>
+</template>
+<script setup>
+defineProps({
+  icon: {
+    type: [String, Object],
+    required: true
+  },
+  iconClass: {
+    type: String,
+    default: "w-6"
+  },
+  textClass: {
+    type: String,
+    default: "ml-2"
+  }
+});
+</script>

package/src/components/Utility/Formats/index.ts

@@ -0,0 +1,4 @@
+export { default as AddressFormat } from "./AddressFormat.vue";
+export { default as FlatListFormat } from "./FlatListFormat.vue";
+export { default as GpsCoordinatesFormat } from "./GpsCoordinatesFormat.vue";
+export { default as IconWithTextFormat } from "./IconWithTextFormat.vue";

package/src/components/Utility/Layouts/index.ts

@@ -0,0 +1,2 @@
+export { default as CollapsableSidebar } from "./CollapsableSidebar.vue";
+export { default as ContentDrawer } from "./ContentDrawer.vue";

package/src/components/Utility/Popovers/index.ts

@@ -0,0 +1 @@
+export { default as PopoverMenu } from "./PopoverMenu.vue";

package/src/components/Utility/Transitions/index.ts

@@ -0,0 +1,3 @@
+export { default as ListTransition } from "./ListTransition.vue";
+export { default as SlideTransition } from "./SlideTransition.vue";
+export { default as StaggeredListTransition } from "./StaggeredListTransition.vue";

package/src/components/Utility/index.ts

@@ -1,14 +1,7 @@
-export { default as CollapsableSidebar } from "./CollapsableSidebar.vue";
-export { default as ConfirmDialog } from "./Dialogs/ConfirmDialog.vue";
-export { default as ContentDrawer } from "./ContentDrawer.vue";
-export { default as ExportButton } from "src/components/Utility/Buttons/ExportButton.vue";
-export { default as FlatList } from "./FlatList.vue";
-export { default as FullScreenCarouselDialog } from "./Dialogs/FullscreenCarouselDialog.vue";
-export { default as FullScreenDialog } from "./Dialogs/FullScreenDialog.vue";
-export { default as ImagePreview } from "./ImagePreview.vue";
-export { default as InfoDialog } from "./Dialogs/InfoDialog.vue";
-export { default as InputDialog } from "./Dialogs/InputDialog.vue";
-export { default as ListTransition } from "./Transitions/ListTransition.vue";
-export { default as RefreshButton } from "src/components/Utility/Buttons/RefreshButton.vue";
-export { default as SlideTransition } from "./Transitions/SlideTransition.vue";
-export { default as StaggeredListTransition } from "./Transitions/StaggeredListTransition.vue";
+export * from "./Buttons";
+export * from "./Dialogs";
+export * from "./Files";
+export * from "./Formats";
+export * from "./Layouts";
+export * from "./Popovers";
+export * from "./Transitions";