From 24a4cd43094d85d6e97bde5e422a4f3cb1389bce Mon Sep 17 00:00:00 2001
From: Dahyun Yu <yuda@mz.co.kr>
Date: Thu, 16 Feb 2023 16:50:08 +0900
Subject: [PATCH] feat(search-table): delete `PSearchTable` component (#302)

Signed-off-by: Dahyun Yu <yuda@megazone.com>
---
 src/components.ts                             |   1 -
 .../tables/search-table/PSearchTable.vue      | 183 ------------------
 src/data-display/tables/search-table/type.ts  |  35 ----
 3 files changed, 219 deletions(-)
 delete mode 100644 src/data-display/tables/search-table/PSearchTable.vue
 delete mode 100644 src/data-display/tables/search-table/type.ts

diff --git a/src/components.ts b/src/components.ts
index 7f0bc3544..3e31a3d9e 100644
--- a/src/components.ts
+++ b/src/components.ts
@@ -65,7 +65,6 @@ export { default as PQuerySearchTags } from './inputs/search/query-search-tags/P
 export { default as PFilterableQueryDropdown } from './inputs/dropdown/filterable-query-dropdown/PFilterableQueryDropdown.vue';
 export { default as PDataTable } from './data-display/tables/data-table/PDataTable.vue';
 export { default as PDefinitionTable } from './data-display/tables/definition-table/PDefinitionTable.vue';
-export { default as PSearchTable } from './data-display/tables/search-table/PSearchTable.vue';
 export { default as PToolboxTable } from './data-display/tables/toolbox-table/PToolboxTable.vue';
 export { default as PButtonTab } from './navigation/tabs/button-tab/PButtonTab.vue';
 export { default as PTab } from './navigation/tabs/tab/PTab.vue';
diff --git a/src/data-display/tables/search-table/PSearchTable.vue b/src/data-display/tables/search-table/PSearchTable.vue
deleted file mode 100644
index f3c3f07ac..000000000
--- a/src/data-display/tables/search-table/PSearchTable.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-    <p-toolbox-table class="p-search-table"
-                     search-type="plain"
-                     :searchable="searchable"
-                     :fields="fields"
-                     :items="items"
-                     :loading="loading"
-                     :total-count="totalCount"
-                     :sort-by.sync="proxyState.sortBy"
-                     :sort-desc.sync="proxyState.sortDesc"
-                     :select-index="proxyState.selectIndex"
-                     :this-page.sync="proxyState.thisPage"
-                     :page-size.sync="proxyState.pageSize"
-                     :search-text.sync="proxyState.searchText"
-                     :exportable="excelVisible"
-                     :page-size-changeable="pageSizeVisible"
-                     use-cursor-loading
-                     :settings-visible="false"
-                     sortable
-                     :selectable="selectable"
-                     :multi-select="multiSelect"
-                     :invalid="invalid"
-                     @change="emitChange"
-                     @select="emitSelect"
-                     @refresh="emitChange()"
-                     @export="emitExport()"
-                     @rowLeftClick="byPassEvent('rowLeftClick', ...arguments)"
-    >
-        <template v-for="(_, slot) of $scopedSlots"
-                  #[slot]="scope"
-        >
-            <slot :name="slot"
-                  v-bind="scope"
-            />
-        </template>
-    </p-toolbox-table>
-</template>
-
-<script lang="ts">
-import {
-    getCurrentInstance, reactive,
-} from 'vue';
-import type { Vue } from 'vue/types/vue';
-
-import type { Options, SearchTableProps } from '@/data-display/tables/search-table/type';
-import PToolboxTable from '@/data-display/tables/toolbox-table/PToolboxTable.vue';
-import { makeOptionalProxy } from '@/utils/composition-helpers';
-
-
-export default {
-    name: 'PSearchTable',
-    components: { PToolboxTable },
-    props: {
-        fields: {
-            type: Array,
-            default: () => ([]),
-        },
-        items: {
-            type: Array,
-            default: () => ([]),
-        },
-        loading: {
-            type: Boolean,
-            default: false,
-        },
-        sortBy: {
-            type: String,
-            default: undefined,
-        },
-        sortDesc: {
-            type: Boolean,
-            default: undefined,
-        },
-        selectIndex: {
-            type: Array,
-            default: undefined,
-        },
-        thisPage: {
-            type: Number,
-            default: undefined,
-        },
-        pageSize: {
-            type: Number,
-            default: undefined,
-        },
-        totalCount: {
-            type: Number,
-            default: 0,
-        },
-        searchText: {
-            type: String,
-            default: undefined,
-        },
-        selectable: {
-            type: Boolean,
-            default: true,
-        },
-        multiSelect: {
-            type: Boolean,
-            default: true,
-        },
-        excelVisible: {
-            type: Boolean,
-            default: true,
-        },
-        pageSizeVisible: {
-            type: Boolean,
-            default: true,
-        },
-        colCopy: {
-            type: Boolean,
-            default: false,
-        },
-        searchable: {
-            type: Boolean,
-            default: true,
-        },
-        invalid: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    setup(props: SearchTableProps, { emit }) {
-        const vm = getCurrentInstance()?.proxy as Vue;
-
-        const proxyState = reactive({
-            selectIndex: makeOptionalProxy<number[]>('selectIndex', vm, [], ['select']),
-            sortBy: makeOptionalProxy<string>('sortBy', vm, ''),
-            sortDesc: makeOptionalProxy<boolean>('sortDesc', vm, true),
-            thisPage: makeOptionalProxy<number>('thisPage', vm, 1),
-            pageSize: makeOptionalProxy<number>('pageSize', vm, 15),
-            searchText: makeOptionalProxy<string>('searchText', vm, ''),
-        });
-
-        /** Event emitter */
-        const emitSelect = (selectIndex) => {
-            proxyState.selectIndex = selectIndex;
-        };
-
-        const emitChange = (options: Options = {}) => {
-            emitSelect([]);
-
-            if (options.searchText !== undefined) {
-                proxyState.thisPage = 1;
-            }
-
-            // check if each option value is 'undefined' to escape auto type casting
-            emit('change', options);
-        };
-
-        const byPassEvent = (name, ...args) => {
-            emit(name, ...args);
-        };
-
-        const emitExport = () => {
-            emit('export');
-        };
-
-        return {
-            proxyState,
-            emitChange,
-            emitExport,
-            emitSelect,
-            byPassEvent,
-        };
-    },
-};
-</script>
-
-<style lang="postcss">
-.p-search-table {
-    .left-toolbox-item {
-        &:last-child {
-            flex-grow: 1;
-        }
-    }
-    >>> .toolbox {
-        .toolbox-bottom {
-            @apply mt-0;
-        }
-    }
-}
-</style>
diff --git a/src/data-display/tables/search-table/type.ts b/src/data-display/tables/search-table/type.ts
deleted file mode 100644
index e836f786b..000000000
--- a/src/data-display/tables/search-table/type.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { DataTableFieldType } from '@/data-display/tables/data-table/type';
-
-export interface SearchTableProps {
-    fields: DataTableFieldType[];
-    items: any[];
-    loading: boolean;
-    sortBy?: string; // sync
-    sortDesc?: boolean; // sync
-    selectIndex?: number[]; // sync
-    thisPage?: number; // sync
-    pageSize?: number; // sync
-    totalCount: number;
-    searchText?: string; // sync
-    selectable: boolean;
-    multiSelect: boolean;
-    excelVisible: boolean;
-    pageSizeVisible: boolean;
-    colCopy: boolean;
-    searchable: boolean;
-}
-
-export interface Options {
-    sortBy?: string;
-    sortDesc?: boolean;
-    pageStart?: number;
-    pageLimit?: number;
-    searchText?: string;
-}
-
-export interface SearchTableListeners {
-    init?: (options: Readonly<Options>) => void|Promise<void>;
-    change?: (options: Readonly<Options>, changedOptions: Partial<Readonly<Options>>) => void|Promise<void>;
-    export?: () => void|Promise<void>;
-    select?: (selectIndex: number[]) => void|Promise<void>;
-}