@milaboratories/uikit 2.10.14 → 2.10.16

package/src/components/DataTable/TableComponent.vue

@@ -1,24 +1,24 @@
 <script lang="ts" setup>
-import './assets/data-table-style.scss';
-import { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from 'vue';
-import TdCell from './TdCell.vue';
-import type { TableSettings, TableData } from './types';
-import TableIcon from './assets/TableIcon.vue';
-import TrHead from './TrHead.vue';
-import ThCell from './ThCell.vue';
-import TrBody from './TrBody.vue';
-import ColumnCaret from './ColumnCaret.vue';
-import { useEventListener } from '../../index';
-import { tapIf } from '@milaboratories/helpers';
-import { useResize } from './composition/useResize';
-import RowsCommandMenu from './RowsCommandMenu.vue';
-import ColumnsCommandMenu from './ColumnsCommandMenu.vue';
-import TScroll from './TScroll.vue';
-import { createState } from './state';
+import "./assets/data-table-style.scss";
+import { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from "vue";
+import TdCell from "./TdCell.vue";
+import type { TableSettings, TableData } from "./types";
+import TableIcon from "./assets/TableIcon.vue";
+import TrHead from "./TrHead.vue";
+import ThCell from "./ThCell.vue";
+import TrBody from "./TrBody.vue";
+import ColumnCaret from "./ColumnCaret.vue";
+import { useEventListener } from "../../index";
+import { tapIf } from "@milaboratories/helpers";
+import { useResize } from "./composition/useResize";
+import RowsCommandMenu from "./RowsCommandMenu.vue";
+import ColumnsCommandMenu from "./ColumnsCommandMenu.vue";
+import TScroll from "./TScroll.vue";
+import { createState } from "./state";
 
 const emit = defineEmits<{
-  (e: 'update:data', value: TableData): void;
-  (e: 'change:sort', value: unknown): void;
+  (e: "update:data", value: TableData): void;
+  (e: "change:sort", value: unknown): void;
 }>();
 
 const props = defineProps<{
@@ -30,10 +30,10 @@ const state = createState(props);
 const hasNoData = computed(() => state.data.rows.length === 0);
 
 const tableBodyStyle = computed(() => ({
-  height: hasNoData.value ? '212px' /* css value */ : state.data.bodyHeight + 'px',
+  height: hasNoData.value ? "212px" /* css value */ : state.data.bodyHeight + "px",
 }));
 
-watch(state.data, (v) => emit('update:data', v), { deep: true });
+watch(state.data, (v) => emit("update:data", v), { deep: true });
 
 watch(props, () => updateDimensions);
 
@@ -62,7 +62,7 @@ watchPostEffect(() => {
   nextTick(updateDimensions);
 });
 
-useEventListener(window, 'resize', () => nextTick(updateDimensions));
+useEventListener(window, "resize", () => nextTick(updateDimensions));
 
 const onWheel = (ev: WheelEvent) => {
   ev.preventDefault();
@@ -78,7 +78,13 @@ const onWheel = (ev: WheelEvent) => {
     </div>
     <div ref="headRef" class="table-head">
       <TrHead>
-        <ThCell v-for="(col, i) in tableColumns" :key="i" :col="col" :style="col.style" @change:sort="$emit('change:sort', $event)" />
+        <ThCell
+          v-for="(col, i) in tableColumns"
+          :key="i"
+          :col="col"
+          :style="col.style"
+          @change:sort="$emit('change:sort', $event)"
+        />
       </TrHead>
     </div>
     <div ref="bodyRef" class="table-body" :style="tableBodyStyle" @wheel="onWheel">
@@ -89,11 +95,22 @@ const onWheel = (ev: WheelEvent) => {
         </div>
       </div>
       <TrBody v-for="(row, i) in tableRows" :key="i" :row="row">
-        <TdCell v-for="cell in row.cells" :key="cell.column.id + ':' + i" :cell="cell" :style="cell.style" />
+        <TdCell
+          v-for="cell in row.cells"
+          :key="cell.column.id + ':' + i"
+          :cell="cell"
+          :style="cell.style"
+        />
       </TrBody>
     </div>
     <div class="carets">
-      <ColumnCaret v-for="(col, i) in tableColumns" :key="i" :column="col" :style="col.style" @change:sort="$emit('change:sort', $event)" />
+      <ColumnCaret
+        v-for="(col, i) in tableColumns"
+        :key="i"
+        :column="col"
+        :style="col.style"
+        @change:sort="$emit('change:sort', $event)"
+      />
     </div>
     <TScroll
       :offset="state.data.scrollTop"

package/src/components/DataTable/TdCell.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import { tapIf } from '@milaboratories/helpers';
-import { showContextMenu } from '../contextMenu';
-import type { ContextOption } from '../contextMenu/types';
-import { injectState } from './keys';
-import type { Row, TableCell } from './types';
-import { computed, ref } from 'vue';
-import BaseCellComponent from './BaseCellComponent.vue';
+import { tapIf } from "@milaboratories/helpers";
+import { showContextMenu } from "../contextMenu";
+import type { ContextOption } from "../contextMenu/types";
+import { injectState } from "./keys";
+import type { Row, TableCell } from "./types";
+import { computed, ref } from "vue";
+import BaseCellComponent from "./BaseCellComponent.vue";
 
 const props = defineProps<{
   cell: TableCell;
@@ -32,7 +32,7 @@ const onClick = (ev: MouseEvent) => {
 };
 
 const onContextMenu = (ev: MouseEvent, row: Row) => {
-  if (ev.type === 'contextmenu') {
+  if (ev.type === "contextmenu") {
     ev.preventDefault();
   } else {
     return;
@@ -49,14 +49,14 @@ const onContextMenu = (ev: MouseEvent, row: Row) => {
   if (onSelectedRows && onSelectedRows.length) {
     if (isSelected) {
       options.push({
-        text: 'Deselect row',
+        text: "Deselect row",
         cb() {
           state.data.selectedRows.delete(props.cell.row.primaryKey);
         },
       });
     } else {
       options.push({
-        text: 'Select row',
+        text: "Select row",
         cb() {
           state.selectRow(props.cell.row.primaryKey);
         },
@@ -66,14 +66,14 @@ const onContextMenu = (ev: MouseEvent, row: Row) => {
 
   if (onSelectedColumns && onSelectedColumns.length) {
     options.push({
-      text: 'Select column',
+      text: "Select column",
       cb() {
         state.selectColumn(props.cell.column.id);
       },
     });
 
     options.push({
-      text: 'Unselect column',
+      text: "Unselect column",
       cb() {
         state.unselectColumn(props.cell.column.id);
       },
@@ -89,7 +89,9 @@ const onContextMenu = (ev: MouseEvent, row: Row) => {
 
 const cellRef = ref<HTMLElement>();
 
-const CustomComponent = computed(() => (props.cell.column.component ? props.cell.column.component() : undefined));
+const CustomComponent = computed(() =>
+  props.cell.column.component ? props.cell.column.component() : undefined,
+);
 </script>
 
 <template>
@@ -102,7 +104,18 @@ const CustomComponent = computed(() => (props.cell.column.component ? props.cell
     @contextmenu="(ev) => onContextMenu(ev, cell.row)"
   >
     <div v-if="cell.control" class="control-cell">{{ cell.row.index }}</div>
-    <component :is="CustomComponent" v-else-if="CustomComponent" :model-value="cell.value" @update:model-value="onInput" />
-    <BaseCellComponent v-else :model-value="cell.value" :value-type="valueTypeRef" :editable="cell.column.editable" @update:model-value="onInput" />
+    <component
+      :is="CustomComponent"
+      v-else-if="CustomComponent"
+      :model-value="cell.value"
+      @update:model-value="onInput"
+    />
+    <BaseCellComponent
+      v-else
+      :model-value="cell.value"
+      :value-type="valueTypeRef"
+      :editable="cell.column.editable"
+      @update:model-value="onInput"
+    />
   </div>
 </template>

package/src/components/DataTable/ThCell.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { showContextMenu } from '../contextMenu';
-import type { ContextOption } from '../contextMenu/types';
-import { rotate } from './domain';
-import type { ColumnSpecSettings } from './types';
+import { showContextMenu } from "../contextMenu";
+import type { ContextOption } from "../contextMenu/types";
+import { rotate } from "./domain";
+import type { ColumnSpecSettings } from "./types";
 
-const emit = defineEmits(['delete:column', 'expand:column', 'change:sort']);
+const emit = defineEmits(["delete:column", "expand:column", "change:sort"]);
 
 defineProps<{
   col: ColumnSpecSettings;
@@ -23,16 +23,21 @@ function onContextMenu(ev: MouseEvent) {
 }
 
 function onSort(col: ColumnSpecSettings) {
-  const v = col.sort?.direction ?? 'DESC';
-  emit('change:sort', {
+  const v = col.sort?.direction ?? "DESC";
+  emit("change:sort", {
     colId: col.id,
-    direction: rotate(v, ['DESC', 'ASC']),
+    direction: rotate(v, ["DESC", "ASC"]),
   });
 }
 </script>
 
 <template>
-  <div class="cell th-cell" :data-col-id.attr="col.id" :class="{ 'justify-center': col.justify, frozen: col.frozen }" @contextmenu="onContextMenu">
+  <div
+    class="cell th-cell"
+    :data-col-id.attr="col.id"
+    :class="{ 'justify-center': col.justify, frozen: col.frozen }"
+    @contextmenu="onContextMenu"
+  >
     <div v-if="col.valueType" :class="col.valueType" />
     {{ col.label }}
     <div v-if="col.sort" class="sort" :class="col.sort.direction" @click.stop="() => onSort(col)" />

package/src/components/DataTable/TrBody.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { ref, nextTick } from 'vue';
-import type { TableRow } from './types';
-import { tapIf } from '@milaboratories/helpers';
+import { ref, nextTick } from "vue";
+import type { TableRow } from "./types";
+import { tapIf } from "@milaboratories/helpers";
 
 defineProps<{
   row: TableRow;
@@ -18,7 +18,14 @@ const onScroll = () => {
 </script>
 
 <template>
-  <div ref="trRef" class="tr-body" scroll="no" :style="row.style" :class="{ selected: row.selected }" @scroll="onScroll">
+  <div
+    ref="trRef"
+    class="tr-body"
+    scroll="no"
+    :style="row.style"
+    :class="{ selected: row.selected }"
+    @scroll="onScroll"
+  >
     <slot />
   </div>
 </template>

package/src/components/DataTable/adapters/AsyncData.ts

@@ -1,7 +1,7 @@
-import type * as Types from '../types';
-import type { DataRow, Row } from '../types';
-import { GAP } from '../constants';
-import { clamp } from '@milaboratories/helpers';
+import type * as Types from "../types";
+import type { DataRow, Row } from "../types";
+import { GAP } from "../constants";
+import { clamp } from "@milaboratories/helpers";
 
 export class AsyncData<D extends DataRow> implements Types.DataSource {
   constructor(

package/src/components/DataTable/adapters/RawData.ts

@@ -1,8 +1,8 @@
-import type * as Types from '../types';
-import type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from '../types';
-import { GAP } from '../constants';
-import { sliceBy } from '../domain';
-import { notEmpty } from '@milaboratories/helpers';
+import type * as Types from "../types";
+import type { DataRow, ResolvePrimaryKey, Row, ResolveRowHeight } from "../types";
+import { GAP } from "../constants";
+import { sliceBy } from "../domain";
+import { notEmpty } from "@milaboratories/helpers";
 
 const rowsStore = new WeakMap<WeakKey, Row[]>();
 

package/src/components/DataTable/assets/TableIcon.vue

@@ -1,6 +1,11 @@
 <template>
   <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z" fill="#CFD1DB" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M24 41.5H9C7.61929 41.5 6.5 40.3807 6.5 39V24H9.5V38.5H24V41.5Z"
+      fill="#CFD1DB"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"

package/src/components/DataTable/assets/data-table-style.scss

@@ -27,7 +27,7 @@
     bottom: 0;
     width: 0;
     z-index: 1;
-    
+
     > div {
       position: absolute;
       top: 6px;
@@ -48,7 +48,7 @@
         width: 100%;
         height: 6px;
         top: -6px;
-        content: '';
+        content: "";
       }
       &:after {
         background-color: var(--handle-bg);
@@ -57,7 +57,7 @@
         width: 100%;
         height: 6px;
         bottom: -6px;
-        content: '';
+        content: "";
       }
     }
   }
@@ -100,13 +100,15 @@
     padding: 0 12px;
 
     /* Shadow M */
-    box-shadow: 0px 4px 12px -2px rgba(15, 36, 77, 0.08), 0px 6px 24px -2px rgba(15, 36, 77, 0.08);
+    box-shadow:
+      0px 4px 12px -2px rgba(15, 36, 77, 0.08),
+      0px 6px 24px -2px rgba(15, 36, 77, 0.08);
 
     hr {
       width: 1px;
       height: 100%;
       margin: 12px 0;
-      background-color: #9BABCC;
+      background-color: #9babcc;
       opacity: 0.24;
     }
 
@@ -149,7 +151,7 @@
 
     .th-cell {
       position: absolute;
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
       font-weight: 600;
       font-size: 14px;
       user-select: none;
@@ -233,7 +235,7 @@
             bottom: 0;
             left: 0;
             right: 0;
-            content: '';
+            content: "";
             background: var(--selected-bg);
             pointer-events: none;
           }
@@ -243,7 +245,7 @@
 
     &__no-data {
       height: 212px;
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -255,7 +257,7 @@
       line-height: 32px;
       letter-spacing: -0.56px;
 
-      >div {
+      > div {
         display: flex;
         flex-direction: column;
         gap: 4px;
@@ -305,4 +307,4 @@
       }
     }
   }
-}
+}

package/src/components/DataTable/composition/useColumn.ts

@@ -1,8 +1,11 @@
-import { useEventListener } from '../../../composition/useEventListener.ts';
-import { useMouseUp } from './useMouseUp';
-import { requestTick } from '../../../helpers';
+import { useEventListener } from "../../../composition/useEventListener.ts";
+import { useMouseUp } from "./useMouseUp";
+import { requestTick } from "../../../helpers";
 
-export function useColumn(cb: (state: { x: number; width: number; diff: number }) => void, clear: () => void) {
+export function useColumn(
+  cb: (state: { x: number; width: number; diff: number }) => void,
+  clear: () => void,
+) {
   let state = undefined as { x: number; width: number } | undefined;
 
   function start(e: { x: number; width: number }) {
@@ -16,7 +19,7 @@ export function useColumn(cb: (state: { x: number; width: number; diff: number }
 
   const handle = requestTick(cb);
 
-  useEventListener(window, 'mousemove', (e: { x: number }) => {
+  useEventListener(window, "mousemove", (e: { x: number }) => {
     if (state) {
       handle({
         x: state.x,

package/src/components/DataTable/composition/useMouseUp.ts

@@ -1,6 +1,6 @@
-import { onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted } from "vue";
 
 export function useMouseUp(update: (ev: globalThis.MouseEvent) => void) {
-  onMounted(() => window.addEventListener('mouseup', update));
-  onUnmounted(() => window.removeEventListener('mouseup', update));
+  onMounted(() => window.addEventListener("mouseup", update));
+  onUnmounted(() => window.removeEventListener("mouseup", update));
 }

package/src/components/DataTable/composition/useResize.ts

@@ -1,22 +1,22 @@
-import type { Ref } from 'vue';
-import { watchEffect, unref } from 'vue';
-import type { ResizeTh } from '../types';
-import { useColumn } from './useColumn';
-import { MIN_COLUMN_WIDTH, RESIZE_GAP } from '../constants';
-import { useMouse } from '../../../composition/useMouse';
-import { useHover } from '../../../composition/useHover';
-import { tapIf, clamp } from '@milaboratories/helpers';
-import { identity } from '@milaboratories/helpers';
-import type { State } from '../state';
+import type { Ref } from "vue";
+import { watchEffect, unref } from "vue";
+import type { ResizeTh } from "../types";
+import { useColumn } from "./useColumn";
+import { MIN_COLUMN_WIDTH, RESIZE_GAP } from "../constants";
+import { useMouse } from "../../../composition/useMouse";
+import { useHover } from "../../../composition/useHover";
+import { tapIf, clamp } from "@milaboratories/helpers";
+import { identity } from "@milaboratories/helpers";
+import type { State } from "../state";
 
 type MaybeRef<T> = T | Ref<T>;
 
 export function getColumnPositions(tableRef: MaybeRef<HTMLElement | undefined>) {
-  const ths = tapIf(unref(tableRef)?.querySelectorAll('.th-cell'), (l) => [...l]) ?? [];
+  const ths = tapIf(unref(tableRef)?.querySelectorAll(".th-cell"), (l) => [...l]) ?? [];
   return ths
     .map((th) => {
       const { width, x } = th.getBoundingClientRect();
-      const colId = th.getAttribute('data-col-id')!;
+      const colId = th.getAttribute("data-col-id")!;
       return identity<ResizeTh>({
         colId,
         width,
@@ -45,7 +45,7 @@ export function useResize(state: State, tableRef: Ref<HTMLElement | undefined>)
     () => {
       data.resize = false;
       data.resizeTh = undefined;
-      document.body.style.cursor = '';
+      document.body.style.cursor = "";
     },
   );
 
@@ -61,7 +61,7 @@ export function useResize(state: State, tableRef: Ref<HTMLElement | undefined>)
 
   watchEffect(() => {
     if (!isHovered.value) {
-      document.body.style.cursor = '';
+      document.body.style.cursor = "";
       return;
     }
 
@@ -74,11 +74,11 @@ export function useResize(state: State, tableRef: Ref<HTMLElement | undefined>)
     });
 
     if (th) {
-      document.body.style.cursor = 'col-resize';
+      document.body.style.cursor = "col-resize";
       data.resizeTh = th;
     } else {
       data.resizeTh = undefined;
-      document.body.style.cursor = '';
+      document.body.style.cursor = "";
     }
   });
 

package/src/components/DataTable/composition/useTableColumns.ts

@@ -1,10 +1,10 @@
-import type { ColumnSpecSettings, TableSettings, TableColumn, TableData } from '../types';
-import type { ComputedRef } from 'vue';
-import { computed } from 'vue';
-import { sliceBy } from '@milaboratories/helpers';
-import { asConst } from '@milaboratories/helpers';
-import { uniqueId } from '@milaboratories/helpers';
-import { GAP } from '../constants';
+import type { ColumnSpecSettings, TableSettings, TableColumn, TableData } from "../types";
+import type { ComputedRef } from "vue";
+import { computed } from "vue";
+import { sliceBy } from "@milaboratories/helpers";
+import { asConst } from "@milaboratories/helpers";
+import { uniqueId } from "@milaboratories/helpers";
+import { GAP } from "../constants";
 
 export function useTableColumns(state: { data: TableData; settings: ComputedRef<TableSettings> }) {
   return computed<TableColumn[]>(() => {
@@ -20,7 +20,7 @@ export function useTableColumns(state: { data: TableData; settings: ComputedRef<
       columns.unshift(
         asConst<ColumnSpecSettings>({
           id: controlId,
-          label: '#',
+          label: "#",
           width: 60,
           frozen: true,
         }),

package/src/components/DataTable/composition/useTableRows.ts

@@ -1,13 +1,13 @@
-import type { ComputedRef } from 'vue';
-import { computed } from 'vue';
-import type { TableCell, TableColumn, TableData, TableRow } from '../types';
-import { identity } from '@milaboratories/helpers';
+import type { ComputedRef } from "vue";
+import { computed } from "vue";
+import type { TableCell, TableColumn, TableData, TableRow } from "../types";
+import { identity } from "@milaboratories/helpers";
 
 export function useTableRows(data: TableData, tableColumns: ComputedRef<TableColumn[]>) {
   const classesRef = computed(() =>
     tableColumns.value.reduce(
       (r, col) => {
-        r[col.id] = col.justify ? 'justify-' + col.justify : '';
+        r[col.id] = col.justify ? "justify-" + col.justify : "";
         return r;
       },
       {} as Record<string | symbol, string>,

package/src/components/DataTable/domain.ts

@@ -1,19 +1,23 @@
 export function toComparable(v: unknown) {
-  if (typeof v === 'number') {
+  if (typeof v === "number") {
     return v;
-  } else if (typeof v === 'string') {
+  } else if (typeof v === "string") {
     return v;
   } else {
     return String(v);
   }
 }
 
-export function compareRecords(sorts: Record<string, 'ASC' | 'DESC'>, a: Record<string, unknown>, b: Record<string, unknown>) {
+export function compareRecords(
+  sorts: Record<string, "ASC" | "DESC">,
+  a: Record<string, unknown>,
+  b: Record<string, unknown>,
+) {
   for (const [name, direction] of Object.entries(sorts)) {
     const v1 = toComparable(a[name]);
     const v2 = toComparable(b[name]);
 
-    const rev = direction === 'DESC' ? -1 : 1;
+    const rev = direction === "DESC" ? -1 : 1;
 
     if (v1 === v2) {
       continue;

package/src/components/DataTable/index.ts

@@ -1,12 +1,12 @@
-import type { TableSettings } from './types';
-import Component from './TableComponent.vue';
-import type * as Types from './types';
-import type { RawTableSettings } from './types';
-import type { ComputedRef } from 'vue';
-import { computed, h, reactive, unref } from 'vue';
-import { RawData } from './adapters/RawData';
-import type { MaybeRef } from '../../types';
-export { AsyncData } from './adapters/AsyncData';
+import type { TableSettings } from "./types";
+import Component from "./TableComponent.vue";
+import type * as Types from "./types";
+import type { RawTableSettings } from "./types";
+import type { ComputedRef } from "vue";
+import { computed, h, reactive, unref } from "vue";
+import { RawData } from "./adapters/RawData";
+import type { MaybeRef } from "../../types";
+export { AsyncData } from "./adapters/AsyncData";
 
 type AnyRef<T> = MaybeRef<T> | ComputedRef<T>;
 
@@ -24,12 +24,22 @@ export { Types };
 
 /** * Adapters ***/
 
-export function rawDataSettings<D extends Types.DataRow>(rows: D[], rawSettings: Types.RawTableSettings<D>): TableSettings {
-  const dataSource = new RawData<D>(rows, rawSettings.resolveRowHeight, rawSettings.resolvePrimaryKey);
+export function rawDataSettings<D extends Types.DataRow>(
+  rows: D[],
+  rawSettings: Types.RawTableSettings<D>,
+): TableSettings {
+  const dataSource = new RawData<D>(
+    rows,
+    rawSettings.resolveRowHeight,
+    rawSettings.resolvePrimaryKey,
+  );
   return { ...rawSettings, dataSource } as TableSettings;
 }
 
-export function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>) {
+export function useRawData<D extends Types.DataRow>(
+  rowsRef: AnyRef<D[]>,
+  raw: MaybeRef<RawTableSettings<D>>,
+) {
   return computed(() => {
     const rows = unref(rowsRef);
     return rawDataSettings(rows, unref(raw));
@@ -42,7 +52,10 @@ export function useRawData<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: M
  * @param raw
  * @returns
  */
-export function useRawDataComponent<D extends Types.DataRow>(rowsRef: AnyRef<D[]>, raw: MaybeRef<RawTableSettings<D>>) {
+export function useRawDataComponent<D extends Types.DataRow>(
+  rowsRef: AnyRef<D[]>,
+  raw: MaybeRef<RawTableSettings<D>>,
+) {
   const settings = computed(() => {
     const rows = unref(rowsRef);
     return rawDataSettings(rows, unref(raw));

package/src/components/DataTable/keys.ts

@@ -1,6 +1,6 @@
-import { type InjectionKey, type ComputedRef, inject } from 'vue';
-import type { TableSettings } from './types';
-import type { State } from './state';
+import { type InjectionKey, type ComputedRef, inject } from "vue";
+import type { TableSettings } from "./types";
+import type { State } from "./state";
 
 export const settingsKey = Symbol() as InjectionKey<ComputedRef<TableSettings>>;