shared-ritm 1.0.50 → 1.0.52

package/src/common/app-sidebar/components/SidebarMenu.vue

@@ -1,27 +1,27 @@
-<template>
-  <div :class="$style.wrapper">
-    <sidebar-menu-item v-for="(item, index) in menuItems" :key="index" :item="item" :minify="minify" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-import SidebarMenuItem from './SidebarMenuItem.vue'
-
-interface Props {
-  menuItems?: any[]
-  minify?: boolean
-}
-const props = defineProps<Props>()
-</script>
-
-<style lang="scss" module>
-.wrapper {
-  overflow-y: auto;
-  overflow-x: hidden;
-  flex-grow: 1;
-  :global(.q-item) {
-    min-height: 54px;
-  }
-}
-</style>
+<template>
+  <div :class="$style.wrapper">
+    <sidebar-menu-item v-for="(item, index) in menuItems" :key="index" :item="item" :minify="minify" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+import SidebarMenuItem from './SidebarMenuItem.vue'
+
+interface Props {
+  menuItems?: any[]
+  minify?: boolean
+}
+const props = defineProps<Props>()
+</script>
+
+<style lang="scss" module>
+.wrapper {
+  overflow-y: auto;
+  overflow-x: hidden;
+  flex-grow: 1;
+  :global(.q-item) {
+    min-height: 54px;
+  }
+}
+</style>

package/src/common/app-sidebar/components/SidebarMenuItem.vue

