bfg-common 1.6.111 → 1.6.113

package/components/common/monitor/advanced/tools/chartOptionsModal/{notification/Notification.vue → Notification.vue}

@@ -1,6 +1,10 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-notification-new
+    v-if="isNewView"
+    :alerts="props.alerts"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-notification-old
+    v-else
     :alerts="props.alerts"
     @remove="emits('remove-alerts')"
   />
@@ -18,12 +22,6 @@ const emits = defineEmits<{
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/advanced/tools/chartOptionsModal/{notification/New.vue → NotificationNew.vue}

@@ -3,8 +3,8 @@
     :messages="props.alerts"
     test-id="chart-options-alerts"
     class="chart-options-alerts"
-    size="md"
     hide-close-button
+    size="md"
   />
 </template>
 

package/components/common/monitor/advanced/tools/chartOptionsModal/{notification/Old.vue → NotificationOld.vue}

@@ -5,7 +5,7 @@
     status="alert-danger"
     class="notification"
     test-id="notification-alert"
-    @remove="emits('remove-alerts')"
+    @remove="onRemove"
   >
   </atoms-alert>
 </template>
@@ -18,6 +18,10 @@ const props = defineProps<{
 const emits = defineEmits<{
   (event: 'remove-alerts'): void
 }>()
+
+const onRemove = (): void => {
+  emits('remove-alerts')
+}
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/Actions.vue

@@ -1,16 +1,26 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-actions-new
+    v-if="isNewView"
     v-model:is-confirm-modal="isConfirmModal"
     v-model:local-selected-chart-option="localSelectedChartOption"
     :chart-options="chartOptions"
     :is-disabled-delete-action="isDisabledDeleteAction"
-    :is-show-save-options-modal="isShowSaveOptionsModal"
     @save-options="onSaveOptions"
     @delete-action="onDeleteAction"
     @apply-delete="onApplyDelete"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-actions-old
+    v-else
+    v-model:is-confirm-modal="isConfirmModal"
+    v-model:local-selected-chart-option="localSelectedChartOption"
+    :chart-options="chartOptions"
+    :is-show-save-options-modal="isShowSaveOptionsModal"
+    :is-disabled-delete-action="isDisabledDeleteAction"
     @show-save-options-modal="onShowSaveOptionsModal"
     @hide-save-options-modal="onHideSaveOptionsModal"
+    @save-options="onSaveOptions"
+    @delete-action="onDeleteAction"
+    @apply-delete="onApplyDelete"
   />
 </template>
 
@@ -36,12 +46,6 @@ const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const localSelectedChartOption = ref<string>('select_options')

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/{New.vue → ActionsNew.vue}

@@ -6,8 +6,8 @@
       :label="localization.common.options"
       :margin-between-trigger="4"
       select-width="100%"
-      test-id="chart-options-select"
       show-text
+      test-id="chart-options-select"
     />
     <ui-input
       v-model="newChartName"
@@ -27,7 +27,7 @@
       @click="onSaveNewName"
     >
       <template #icon>
-        <ui-icon name="check" width="18" height="18" />
+        <ui-icon name="check" width="18" height="18"></ui-icon>
       </template>
       <span>{{ localization.common.save }}</span>
     </ui-button>
@@ -42,7 +42,7 @@
       @click="emits('delete-action')"
     >
       <template #icon>
-        <ui-icon name="delete" width="18" height="18" />
+        <ui-icon name="delete" width="18" height="18"></ui-icon>
       </template>
       <span>{{ localization.common.delete }}</span>
     </ui-button>
@@ -75,13 +75,10 @@ const isConfirmModalLocal = defineModel<boolean>('isConfirmModal', {
 
 const props = defineProps<{
   chartOptions: UI_I_OptionItem[]
-  isShowSaveOptionsModal: boolean // For Console Warning
   isDisabledDeleteAction: boolean
 }>()
 
 const emits = defineEmits<{
-  (event: 'show-save-options-modal'): void // For Console Warning
-  (event: 'hide-save-options-modal'): void // For Console Warning
   (event: 'save-options', value: string): void
   (event: 'delete-action'): void
   (event: 'apply-delete'): void

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/Counters.vue

@@ -1,6 +1,6 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-counters-new
+    v-if="isNewView"
     v-model:total-metric-items="totalMetricItems"
     :chart="props.chart"
     :language="props.language"
@@ -21,15 +21,53 @@
     :objects-loading="props.objectsLoading"
     :objects-data="props.objectsData"
     :valid-date-end="props.validDateEnd"
-    :project="props.project"
-    :power-data="props.powerData"
-    :temperature-data="props.temperatureData"
-    :current-selected-objects="props.currentSelectedObjects"
     :error-last-input="props.errorLastInput"
     :error-date-from="props.errorDateFrom"
     :error-time-from="props.errorTimeFrom"
     :error-date-to="props.errorDateTo"
     :error-time-to="props.errorTimeTo"
+    :project="props.project"
+    :power-data="props.powerData"
+    :temperature-data="props.temperatureData"
+    :current-selected-objects="props.currentSelectedObjects"
+    @select-row="emits('select-row', $event)"
+    @update-chart-type="emits('update-chart-type', $event)"
+    @update-custom-time="emits('update-custom-time', $event)"
+    @update-timespan-type="emits('update-timespan-type', $event)"
+    @update-unit-count="emits('update-unit-count', $event)"
+    @update-period-type="emits('update-period-type', $event)"
+    @update-custom-date-from="emits('update-custom-date-from', $event)"
+    @update-custom-date-to="emits('update-custom-date-to', $event)"
+    @update-custom-time-from="emits('update-custom-time-from', $event)"
+    @update-custom-time-to="emits('update-custom-time-to', $event)"
+    @select-objects="emits('select-objects', $event)"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-counters-old
+    v-else
+    v-model:total-metric-items="totalMetricItems"
+    :chart="props.chart"
+    :language="props.language"
+    :type="props.type"
+    :selected-keys="props.selectedKeys"
+    :selected-chart-type="props.selectedChartType"
+    :selected-timespan-type="props.selectedTimespanType"
+    :units-count="props.unitsCount"
+    :period-type="props.periodType"
+    :selected-custom-time="props.selectedCustomTime"
+    :custom-date-from="props.customDateFrom"
+    :custom-date-to="props.customDateTo"
+    :custom-time-from="props.customTimeFrom"
+    :custom-time-to="props.customTimeTo"
+    :total-cores="props.totalCores"
+    :host-id="props.hostId"
+    :selected-metrics-keys="props.selectedMetricsKeys"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
+    :valid-date-end="props.validDateEnd"
+    :project="props.project"
+    :power-data="props.powerData"
+    :temperature-data="props.temperatureData"
+    :current-selected-objects="props.currentSelectedObjects"
     @select-row="emits('select-row', $event)"
     @update-chart-type="emits('update-chart-type', $event)"
     @update-custom-time="emits('update-custom-time', $event)"
@@ -112,12 +150,6 @@ const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
 const totalMetricItems = ref<number>(0)
 </script>
 

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue

@@ -1,6 +1,11 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-counters-table-table-new
+    v-if="isNewView"
+    v-model:selected-counters="selectedCounters"
+    :counters="counters"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-counters-table-table-old
+    v-else
     v-model:selected-counters="selectedCounters"
     v-model:pagination="pagination"
     :counters="counters"
@@ -39,12 +44,6 @@ const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
-)
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const counters = computed<UI_I_AdvancedCounterItem[]>(() =>

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/{new/New.vue → tableNew/TableNew.vue}

@@ -15,8 +15,8 @@ import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/data
 import type { UI_I_DataTableBody } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import { options } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/new/config/options'
-import { tableDataFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/new/config/tableData'
+import { options } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableNew/config/options'
+import { tableDataFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableNew/config/tableData'
 
 const selectedCountersLocal = defineModel<number[]>('selectedCounters', {
   required: true,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/{new → tableNew}/config/tableData.ts

@@ -1,7 +1,7 @@
 import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import { constructTable } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/new/utils/constructTable'
+import { constructTable } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableNew/utils/constructTable'
 
 export const tableDataFunc = (
   localization: UI_I_Localization,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/{old/Old.vue → tableOld/TableOld.vue}

@@ -32,7 +32,7 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/old/lib/config/tableConfig'
+import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableOld/lib/config/tableConfig'
 
 const selectedCountersLocal = defineModel<number[]>('selectedCounters', {
   required: true,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/{old → tableOld}/lib/config/tableConfig.ts

@@ -4,7 +4,7 @@ import type {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/old/lib/models/types'
+import type { UI_T_AdvancedCountersColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/tableOld/lib/models/types'
 import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
 import {
   constructColumnKey,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/Timespan.vue

@@ -1,6 +1,6 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-counters-timespan-new
+    v-if="isNewView"
     :type="props.type"
     :chart="props.chart"
     :language="props.language"
@@ -20,12 +20,45 @@
     :objects-loading="props.objectsLoading"
     :objects-data="props.objectsData"
     :valid-date-end="props.validDateEnd"
-    :current-selected-objects="props.currentSelectedObjects"
     :error-last-input="props.errorLastInput"
     :error-date-from="props.errorDateFrom"
     :error-time-from="props.errorTimeFrom"
     :error-date-to="props.errorDateTo"
     :error-time-to="props.errorTimeTo"
+    :current-selected-objects="props.currentSelectedObjects"
+    @update-chart-type="emits('update-chart-type', $event)"
+    @update-custom-time="emits('update-custom-time', $event)"
+    @update-timespan-type="emits('update-timespan-type', $event)"
+    @update-unit-count="emits('update-unit-count', $event)"
+    @update-period-type="emits('update-period-type', $event)"
+    @update-custom-date-from="emits('update-custom-date-from', $event)"
+    @update-custom-date-to="emits('update-custom-date-to', $event)"
+    @update-custom-time-from="emits('update-custom-time-from', $event)"
+    @update-custom-time-to="emits('update-custom-time-to', $event)"
+    @select-objects="emits('select-objects', $event)"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-counters-timespan-old
+    v-else
+    :type="props.type"
+    :chart="props.chart"
+    :language="props.language"
+    :selected-chart-type="props.selectedChartType"
+    :selected-timespan-type="props.selectedTimespanType"
+    :units-count="props.unitsCount"
+    :period-type="props.periodType"
+    :selected-custom-time="props.selectedCustomTime"
+    :custom-date-from="props.customDateFrom"
+    :custom-date-to="props.customDateTo"
+    :custom-time-from="props.customTimeFrom"
+    :custom-time-to="props.customTimeTo"
+    :total-cores="props.totalCores"
+    :host-id="props.hostId"
+    :selected-metrics-keys="props.selectedMetricsKeys"
+    :total-metric-items="props.totalMetricItems"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
+    :valid-date-end="props.validDateEnd"
+    :current-selected-objects="props.currentSelectedObjects"
     @update-chart-type="emits('update-chart-type', $event)"
     @update-custom-time="emits('update-custom-time', $event)"
     @update-timespan-type="emits('update-timespan-type', $event)"
@@ -100,12 +133,6 @@ const emits = defineEmits<{
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue

@@ -1,6 +1,13 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-counters-timespan-object-object-new
+    v-if="isNewView"
+    v-model:selected-row="selectedRow"
+    :table-type="tableType"
+    :loading="props.loading"
+    :body-items="bodyItems"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-counters-timespan-object-object-old
+    v-else
     v-model:selected-row="selectedRow"
     v-model:column-items="columnItems"
     v-model:pagination="pagination"
@@ -49,12 +56,6 @@ const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
-)
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const tableType = computed<UI_T_DataGridType>(() => {

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/{new/New.vue → objectNew/ObjectNew.vue}

@@ -22,8 +22,8 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_DataGridType } from '~/components/atoms/table/dataGrid/lib/models/types'
 import type { UI_I_BodyItem } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { options } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/new/lib/config/options'
-import { tableDataFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/new/lib/config/tableData'
+import { options } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/config/options'
+import { tableDataFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/config/tableData'
 
 const selectedRowLocal = defineModel<number[] | number>('selectedRow', {
   required: true,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/{new → objectNew}/lib/config/tableData.ts

@@ -1,7 +1,7 @@
 import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_BodyItem } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { constructTable } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/new/lib/utils/constructTable'
+import { constructTable } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/utils/constructTable'
 
 export const tableDataFunc = (
   localization: UI_I_Localization,

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/{old/Old.vue → objectOld/ObjectOld.vue}

@@ -20,7 +20,8 @@
           class="data-table"
           hide-footer
           server-off
-        />
+        >
+        </atoms-table-data-grid>
       </div>
     </div>
   </div>

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/Metrics.vue

@@ -1,6 +1,11 @@
 <template>
-  <component
-    :is="currentComponent"
+  <common-monitor-advanced-tools-chart-options-modal-metrics-new
+    v-if="isNewView"
+    v-model:selected-metric="selectedMetricLocal"
+    :metrics-items="props.metricsItems"
+  />
+  <common-monitor-advanced-tools-chart-options-modal-metrics-old
+    v-else
     v-model:selected-metric="selectedMetricLocal"
     :metrics-items="props.metricsItems"
   />
@@ -20,12 +25,6 @@ const props = defineProps<{
 const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/overview/OverviewNew.vue

@@ -12,7 +12,7 @@
           :chart="props.charts[key]"
           :update="props.updateHelper"
         />
-        <common-graph-new-empty-block v-else />
+        <common-graph-graph-new-empty-block v-else />
       </div>
     </template>
   </div>

package/components/common/monitor/overview/OverviewOld.vue

@@ -6,7 +6,7 @@
     <template v-else>
       <template
         v-for="(chartData, key) in props.allData"
-        :key="chartData.title || key"
+        :key="chartData.title"
       >
         <div :class="['chart-container', `graph-${chartData.title}`]">
           <div v-if="chartData.loader" class="graphic-loader-block">

package/components/common/monitor/overview/filters/FiltersNew.vue

@@ -78,7 +78,6 @@
     :current-lang="props.currentLang"
     :valid-date-end="props.validDateEnd"
     :selected-node-name="props.selectedNodeName"
-    format-date=""
     @hide="onHideIntervalModal"
     @submit="onSubmitIntervalModal"
   />

package/components/common/monitor/overview/filters/FiltersOld.vue

@@ -59,7 +59,6 @@
     :current-lang="props.currentLang"
     :valid-date-end="props.validDateEnd"
     :selected-node-name="props.selectedNodeName"
-    format-date=""
     @hide="onHideIntervalModal"
     @submit="onSubmitIntervalModal"
   />

package/components/common/pages/hardwareHealth/historyTestimony/GraphNew.vue

@@ -45,7 +45,7 @@
         { loading: props.powerLoading },
       ]"
     >
-      <common-graph-new-empty-block
+      <common-graph-graph-new-empty-block
         v-if="!props.powerData && !props.powerLoading"
       />
       <ui-skeleton-long-metric v-if="props.powerLoading" height="336px" />
@@ -65,7 +65,7 @@
         { loading: props.temperatureLoading },
       ]"
     >
-      <common-graph-new-empty-block
+      <common-graph-graph-new-empty-block
         v-if="!props.temperatureData && !props.temperatureLoading"
       />
       <ui-skeleton-long-metric v-if="props.temperatureLoading" height="336px" />

package/lib/models/interfaces.ts

@@ -43,7 +43,6 @@ export interface UI_I_Localization {
   license: UI_I_ArbitraryObject<string>
   events: UI_I_ArbitraryObject<string>
   zabbix: UI_I_ArbitraryObject<string>
-  monq: UI_I_ArbitraryObject<string>
   glpi: UI_I_ArbitraryObject<string>
   remoteConsole: UI_I_ArbitraryObject<string>
   vmWizard: UI_I_ArbitraryObject<string>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.6.111",
+  "version": "1.6.113",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/components/common/configure/advancedSystemSettings/New.vue

@@ -1,37 +0,0 @@
-<template>
-  <div class="advanced-system-settings flex flex-col h-full">
-    <div v-if="props.isLoading" class="flex justify-between items-start mb-4">
-      <ui-skeleton-item width="160" height="22" />
-      <ui-skeleton-item width="34" height="34" border-radius="8" />
-    </div>
-    <common-configure-advanced-system-settings-tools
-      v-else
-      @show-edit-modal="emits('show-edit-modal')"
-    />
-    <common-configure-advanced-system-settings-table-view
-      :data="props.settings"
-      :is-loading="props.isLoading"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const props = defineProps<{
-  isLoading: boolean
-  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-edit-modal'): void
-}>()
-</script>
-
-<style lang="scss" scoped>
-.advanced-system-settings {
-  margin-top: 6px;
-  margin-right: 14px;
-}
-</style>

package/components/common/configure/advancedSystemSettings/Old.vue

@@ -1,36 +0,0 @@
-<template>
-  <atoms-loader
-    v-show="props.isLoading"
-    test-id="advanced-system-settings-spinner"
-  />
-  <div class="advanced-system-settings flex flex-col h-full">
-    <common-configure-advanced-system-settings-tools
-      class="mb-1"
-      @show-edit-modal="emits('show-edit-modal')"
-    />
-
-    <common-configure-advanced-system-settings-table-view
-      :data="props.settings"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const props = defineProps<{
-  isLoading: boolean
-  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-edit-modal'): void
-}>()
-</script>
-
-<style lang="scss" scoped>
-.advanced-system-settings {
-  padding-left: 10px;
-}
-</style>