quasar-ui-danx 0.0.21 → 0.0.23

package/package.json

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

package/src/components/DragAndDrop/ListItemDraggable.vue

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

package/src/components/Utility/Buttons/ExportButton.vue

@@ -0,0 +1,28 @@
+<template>
+  <QBtn class="bg-neutral-plus-6" :loading="isExporting" @click="onExport">
+    <ExportIcon class="w-5" />
+  </QBtn>
+</template>
+<script setup>
+import { DownloadIcon as ExportIcon } from '@heroicons/vue/solid';
+import { ref } from 'vue';
+import { FlashMessages } from '../../../helpers';
+
+const props = defineProps({
+  exporter: {
+    type: Function,
+    required: true
+  }
+});
+const isExporting = ref(false);
+async function onExport() {
+  isExporting.value = true;
+  try {
+    await props.exporter();
+  } catch (error) {
+    console.error(error);
+    FlashMessages.error('Failed to export data');
+  }
+  isExporting.value = false;
+}
+</script>

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}

@@ -99,10 +99,10 @@
 
 <script setup>
 import { DocumentTextIcon as TextFileIcon, DownloadIcon, PlayIcon } from '@heroicons/vue/outline';
+import { FullScreenCarouselDialog } from 'src/components/Utility/index';
+import { download } from 'src/helpers';
+import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from 'src/svg';
 import { computed, ref } from 'vue';
-import { FullScreenCarouselDialog } from '.';
-import { download } from '../../helpers';
-import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from '../../svg';
 
 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,13 +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 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 "./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";