@@ -1,134 +1,134 @@
-<template>
-  <q-expansion-item
-    v-if="item.items"
-    v-model="test[`${item.icon}`]"
-    header-class="text-purple"
-    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
-  >
-    <template #header>
-      <q-tooltip
-        v-if="minify"
-        :delay="100"
-        transition-show="jump-right"
-        transition-hide="jump-left"
-        anchor="center right"
-        self="center left"
-      >
-        {{ item.label }}
-      </q-tooltip>
-
-      <q-item-section v-if="item.icon" avatar>
-        <app-icon :name="item.icon" color="white" size="24px" />
-      </q-item-section>
-
-      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
-    </template>
-
-    <sidebar-menu-item v-for="(subItem, index) in item.items" :key="index" :item="subItem" />
-  </q-expansion-item>
-  <q-item
-    v-else-if="item.name !== 'sign-out'"
-    v-ripple
-    :class="$style['menu-item']"
-    :active="isRouteActive(item)"
-    active-class="menu-active"
-    clickable
-    @click="goToRoute(item)"
-  >
-    <q-tooltip
-      v-if="minify"
-      :delay="100"
-      transition-show="jump-right"
-      transition-hide="jump-left"
-      anchor="center right"
-      self="center left"
-    >
-      {{ item.label }}
-    </q-tooltip>
-
-    <q-item-section v-if="item.icon" avatar>
-      <app-icon :name="item.icon" color="white" size="24px" />
-    </q-item-section>
-
-    <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
-  </q-item>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, reactive } from 'vue'
-import AppIcon from '@/common/app-icon/AppIcon.vue'
-
-interface Props {
-  minify?: boolean
-  item: {
-    name: string
-    label: string
-    icon: string
-    href: string
-    to: string
-    items: any[]
-  }
-}
-
-const props = defineProps<Props>()
-
-const test = reactive({
-  'repairs-icon': true,
-})
-
-const goToRoute = (item: any) => {
-  window.location.href = item.to
-}
-
-const isRouteActive = (item: any) => {
-  return (item.to === '' && item.items.find((x: any) => x.to === '/repairs/')) || item.to === '/repairs/'
-}
-</script>
-
-<style lang="scss" scoped>
-.expansion-item-active {
-  background: rgba(243, 249, 253, 0.1);
-  border-radius: 10px;
-}
-</style>
-
-<style lang="scss" module>
-.menu-item {
-  margin: 0 8px;
-  &:global(.menu-active) {
-    border-radius: 10px;
-    background: rgba(243, 249, 253, 0.1);
-  }
-  :global(.q-item__section--avatar) {
-    min-width: 24px;
-    padding-right: 14px;
-  }
-
-  :global(.q-expansion-item__content .q-item) {
-    padding-left: 20px;
-  }
-  :global(.q-item__section--main ~ .q-item__section--side) {
-    color: white;
-  }
-  &__label {
-    color: #fff;
-    font-family: 'Nunito Sans', sans-serif;
-    font-size: 16px;
-    font-weight: 300;
-    white-space: nowrap;
-  }
-}
-
-@media (max-width: 1440px) {
-  .menu-item {
-    margin: 0 4px;
-    :global(.q-item__section--avatar) {
-      min-width: 24px;
-      padding-right: 10px;
-    }
-    &__label {
-      font-size: 14px;
-    }
-  }
-}
-</style>
+<template>
+  <q-expansion-item
+    v-if="item.items"
+    v-model="test[`${item.icon}`]"
+    header-class="text-purple"
+    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
+  >
+    <template #header>
+      <q-tooltip
+        v-if="minify"
+        :delay="100"
+        transition-show="jump-right"
+        transition-hide="jump-left"
+        anchor="center right"
+        self="center left"
+      >
+        {{ item.label }}
+      </q-tooltip>
+
+      <q-item-section v-if="item.icon" avatar>
+        <app-icon :name="item.icon" color="white" size="24px" />
+      </q-item-section>
+
+      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
+    </template>
+
+    <sidebar-menu-item v-for="(subItem, index) in item.items" :key="index" :item="subItem" />
+  </q-expansion-item>
+  <q-item
+    v-else-if="item.name !== 'sign-out'"
+    v-ripple
+    :class="$style['menu-item']"
+    :active="isRouteActive(item)"
+    active-class="menu-active"
+    clickable
+    @click="goToRoute(item)"
+  >
+    <q-tooltip
+      v-if="minify"
+      :delay="100"
+      transition-show="jump-right"
+      transition-hide="jump-left"
+      anchor="center right"
+      self="center left"
+    >
+      {{ item.label }}
+    </q-tooltip>
+
+    <q-item-section v-if="item.icon" avatar>
+      <app-icon :name="item.icon" color="white" size="24px" />
+    </q-item-section>
+
+    <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
+  </q-item>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, reactive } from 'vue'
+import AppIcon from '@/common/app-icon/AppIcon.vue'
+
+interface Props {
+  minify?: boolean
+  item: {
+    name: string
+    label: string
+    icon: string
+    href: string
+    to: string
+    items: any[]
+  }
+}
+
+const props = defineProps<Props>()
+
+const test = reactive({
+  'repairs-icon': true,
+})
+
+const goToRoute = (item: any) => {
+  window.location.href = item.to
+}
+
+const isRouteActive = (item: any) => {
+  return (item.to === '' && item.items.find((x: any) => x.to === '/repairs/')) || item.to === '/repairs/'
+}
+</script>
+
+<style lang="scss" scoped>
+.expansion-item-active {
+  background: rgba(243, 249, 253, 0.1);
+  border-radius: 10px;
+}
+</style>
+
+<style lang="scss" module>
+.menu-item {
+  margin: 0 8px;
+  &:global(.menu-active) {
+    border-radius: 10px;
+    background: rgba(243, 249, 253, 0.1);
+  }
+  :global(.q-item__section--avatar) {
+    min-width: 24px;
+    padding-right: 14px;
+  }
+
+  :global(.q-expansion-item__content .q-item) {
+    padding-left: 20px;
+  }
+  :global(.q-item__section--main ~ .q-item__section--side) {
+    color: white;
+  }
+  &__label {
+    color: #fff;
+    font-family: 'Nunito Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 1440px) {
+  .menu-item {
+    margin: 0 4px;
+    :global(.q-item__section--avatar) {
+      min-width: 24px;
+      padding-right: 10px;
+    }
+    &__label {
+      font-size: 14px;
+    }
+  }
+}
+</style>

package/src/common/app-toggle/index.vue

@@ -1,23 +1,23 @@
-<template>
-  <div>
-    <q-toggle v-model="value" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  modelValue: any
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits(['update:modelValue', 'number'])
-
-const value = computed({
-  get: () => props.modelValue,
-  set: (newValue: any) => emit('update:modelValue', newValue),
-})
-</script>
-
-<style module lang="scss"></style>
+<template>
+  <div>
+    <q-toggle v-model="value" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  modelValue: any
+}
+
+const props = defineProps<Props>()
+const emit = defineEmits(['update:modelValue', 'number'])
+
+const value = computed({
+  get: () => props.modelValue,
+  set: (newValue: any) => emit('update:modelValue', newValue),
+})
+</script>
+
+<style module lang="scss"></style>

package/src/common/app-wrapper/AppWrapper.vue

@@ -1,25 +1,25 @@
-<template>
-  <div class="app-wrapper">
-    <slot />
-  </div>
-</template>
-<script setup lang="ts"></script>
-<style scoped lang="scss">
-.app-wrapper {
-  width: 100%;
-  height: 100%;
-  margin: 20px 0;
-  padding: 30px;
-  border-radius: 24px;
-  background: #fff;
-  box-shadow: 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
-}
-
-@media (max-width: 1440px) {
-  .app-wrapper {
-    margin: 10px 0;
-    padding: 14px;
-    border-radius: 8px;
-  }
-}
-</style>
+<template>
+  <div class="app-wrapper">
+    <slot />
+  </div>
+</template>
+<script setup lang="ts"></script>
+<style scoped lang="scss">
+.app-wrapper {
+  width: 100%;
+  height: 100%;
+  margin: 20px 0;
+  padding: 30px;
+  border-radius: 24px;
+  background: #fff;
+  box-shadow: 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
+}
+
+@media (max-width: 1440px) {
+  .app-wrapper {
+    margin: 10px 0;
+    padding: 14px;
+    border-radius: 14px;
+  }
+}
+</style>

package/src/global.d.ts

@@ -1 +1 @@
-declare module 'shared-ritm'
+declare module 'shared-ritm'

package/src/icons/sidebar/projects-icon.vue

@@ -1,31 +1,31 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="currentWidth"
-    height="currentHeight"
-    viewBox="0 0 24 24"
-    fill="currentFill"
-  >
-    <path
-      d="M13.01 2.91995L18.91 5.53995C20.61 6.28995 20.61 7.52995 18.91 8.27995L13.01 10.8999C12.34 11.1999 11.24 11.1999 10.57 10.8999L4.67002 8.27995C2.97002 7.52995 2.97002 6.28995 4.67002 5.53995L10.57 2.91995C11.24 2.61995 12.34 2.61995 13.01 2.91995Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M3 11C3 11.84 3.63 12.81 4.4 13.15L11.19 16.17C11.71 16.4 12.3 16.4 12.81 16.17L19.6 13.15C20.37 12.81 21 11.84 21 11"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M3 16C3 16.93 3.55 17.77 4.4 18.15L11.19 21.17C11.71 21.4 12.3 21.4 12.81 21.17L19.6 18.15C20.45 17.77 21 16.93 21 16"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="currentWidth"
+    height="currentHeight"
+    viewBox="0 0 24 24"
+    fill="currentFill"
+  >
+    <path
+      d="M13.01 2.91995L18.91 5.53995C20.61 6.28995 20.61 7.52995 18.91 8.27995L13.01 10.8999C12.34 11.1999 11.24 11.1999 10.57 10.8999L4.67002 8.27995C2.97002 7.52995 2.97002 6.28995 4.67002 5.53995L10.57 2.91995C11.24 2.61995 12.34 2.61995 13.01 2.91995Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3 11C3 11.84 3.63 12.81 4.4 13.15L11.19 16.17C11.71 16.4 12.3 16.4 12.81 16.17L19.6 13.15C20.37 12.81 21 11.84 21 11"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3 16C3 16.93 3.55 17.77 4.4 18.15L11.19 21.17C11.71 21.4 12.3 21.4 12.81 21.17L19.6 18.15C20.45 17.77 21 16.93 21 16"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/sidebar/tasks_tasks-icon.vue

@@ -1,39 +1,39 @@
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M12.3701 8.87988H17.6201"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M6.37988 8.87988L7.12988 9.62988L9.37988 7.37988"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M12.3701 15.8799H17.6201"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M6.37988 15.8799L7.12988 16.6299L9.37988 14.3799"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12.3701 8.87988H17.6201"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.37988 8.87988L7.12988 9.62988L9.37988 7.37988"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.3701 15.8799H17.6201"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.37988 15.8799L7.12988 16.6299L9.37988 14.3799"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/sidebar/tasks_today-icon.vue

@@ -1,27 +1,27 @@
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M9.31006 14.7L10.8101 16.2L14.8101 12.2"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M10 6H14C16 6 16 5 16 4C16 2 15 2 14 2H10C9 2 8 2 8 4C8 6 9 6 10 6Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M16 4.02002C19.33 4.20002 21 5.43002 21 10V16C21 20 20 22 15 22H9C4 22 3 20 3 16V10C3 5.44002 4.67 4.20002 8 4.02002"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9.31006 14.7L10.8101 16.2L14.8101 12.2"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 6H14C16 6 16 5 16 4C16 2 15 2 14 2H10C9 2 8 2 8 4C8 6 9 6 10 6Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 4.02002C19.33 4.20002 21 5.43002 21 10V16C21 20 20 22 15 22H9C4 22 3 20 3 16V10C3 5.44002 4.67 4.20002 8 4.02002"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>