sveltekit-ui 1.1.15 → 1.1.17

package/dist/Components/TableAdvanced/index.svelte.js

@@ -1,1565 +0,0 @@
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_checkbox_manager } from "../Checkbox/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { create_file_input_manager } from "../FileInput/index.svelte.js"
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_content_manager } from "../Content/index.svelte.js"
-import { create_pagination_manager } from "./Pagination/index.svelte.js"
-import { create_sort_by_input_manager } from "./SortByInput/index.svelte.js"
-import { create_column_input_manager } from "./ColumnInput/index.svelte.js"
-import {
-  deep_copy,
-  copy_to_clipboard,
-  json_to_csv,
-  csv_to_json,
-  create_unique_id,
-  set_definition_stack,
-  get_def_from_variable_path,
-  variables_data_type_remaining_to_astc,
-} from "../../client/index.js"
-import { tick } from "svelte"
-import { browser } from "$app/environment"
-import { literal_types } from "../../client/types/index.js"
-
-export function create_table_advanced_manager(config) {
-  const id = create_unique_id(null, 20)
-
-  let mapkit_js_token = $state(null)
-  let definition_stack = $state(null)
-  let row_iter_identifier = $state(null)
-  let rows_data_from_variable_path = $state(null)
-  let row_input_content = $state(null)
-  let is_data_editable = $state(null)
-  let nav_items = $state(null)
-  let is_paginate = $state(null)
-  let is_more_to_load = $state(false)
-  let table_header_max_height = $state(null)
-  let table_row_max_height = $state(null)
-
-  let table_id = $state(null)
-  let table_name = $state(null)
-  let table_description = $state(null)
-  let settings_popover_manager = $state(null)
-  let settings_popover_toggle_button_manager = $state(null)
-  let settings_update_table_name_button_manager = $state(null)
-  let settings_update_table_name_text_input_manager = $state(null)
-  let settings_update_table_description_button_manager = $state(null)
-  let settings_update_table_description_text_input_manager = $state(null)
-  let settings_copy_row_json_schema_button_manager = $state(null)
-  let settings_copy_rows_json_schema_button_manager = $state(null)
-  let settings_preempt_delete_table_popover_button_manager = $state(null)
-  let settings_delete_table_popover_manager = $state(null)
-  let settings_delete_table_cancel_button_manager = $state(null)
-  let settings_delete_table_button_manager = $state(null)
-  let settings_copy_table_id_button_manager = $state(null)
-
-  let columns_prepped = $state(null)
-  let column_ids_display_order = $state([])
-  let rows_prepped = $state(null)
-  let table_search_text_input_manager = $state(null)
-  let pagination_manager = $state(null)
-  let rows_per_page_dropdown_manager = $state(null)
-  let cur_page = $state(1)
-  let load_more_button_manager = $state(null)
-  let sort_by = $state(null)
-  let sort_by_input_manager = $state(null)
-  let is_bulk_select = $state(false)
-  let toggle_bulk_selectable_button_manager = $state(null)
-  let insert_popover_manager = $state(null)
-  let insert_popover_button_manager = $state(null)
-  let preempt_insert_column_popover_manager = $state(null)
-  let preempt_insert_column_button_manager = $state(null)
-  let preempt_insert_row_button_manager = $state(null)
-  let file_popover_manager = $state(null)
-  let file_popover_button_manager = $state(null)
-  let copy_json_button_manager = $state(null)
-  let download_json_button_manager = $state(null)
-  let download_csv_button_manager = $state(null)
-  let copy_structure_button_manager = $state(null)
-
-  let prempt_bulk_upload_rows_popover_button_manager = $state(null)
-  let prempt_bulk_upload_rows_popover_manager = $state(null)
-  let upload_rows_file_input_manager = $state(null)
-  let upload_rows_text_input_manager = $state(null)
-  let upload_rows_prepare_text_button_manager = $state(null)
-  let upload_rows_clear_prepared_data_button_manager = $state(null)
-  let bulk_insert_rows_error_message = $state(null)
-  let bulk_insert_rows_button_manager = $state(null)
-  let bulk_insert_rows_prepared_data = $state(null)
-  let bulk_select_all_rows_toggle_checkbox_manager = $state(null)
-  let bulk_delete_rows_popover_manager = $state(null)
-  let bulk_delete_rows_popover_button_manager = $state(null)
-  let bulk_delete_rows_button_manager = $state(null)
-  let bulk_delete_rows_cancel_button_manager = $state(null)
-
-  let column_edit_id = $state(null)
-  let column_edit_input_manager = $state(null)
-  let column_edit_upsert_column_button_manager = $state(null)
-
-  let row_edit_def_identifier = $state("edit_row_1001234")
-  let row_edit_index = $state(null)
-  let preempt_insert_row_popover_manager = $state(null)
-  let row_edit_content_manager = $state(null)
-  let row_edit_upsert_row_button_manager = $state(null)
-  let row_edit_delete_row_are_you_sure_popover_manager = $state(null)
-  let row_edit_delete_row_are_you_sure_popover_toggle_button_manager = $state(null)
-  let row_edit_delete_row_button_manager = $state(null)
-  let row_edit_delete_row_cancel_button_manager = $state(null)
-  let is_loading_rows = $state(false)
-  let loading_rows_progress = $state(0)
-
-  let rows_data = $derived(get_def_from_variable_path(rows_data_from_variable_path, definition_stack))
-  let row_indexes_display_order = $derived(get_available_row_indexes())
-  let row_indexes_display_order_shown = $derived(get_row_indexes_shown())
-  let row_json_schema = $derived(get_row_json_schema(columns_prepped))
-
-  function get_row_json_schema(input) {
-    console.log("get_row_json_schema", input)
-    let properties = {}
-    if (Object.keys(input || {}).length > 0) {
-      for (let key of Object.keys(input)) {
-        console.log("key", key)
-        if (input?.[key]?.is_db_column && !input?.[key]?.is_autogenerated) {
-          properties[key] = get_json_schema_from_db_type(input?.[key]?.db_data_type)
-        }
-      }
-    } else {
-      return null
-    }
-    return JSON.stringify({
-      type: "object",
-      properties: properties,
-      required: Object.keys(properties),
-      additionalProperties: false,
-    })
-  }
-
-  function get_json_schema_from_db_type(input) {
-    if (input?.type == "array_uniform_literal") {
-      return {
-        type: "array",
-        items: get_json_schema_from_db_type(input?.items),
-      }
-    } else if (input?.type == "object_literal") {
-      let properties = {}
-      for (let key of Object.keys(input?.properties)) {
-        properties[key] = get_json_schema_from_db_type(input?.properties?.[key])
-      }
-      return { type: "object", properties: properties, required: Object.keys(properties), additionalProperties: false }
-    } else if (input?.type == "object_uniform_literal") {
-      // tbd try and avoid this
-      return { type: "null_literal" }
-    }
-    let default_json_schema = literal_types?.[input?.type]?.json_schema
-    if (default_json_schema?.type == "object") {
-      default_json_schema = {
-        ...default_json_schema,
-        required: Object.keys(default_json_schema?.properties),
-        additionalProperties: false,
-      }
-    }
-    return default_json_schema
-  }
-
-  let cur_page_to_use = $derived(
-    !Array.isArray(row_indexes_display_order) || row_indexes_display_order.length < rows_per_page_dropdown_manager?.val
-      ? 1
-      : cur_page
-  )
-
-  let row_indexes_bulk_selected = $derived(
-    Array.isArray(rows_prepped)
-      ? rows_prepped
-          .map((row_prepped, index) => (row_prepped?.bulk_select_checkbox_manager?.val ? index : null))
-          .filter((index) => index !== null)
-      : []
-  )
-
-  function get_available_row_indexes() {
-    let row_indexes = []
-    if (
-      Array.isArray(rows_prepped) &&
-      table_search_text_input_manager?.val &&
-      table_search_text_input_manager?.val.trim() !== ""
-    ) {
-      for (let i = 0; i < rows_prepped.length; i++) {
-        if (
-          rows_prepped[i]?.searchable_text &&
-          rows_prepped[i]?.searchable_text.toLowerCase().includes(table_search_text_input_manager.val.toLowerCase())
-        ) {
-          row_indexes.push(i)
-        }
-      }
-    } else {
-      row_indexes = Array.isArray(rows_prepped) ? Array.from({ length: rows_prepped.length }, (_, i) => i) : []
-    }
-    function get_column_value(row, column_id) {
-      const attrs = row?.columns?.[column_id]?.body_content?.attributes ?? {}
-      const val_from_variable_path = attrs.val_from_variable_path ?? attrs.content_from_variable_path
-      if (val_from_variable_path) {
-        return get_def_from_variable_path(val_from_variable_path, [{ row_i: row?.row_i }, ...definition_stack])
-      }
-      return attrs.val ?? attrs.content ?? null
-    }
-    if (Array.isArray(sort_by) && sort_by.length > 0) {
-      row_indexes.sort((a, b) => {
-        for (let sort_item of sort_by) {
-          const column_id = sort_item?.variable_path?.[0]
-          const is_ascending = !!sort_item?.is_ascending
-          let a_val = get_column_value(rows_prepped[a], column_id)
-          let b_val = get_column_value(rows_prepped[b], column_id)
-          if (a_val === b_val) continue
-          if (a_val == null) return is_ascending ? 1 : -1
-          if (b_val == null) return is_ascending ? -1 : 1
-          if (typeof a_val === "number" && typeof b_val === "number") {
-            return is_ascending ? a_val - b_val : b_val - a_val
-          }
-          const a_str = Array.isArray(a_val) ? a_val.join(",") : String(a_val)
-          const b_str = Array.isArray(b_val) ? b_val.join(",") : String(b_val)
-          if (a_str === b_str) continue
-          return is_ascending ? a_str.localeCompare(b_str) : b_str.localeCompare(a_str)
-        }
-        return 0
-      })
-    }
-    return row_indexes
-  }
-
-  function get_row_indexes_shown() {
-    if (!Array.isArray(row_indexes_display_order)) {
-      return []
-    } else if (row_indexes_display_order.length < rows_per_page_dropdown_manager?.val) {
-      return row_indexes_display_order
-    }
-    const start_index = (cur_page - 1) * rows_per_page_dropdown_manager?.val
-    const end_index = start_index + rows_per_page_dropdown_manager?.val
-    return row_indexes_display_order.slice(start_index, end_index)
-  }
-
-  const raf = () => (browser ? new Promise(requestAnimationFrame) : new Promise((r) => setTimeout(r, 0)))
-
-  async function set_rows_prepped(columns_prepped_input) {
-    is_loading_rows = true
-    rows_prepped = []
-    loading_rows_progress = 0
-    await tick()
-    await raf()
-    const chunk_size = 5
-    const total = Array.isArray(rows_data) ? rows_data?.length : 0
-    let rows_prepped_loc = []
-    for (let i = 0; i < total; i += chunk_size) {
-      const slice_end = Math.min(i + chunk_size, total)
-      for (let j = i; j < slice_end; j++) {
-        rows_prepped_loc.push(get_row_prepped(columns_prepped_input, rows_data[j], j))
-      }
-      rows_prepped = rows_prepped_loc
-      loading_rows_progress = slice_end / total
-      await tick()
-      await raf()
-    }
-    rows_prepped = rows_prepped_loc
-    loading_rows_progress = 1
-    is_loading_rows = false
-  }
-
-  function get_row_prepped(columns_prepped_input, row_data, row_i) {
-    let searchable_text = ""
-    let columns_prepped_loc = {}
-    if (Array.isArray(column_ids_display_order)) {
-      for (let column_id of column_ids_display_order) {
-        let content_manager = create_content_manager({
-          val: columns_prepped_input[column_id]?.body_content,
-          mapkit_js_token: mapkit_js_token,
-          on_event: (input) => {
-            if (typeof config?.on_event == "function") {
-              config?.on_event(input)
-            }
-          },
-          definition_stack: [{ [row_iter_identifier]: row_i }, ...definition_stack],
-          // storage_path: () => storage_path,
-          // is_dark_theme: () => is_dark_theme,
-        })
-        columns_prepped_loc[column_id] = {
-          ...columns_prepped_input?.[column_id],
-          content_manager: content_manager,
-        }
-      }
-    }
-    // // astc_to_embedding_text tbd
-    searchable_text += `${JSON.stringify(row_data)}`?.toString().toLowerCase()
-    let preempt_edit_row_button_input_manager = $state(null)
-    let bulk_select_checkbox_manager = $state(null)
-    preempt_edit_row_button_input_manager = create_button_manager({
-      type: "soft",
-      support_icon: "edit",
-      is_uniform: true,
-      border_radius: 0.5,
-      aria_label: "edit",
-      icon_sw: 40,
-      min_height: 2.4,
-      on_click: () => {
-        preempt_insert_row_popover_manager.open()
-        edit_row(row_i)
-      },
-    })
-    bulk_select_checkbox_manager = create_checkbox_manager({
-      val: false,
-      mt: 0.2,
-      ml: 0.2,
-      mb: 0.2,
-    })
-    return {
-      row_i: row_i,
-      columns: columns_prepped_loc,
-      searchable_text: searchable_text,
-      preempt_edit_row_button_input_manager: preempt_edit_row_button_input_manager,
-      bulk_select_checkbox_manager: bulk_select_checkbox_manager,
-    }
-  }
-
-  function bulk_select_all_rows_toggle(is_select_all = true) {
-    if (Array.isArray(rows_prepped) && rows_prepped.length > 0) {
-      for (let i = 0; i < rows_prepped.length; i++) {
-        rows_prepped[i].bulk_select_checkbox_manager.set_val(is_select_all)
-      }
-    }
-  }
-
-  function set_table_search_text_input(input) {
-    table_search_text_input_manager.set_val(input)
-  }
-
-  function set_columns_prepped(columns) {
-    column_ids_display_order = Object.entries(columns || {})
-      .sort((a, b) => a[1]?.display_order - b[1]?.display_order)
-      .map((entry) => entry[0])
-    let columns_prepped_loc = {}
-    if (Array.isArray(column_ids_display_order)) {
-      for (let column_id of column_ids_display_order) {
-        let content_manager = create_content_manager({
-          val: columns[column_id]?.header_content,
-          mapkit_js_token: mapkit_js_token,
-          on_event: (input) => {
-            if (typeof config?.on_change == "function") {
-              config?.on_change(input)
-            }
-          },
-          definition_stack: definition_stack,
-          // storage_path: () => storage_path,
-          // is_dark_theme: () => is_dark_theme,
-        })
-        let preempt_edit_column_button_manager = $state(null)
-        preempt_edit_column_button_manager = create_button_manager({
-          type: "soft",
-          support_icon: "three_dots",
-          icon_sw: 80,
-          icon_size: 1.4,
-          min_height: 2.4,
-          border_radius: 0.5,
-          is_uniform: true,
-          on_click: () => {
-            edit_column(column_id)
-            preempt_insert_column_popover_manager.open()
-          },
-        })
-        columns_prepped_loc[column_id] = {
-          ...columns[column_id],
-          content_manager: content_manager,
-          preempt_edit_column_button_manager: preempt_edit_column_button_manager,
-        }
-      }
-    }
-    columns_prepped = columns_prepped_loc
-    console.log("columns_prepped", deep_copy(columns_prepped))
-    return columns_prepped
-  }
-
-  function copy_json() {
-    copy_to_clipboard(JSON.stringify(rows_data))
-  }
-
-  function copy_structure() {
-    copy_to_clipboard(JSON.stringify(rows_data))
-  }
-
-  function download_json() {
-    const json_string = JSON.stringify(rows_data)
-    const data_blob = new Blob([json_string], { type: "application/json" })
-    const url = URL.createObjectURL(data_blob)
-    const link = document.createElement("a")
-    link.href = url
-    const filename = "data.json"
-    link.download = filename
-    link.click()
-    URL.revokeObjectURL(url)
-  }
-
-  function download_csv() {
-    const json_string = JSON.stringify(rows_data)
-    const csv = json_to_csv(json_string)
-    const data_blob = new Blob([csv], { type: "text/csv;charset=utf-8;" })
-    const url = URL.createObjectURL(data_blob)
-    const link = document.createElement("a")
-    link.href = url
-    const filename = "data.csv"
-    link.download = filename
-    link.click()
-    URL.revokeObjectURL(url)
-  }
-
-  function edit_column(column_id) {
-    column_edit_id = column_id || null
-    const column = columns_prepped?.[column_id]
-    column_edit_input_manager = create_column_input_manager({
-      column_id: column_id,
-      val: {
-        header_content: column?.header_content,
-        body_content: column?.body_content,
-        description: column?.description,
-        is_shown: column?.is_shown,
-        is_fixed: column?.is_fixed,
-        alignment: column?.alignment,
-        min_width: column?.min_width,
-        max_width: column?.max_width,
-        display_order: column?.display_order,
-        is_db_column: column?.is_db_column,
-        db_data_type: column?.db_data_type,
-        is_use_in_short_display: column?.is_use_in_short_display,
-        is_autogenerated: column?.is_autogenerated,
-        is_updatable: column?.is_updatable,
-        postgres_type: column?.postgres_type,
-        default_value: column?.default_value,
-        quick_sort_variable_path: column?.quick_sort_variable_path,
-        is_primary_key: column?.is_primary_key,
-        is_nullable: column?.is_nullable,
-        is_force_uniqueness: column?.is_force_uniqueness,
-        foreign_table_id: column?.foreign_table_id,
-        is_cascade: column?.is_cascade,
-      },
-      row_iter_identifier: row_iter_identifier,
-      rows_data_from_variable_path: rows_data_from_variable_path,
-      column_input_options: config?.column_input_options,
-      table_options: config?.table_options,
-      on_search_table_row_ids: config?.on_search_table_row_ids,
-      definition_stack: definition_stack,
-      columns: () => columns_prepped,
-      on_delete: async () => {
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "delete_column",
-            column_id: column_id,
-            column: columns_prepped?.[column_id],
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            preempt_insert_column_popover_manager.show_temp_message(
-              "Successfully deleted column",
-              "success",
-              1800,
-              true,
-              () => {
-                let columns_prepped_copy = deep_copy(columns_prepped)
-                delete columns_prepped_copy[column_id]
-                set_columns(columns_prepped_copy)
-                if (typeof res.finish == "function") {
-                  res.finish()
-                }
-              }
-            )
-          }
-          return res
-        }
-      },
-    })
-    let upsert_column_is_loading = $state(false)
-    column_edit_upsert_column_button_manager = create_button_manager({
-      text: column_id ? "Update Column" : "Insert Column",
-      is_loading: () => upsert_column_is_loading,
-      on_click: async () => {
-        upsert_column_is_loading = true
-        if (column_id) {
-          if (typeof config?.on_event == "function") {
-            const res = await config?.on_event({
-              type: "update_column",
-              column_id: column_id,
-              column: column_edit_input_manager?.val,
-              path: rows_data_from_variable_path,
-            })
-            if (res?.is_success) {
-              preempt_insert_column_popover_manager.show_temp_message(
-                "Successfully updated column",
-                "success",
-                1800,
-                true,
-                () => {
-                  let cleaned_columns = deep_copy(columns_prepped ?? {})
-                  delete cleaned_columns[column_id]
-                  cleaned_columns[res?.column_id] = res?.column
-                  set_columns(cleaned_columns)
-                }
-              )
-            } else {
-              preempt_insert_column_popover_manager.show_temp_message(
-                res?.message ?? "Error updating column",
-                "error",
-                1800,
-                false
-              )
-            }
-          }
-        } else {
-          if (typeof config?.on_event == "function") {
-            const res = await config?.on_event({
-              type: "insert_column",
-              column: column_edit_input_manager?.val,
-              path: rows_data_from_variable_path,
-            })
-            if (res?.is_success) {
-              preempt_insert_column_popover_manager.show_temp_message(
-                "Successfully inserted column",
-                "success",
-                1800,
-                true,
-                () => {
-                  let cleaned_columns = deep_copy(columns_prepped ?? {})
-                  cleaned_columns[res?.column_id] = res?.column
-                  console.log("cleaned_columns", cleaned_columns, res)
-                  set_columns(cleaned_columns)
-                }
-              )
-            } else {
-              preempt_insert_column_popover_manager.show_temp_message("Error inserting column", "error", 1800, false)
-            }
-          }
-        }
-        upsert_column_is_loading = false
-      },
-    })
-  }
-
-  function edit_row(row_i) {
-    row_edit_index = row_i
-    const path_to_set = [...rows_data_from_variable_path, Number.isInteger(row_i) ? row_i : 0]
-    let editable_row = null
-    if (!Number.isInteger(row_i)) {
-      editable_row = {}
-    } else {
-      editable_row = get_def_from_variable_path([...rows_data_from_variable_path, row_i], definition_stack)
-    }
-    let row_definition_stack = $state([{ [row_edit_def_identifier]: editable_row }, ...definition_stack])
-    row_edit_content_manager = null
-    setTimeout(() => {
-      // quick fix for when update row then edit a diff row the data for other doesnt remain in place
-      console.log("edit_row", { row_i, row_input_content })
-      row_edit_content_manager = create_content_manager({
-        val: row_input_content ?? null,
-        definition_stack: row_definition_stack,
-        mapkit_js_token: mapkit_js_token,
-        storage_items: null, // tbd
-        on_search_table_row_ids: config?.on_search_table_row_ids,
-        on_event: (input) => {
-          console.log("on_e", deep_copy({ input, row_definition_stack }))
-          const res = set_definition_stack(input, row_definition_stack)
-          row_definition_stack = res?.definition_stack
-          const row_data = get_def_from_variable_path([row_edit_def_identifier], row_definition_stack)
-          return {
-            is_success: true,
-            data: {
-              row_data,
-            },
-          }
-        },
-      })
-    })
-    let upsert_row_is_loading = $state(false)
-    row_edit_upsert_row_button_manager = create_button_manager({
-      text: Number.isInteger(row_i) ? "Update Row" : "Insert Row",
-      is_loading: () => upsert_row_is_loading,
-      on_click: async () => {
-        upsert_row_is_loading = true
-        const row_data = get_def_from_variable_path([row_edit_def_identifier], row_definition_stack)
-        if (Number.isInteger(row_i)) {
-          if (typeof config?.on_event == "function") {
-            const res = await config?.on_event({
-              type: "update_row",
-              row_i: row_i,
-              row: row_data,
-              path: path_to_set,
-            })
-            if (res?.is_success) {
-              preempt_insert_row_popover_manager.show_temp_message(
-                "Successfully updated row",
-                "success",
-                1800,
-                true,
-                () => {
-                  const row_prepped = get_row_prepped(columns_prepped, res?.row, row_i)
-                  rows_prepped[row_prepped?.row_i] = row_prepped
-                }
-              )
-            } else {
-              preempt_insert_row_popover_manager.show_temp_message(
-                res?.message ? `Error updating row: ${res?.message}` : "Error updating row",
-                "error",
-                1800,
-                false
-              )
-            }
-          }
-        } else {
-          if (typeof config?.on_event == "function") {
-            const res = await config?.on_event({
-              type: "insert_row",
-              row: row_data,
-              path: path_to_set,
-            })
-            if (res?.is_success) {
-              preempt_insert_row_popover_manager.show_temp_message(
-                "Successfully inserted row",
-                "success",
-                1800,
-                true,
-                () => set_rows_prepped(columns_prepped)
-              )
-            } else {
-              preempt_insert_row_popover_manager.show_temp_message("Error insering row", "error", 1800, false)
-            }
-          }
-        }
-        upsert_row_is_loading = false
-      },
-    })
-    let delete_row_is_loading = $state(false)
-    row_edit_delete_row_are_you_sure_popover_manager = create_popover_manager({
-      type: "center",
-      min_width: 280,
-      target_width: 300,
-      min_height: 280,
-      target_height: 300,
-      header: "Are You Sure?",
-    })
-    row_edit_delete_row_are_you_sure_popover_toggle_button_manager = create_button_manager({
-      type: "outlined",
-      support_icon: "trashcan",
-      color: "var(--error-t)",
-      is_compressed: true,
-      text: "Delete Row",
-      mt: 5,
-      is_loading: () => delete_row_is_loading,
-      popover_target: `popover_${row_edit_delete_row_are_you_sure_popover_manager?.id}`,
-    })
-    row_edit_delete_row_button_manager = create_button_manager({
-      color: "var(--error-t)",
-      text: "Delete Row",
-      mb: 1,
-      is_loading: () => delete_row_is_loading,
-      on_click: async () => {
-        delete_row_is_loading = true
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "delete_row",
-            path: [...rows_data_from_variable_path, row_i],
-          })
-          if (res?.is_success) {
-            row_edit_delete_row_are_you_sure_popover_manager.show_temp_message(
-              res?.message ?? "Successfully Deleted Row",
-              "success",
-              1800,
-              true,
-              () => set_rows_prepped(columns_prepped)
-            )
-            preempt_insert_row_popover_manager.close()
-          } else {
-            row_edit_delete_row_are_you_sure_popover_manager.show_temp_message(
-              res?.message ?? "Error Deleting Row",
-              "error"
-            )
-          }
-        }
-        delete_row_is_loading = false
-      },
-    })
-    row_edit_delete_row_cancel_button_manager = create_button_manager({
-      type: "outlined",
-      text: "Cancel",
-      on_click: () => row_edit_delete_row_are_you_sure_popover_manager.close(),
-    })
-  }
-
-  function guess_row_input_content(columns) {
-    return {
-      type_id: "div",
-      selector_id: create_unique_id(null, 8),
-      children: Object.entries(columns || {})
-        .sort(([a_column_id, a_val], [b_column_id, b_val]) => {
-          const a_order = a_val?.display_order ?? 0
-          const b_order = b_val?.display_order ?? 0
-          return a_order - b_order
-        })
-        .map(([column_id, val]) => {
-          if (val?.is_autogenerated) {
-            let guessed_column_display_content = variables_data_type_remaining_to_astc(val?.db_data_type, "display", [
-              row_edit_def_identifier,
-              column_id,
-            ])
-            return {
-              type_id: "div",
-              selector_id: create_unique_id(null, 8),
-              children: [
-                {
-                  type_id: "span",
-                  selector_id: create_unique_id(null, 8),
-                  children: [
-                    {
-                      type_id: "strong",
-                      selector_id: create_unique_id(null, 8),
-                      children: [],
-                      attributes: { content: column_id },
-                    },
-                    {
-                      type_id: "em",
-                      selector_id: create_unique_id(null, 8),
-                      children: [],
-                      attributes: { content: " autogenerated " },
-                    },
-                  ],
-                  attributes: {},
-                },
-                guessed_column_display_content,
-                {
-                  type_id: "br",
-                  selector_id: create_unique_id(null, 8),
-                  children: [],
-                  attributes: {},
-                },
-              ],
-              attributes: {},
-            }
-          } else {
-            let guessed_column_input_content = variables_data_type_remaining_to_astc(val?.db_data_type, "input", [
-              row_edit_def_identifier,
-              column_id,
-            ])
-            return {
-              type_id: "div",
-              selector_id: create_unique_id(null, 8),
-              children: [
-                {
-                  type_id: "strong",
-                  selector_id: create_unique_id(null, 8),
-                  children: [],
-                  attributes: { content: column_id },
-                },
-                guessed_column_input_content,
-                {
-                  type_id: "spacer",
-                  selector_id: create_unique_id(null, 8),
-                  children: [],
-                  attributes: {
-                    mt: 1,
-                    mb: 1,
-                  },
-                },
-              ],
-              attributes: {},
-            }
-          }
-        }),
-    }
-  }
-
-  function set_attributes(attributes) {
-    rows_data_from_variable_path = attributes?.rows_data_from_variable_path
-    is_data_editable = attributes?.is_data_editable ?? false
-    nav_items = Array.isArray(attributes?.nav_items)
-      ? attributes.nav_items.filter((item) =>
-          [
-            "settings",
-            "search",
-            "insert",
-            "file",
-            "bulk_select",
-            "sort_by",
-            "pagination",
-            "rows_per_page",
-            "load_more",
-          ].includes(item)
-        )
-      : null
-    is_paginate = attributes?.is_paginate ?? null
-    is_more_to_load = attributes?.is_more_to_load ?? false
-    table_header_max_height = attributes?.table_header_max_height ?? null
-    table_row_max_height = attributes?.table_row_max_height ?? null
-    set_columns(attributes?.columns, attributes?.row_input_content)
-  }
-
-  function reset_definition_stack(input) {
-    definition_stack = input
-    set_rows_prepped(columns_prepped)
-  }
-
-  function set_columns(input, row_input_content_input = null) {
-    set_columns_prepped(input)
-    set_rows_prepped(columns_prepped)
-    row_input_content = row_input_content_input ?? guess_row_input_content(input)
-  }
-
-  function init(config) {
-    table_id = config?.table_id
-    table_name = config?.table_name
-    table_description = config?.table_description
-    sort_by = config?.sort_by
-    rows_data_from_variable_path = config?.rows_data_from_variable_path
-    row_iter_identifier = config?.row_iter_identifier ?? "row_i"
-    definition_stack = config?.definition_stack
-    mapkit_js_token = config?.mapkit_js_token
-    set_attributes(config)
-    table_search_text_input_manager = create_text_input_manager({
-      type: "search",
-      placeholder: "Search",
-    })
-    let load_more_is_loading = $state(false)
-    load_more_button_manager = create_button_manager({
-      type: "soft",
-      text: "Load More",
-      is_loading: () => load_more_is_loading,
-      on_click: async () => {
-        load_more_is_loading = true
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "load_more",
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            load_more_button_manager.success_trigger()
-            set_rows_prepped(columns_prepped)
-            is_more_to_load = res?.is_more_to_load
-          } else {
-            load_more_button_manager.error_trigger()
-          }
-        }
-        load_more_is_loading = false
-      },
-    })
-    pagination_manager = create_pagination_manager({
-      cur_page: () => cur_page_to_use,
-      total_pages: () => {
-        if (Array.isArray(row_indexes_display_order)) {
-          return Math.ceil(row_indexes_display_order.length / rows_per_page_dropdown_manager?.val)
-        } else {
-          return 1
-        }
-      },
-      on_change: (input) => (cur_page = input),
-    })
-    rows_per_page_dropdown_manager = create_dropdown_manager({
-      val: config?.rows_per_page ?? 100,
-      is_button_compressed: true,
-      target_width: 80,
-      options: [2, 10, 25, 50, 100, 250, 500, 1000, 2500, 5000],
-    })
-    sort_by_input_manager = create_sort_by_input_manager({
-      is_popover: true,
-      val: sort_by,
-      apply_sort: (input) => {
-        sort_by = input
-      },
-      save_server_sort: async (input) => {
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "update_table_server_sort",
-            input: input,
-          })
-          return res
-        }
-      },
-      get_defined_options: () => {
-        const defined_options = Object.keys(columns_prepped || {}).map((h) => ({ key: h, name: h }))
-        return defined_options
-      },
-    })
-    toggle_bulk_selectable_button_manager = create_button_manager({
-      type: "soft",
-      text: () => (is_bulk_select ? "Hide Bulk Select" : "Bulk Select"),
-      on_click: () => (is_bulk_select = !is_bulk_select),
-    })
-    insert_popover_manager = create_popover_manager({
-      type: "dropdown",
-      min_width: 180,
-      target_width: 200,
-      min_height: 160,
-      target_height: 160,
-      header: "Insert",
-      anchor_id: () => `button_${insert_popover_button_manager?.id}`,
-    })
-    insert_popover_button_manager = create_button_manager({
-      type: "soft",
-      text: "Insert",
-      is_compressed: true,
-      popover_target: () => `popover_${insert_popover_manager?.id}`,
-    })
-    preempt_insert_column_popover_manager = create_popover_manager({
-      type: "panel",
-      target_width: 600,
-      header: () => (column_edit_id ? `Edit Column ${column_edit_id}` : "Create Column"),
-      on_open: () => insert_popover_manager.close(),
-    })
-    preempt_insert_column_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Insert Column",
-      icon_deg: 90,
-      support_icon: "row_item",
-      popover_target: () => `popover_${preempt_insert_column_popover_manager?.id}`,
-      on_click: () => edit_column(),
-    })
-    preempt_insert_row_popover_manager = create_popover_manager({
-      type: "panel",
-      target_width: 600,
-      header: () => (typeof row_edit_index == "number" ? `Update Row ${row_edit_index}` : "Insert Row"),
-      on_open: () => insert_popover_manager.close(),
-    })
-    preempt_insert_row_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Insert Row",
-      support_icon: "row_item",
-      popover_target: () => `popover_${preempt_insert_row_popover_manager?.id}`,
-      on_click: () => edit_row(),
-    })
-    file_popover_manager = create_popover_manager({
-      type: "dropdown",
-      min_width: 180,
-      target_width: 200,
-      min_height: 160,
-      target_height: 200,
-      header: "File",
-      anchor_id: () => `button_${file_popover_button_manager?.id}`,
-    })
-    file_popover_button_manager = create_button_manager({
-      type: "soft",
-      text: "File",
-      support_icon: "file",
-      is_compressed: true,
-      popover_target: () => `popover_${file_popover_manager?.id}`,
-    })
-    copy_json_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Copy JSON",
-      support_icon: "clipboard",
-      is_success_animation: true,
-      on_click: () => copy_json(),
-    })
-    download_json_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Download JSON",
-      support_icon: "download",
-      is_success_animation: true,
-      on_click: () => download_json(),
-    })
-    download_csv_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Download CSV",
-      support_icon: "download",
-      is_success_animation: true,
-      on_click: () => download_csv(),
-    })
-    copy_structure_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Copy Structure",
-      support_icon: "clipboard",
-      is_success_animation: true,
-      on_click: () => copy_structure(),
-    })
-    prempt_bulk_upload_rows_popover_manager = create_popover_manager({
-      type: "panel",
-      target_width: 600,
-      header: "Bulk Upload and Insert Rows",
-      on_open: () => insert_popover_manager.close(),
-    })
-    prempt_bulk_upload_rows_popover_button_manager = create_button_manager({
-      type: "soft",
-      text_align: "left",
-      text: "Insert Bulk Rows",
-      support_icon: "row_item",
-      popover_target: () => `popover_${prempt_bulk_upload_rows_popover_manager?.id}`,
-    })
-    upload_rows_file_input_manager = create_file_input_manager({
-      label: "json or csv upload",
-      accept: ["application/json", "text/csv"],
-      is_multiselect: false,
-      is_drop_zone: false,
-      on_get_file: (input) => {
-        const reader = new FileReader()
-        reader.readAsText(input)
-        reader.onload = function (event) {
-          const file_content = event.target.result
-          const file_type = input?.type
-          if (file_type === "application/json") {
-            bulk_insert_rows_prepared_data = JSON.parse(file_content)
-          } else if (file_type === "text/csv") {
-            bulk_insert_rows_prepared_data = csv_to_json(file_content)
-          }
-        }
-      },
-    })
-    upload_rows_text_input_manager = create_text_input_manager({
-      type: "text_area",
-      label: "Data Input",
-      max_length: 1000000,
-      placeholder: '[{ "some_key": "some_value" }]',
-    })
-    upload_rows_prepare_text_button_manager = create_button_manager({
-      is_disabled: () => !upload_rows_text_input_manager?.val,
-      text: "Prepare Data",
-      is_compressed: true,
-      on_click: () => {
-        if (typeof upload_rows_text_input_manager?.val === "string") {
-          try {
-            bulk_insert_rows_prepared_data = JSON.parse(upload_rows_text_input_manager?.val)
-          } catch (e) {
-            bulk_insert_rows_prepared_data = upload_rows_text_input_manager?.val
-          }
-        } else if (typeof upload_rows_text_input_manager?.val === "number") {
-          bulk_insert_rows_prepared_data = upload_rows_text_input_manager?.val
-        } else {
-          bulk_insert_rows_prepared_data = deep_copy(upload_rows_text_input_manager?.val)
-        }
-      },
-    })
-    upload_rows_clear_prepared_data_button_manager = create_button_manager({
-      type: "outlined",
-      is_disabled: upload_rows_text_input_manager?.val,
-      text: "Clear Prepare Data",
-      is_compressed: true,
-      on_click: () => {
-        upload_rows_file_input_manager.clear_files()
-        bulk_insert_rows_prepared_data = null
-      },
-    })
-    let is_loading_bulk_insert_rows = $state(false)
-    bulk_insert_rows_button_manager = create_button_manager({
-      is_loading: () => is_loading_bulk_insert_rows,
-      is_disabled: () => !bulk_insert_rows_prepared_data,
-      text: "Bulk Insert Rows",
-      on_click: async () => {
-        is_loading_bulk_insert_rows = true
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "bulk_insert_rows",
-            rows: bulk_insert_rows_prepared_data,
-            path: [...rows_data_from_variable_path, 0],
-          })
-          if (res?.is_success) {
-            prempt_bulk_upload_rows_popover_manager.show_temp_message(
-              "Successfully bulk inserted rows",
-              "success",
-              1800,
-              true,
-              () => {
-                upload_rows_file_input_manager.clear_files()
-                bulk_insert_rows_prepared_data = null
-                upload_rows_text_input_manager.set_val(null)
-                set_rows_prepped(columns_prepped)
-              }
-            )
-          } else {
-            prempt_bulk_upload_rows_popover_manager.show_temp_message("Error bulk inserting rows", "error", 1800, false)
-          }
-        }
-        is_loading_bulk_insert_rows = false
-      },
-    })
-    bulk_select_all_rows_toggle_checkbox_manager = create_checkbox_manager({
-      val: false,
-      mt: 0.2,
-      ml: 0.2,
-      mb: 0.2,
-      on_change: (input) => bulk_select_all_rows_toggle(input),
-    })
-    settings_popover_manager = create_popover_manager({
-      type: "dropdown",
-      target_width: 260,
-      target_height: 300,
-      anchor_id: () => `button_${settings_popover_toggle_button_manager?.id}`,
-    })
-    settings_popover_toggle_button_manager = create_button_manager({
-      type: "soft",
-      support_icon: "three_dots",
-      icon_sw: 70,
-      is_uniform: true,
-      popover_target: () => `popover_${settings_popover_manager?.id}`,
-    })
-    let is_loading_update_table_name = $state(false)
-    settings_update_table_name_text_input_manager = create_text_input_manager({
-      is_popover: true,
-      popover_header: "Edit Table Name",
-      placeholder: "Table Name",
-      val: table_name,
-      update_button_text: "Update Table Name",
-      is_loading: () => is_loading_update_table_name,
-      on_finish: async (input) => {
-        if (typeof config?.on_event == "function") {
-          is_loading_update_table_name = true
-          const res = await config?.on_event({
-            type: "update_table_name",
-            table_name: input,
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            table_name = res?.table_name
-            settings_update_table_name_text_input_manager.popover_manager.show_temp_message(
-              "Successfully updated table name",
-              "success"
-            )
-          } else {
-            console.log("error updating table name")
-            settings_update_table_name_text_input_manager.popover_manager.show_temp_message(
-              "Error updating table name",
-              "error",
-              1800,
-              false
-            )
-          }
-          is_loading_update_table_name = false
-          return res
-        }
-      },
-    })
-    settings_update_table_name_button_manager = create_button_manager({
-      type: "soft",
-      support_icon: "edit",
-      is_uniform: true,
-      border_radius: 0.5,
-      aria_label: "edit",
-      icon_sw: 40,
-      min_height: 2.4,
-      popover_target: () => `popover_${settings_update_table_name_text_input_manager?.popover_manager?.id}`,
-    })
-    let is_loading_update_table_description = $state(false)
-    settings_update_table_description_text_input_manager = create_text_input_manager({
-      is_popover: true,
-      popover_header: "Edit Table Description",
-      placeholder: "Some Table Description",
-      val: table_description,
-      update_button_text: "Update Table Description",
-      is_loading: () => is_loading_update_table_description,
-      on_finish: async (input) => {
-        if (typeof config?.on_event == "function") {
-          is_loading_update_table_description = true
-          const res = await config?.on_event({
-            type: "update_table_description",
-            table_description: input,
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            table_description = res?.table_description
-            settings_update_table_description_text_input_manager.popover_manager.show_temp_message(
-              "Successfully updated table description",
-              "success"
-            )
-          } else {
-            console.log("error updating table description")
-            settings_update_table_description_text_input_manager.popover_manager.show_temp_message(
-              "Error updating table name",
-              "error",
-              1800,
-              false
-            )
-          }
-          is_loading_update_table_description = false
-          return res
-        }
-      },
-    })
-    settings_update_table_description_button_manager = create_button_manager({
-      type: "soft",
-      support_icon: "edit",
-      is_uniform: true,
-      border_radius: 0.5,
-      aria_label: "edit",
-      icon_sw: 40,
-      min_height: 2.4,
-      popover_target: () => `popover_${settings_update_table_description_text_input_manager?.popover_manager?.id}`,
-    })
-    settings_copy_row_json_schema_button_manager = create_button_manager({
-      type: "outlined",
-      text: "Copy Row JSON Schema",
-      is_success_animation: true,
-      support_icon: "clipboard",
-      mb: 1,
-      on_click: () => copy_to_clipboard(row_json_schema),
-    })
-    settings_copy_rows_json_schema_button_manager = create_button_manager({
-      type: "outlined",
-      text: "Copy Rows JSON Schema",
-      is_success_animation: true,
-      support_icon: "clipboard",
-      on_click: () =>
-        copy_to_clipboard({
-          type: "array",
-          items: row_json_schema,
-        }),
-    })
-    let delete_table_is_loading = $state(false)
-    settings_delete_table_popover_manager = create_popover_manager({
-      type: "center",
-      min_width: 280,
-      target_width: 300,
-      min_height: 280,
-      target_height: 300,
-      header: "Are You Sure?",
-    })
-    settings_preempt_delete_table_popover_button_manager = create_button_manager({
-      type: "outlined",
-      support_icon: "trashcan",
-      color: "var(--error-t)",
-      is_compressed: true,
-      text: "Delete Table",
-      mt: 5,
-      is_loading: () => delete_table_is_loading,
-      popover_target: `popover_${settings_delete_table_popover_manager?.id}`,
-    })
-    settings_copy_table_id_button_manager = create_button_manager({
-      type: "outlined",
-      is_uniform: true,
-      is_success_animation: true,
-      support_icon: "clipboard",
-      on_click: () => copy_to_clipboard(table_id),
-    })
-    settings_delete_table_button_manager = create_button_manager({
-      color: "var(--error-t)",
-      text: "Delete Table",
-      mb: 1,
-      is_loading: () => delete_table_is_loading,
-      on_click: async () => {
-        delete_table_is_loading = true
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "delete_table",
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            settings_delete_table_popover_manager.show_temp_message(res?.message ?? "Successfully Deleted Table")
-            if (typeof res?.finish == "function") {
-              res?.finish()
-            }
-          } else {
-            // error_message
-            settings_delete_table_popover_manager.show_temp_message(res?.message ?? "Error deleting table", "error")
-          }
-        }
-        delete_table_is_loading = false
-      },
-    })
-    settings_delete_table_cancel_button_manager = create_button_manager({
-      type: "outlined",
-      text: "Cancel",
-      on_click: () => settings_delete_table_popover_manager.close(),
-    })
-    let bulk_delete_rows_is_loading = $state(false)
-    bulk_delete_rows_popover_manager = create_popover_manager({
-      type: "center",
-      min_width: 280,
-      target_width: 300,
-      min_height: 280,
-      target_height: 300,
-      header: "Are You Sure?",
-    })
-    bulk_delete_rows_popover_button_manager = create_button_manager({
-      type: "outlined",
-      support_icon: "trashcan",
-      color: "var(--error-t)",
-      is_compressed: true,
-      text: () => `Delete ${Array.isArray(row_indexes_bulk_selected) ? row_indexes_bulk_selected.length : ""} rows`,
-      is_disabled: () => !(Array.isArray(row_indexes_bulk_selected) && row_indexes_bulk_selected.length > 0),
-      is_loading: () => bulk_delete_rows_is_loading,
-      popover_target: `popover_${bulk_delete_rows_popover_manager?.id}`,
-    })
-    bulk_delete_rows_button_manager = create_button_manager({
-      color: "var(--error-t)",
-      text: () => `Delete ${Array.isArray(row_indexes_bulk_selected) ? row_indexes_bulk_selected.length : "0"} rows`,
-      mb: 1,
-      is_disabled: () => !(Array.isArray(row_indexes_bulk_selected) && row_indexes_bulk_selected.length > 0),
-      is_loading: () => bulk_delete_rows_is_loading,
-      on_click: async () => {
-        bulk_delete_rows_is_loading = true
-        if (typeof config?.on_event == "function") {
-          const res = await config?.on_event({
-            type: "bulk_delete_rows",
-            row_indexes: row_indexes_bulk_selected,
-            path: rows_data_from_variable_path,
-          })
-          if (res?.is_success) {
-            bulk_delete_rows_popover_manager.show_temp_message(
-              res?.message ?? "Successfully Deleted Rows",
-              "success",
-              1800,
-              true,
-              () => {
-                set_rows_prepped(columns_prepped)
-              }
-            )
-          } else {
-            // error_message
-            bulk_delete_rows_popover_manager.show_temp_message(res?.message ?? "Error deleting rows", "error")
-          }
-        }
-        bulk_delete_rows_is_loading = false
-      },
-    })
-    bulk_delete_rows_cancel_button_manager = create_button_manager({
-      type: "outlined",
-      text: "Cancel",
-      on_click: () => bulk_delete_rows_popover_manager.close(),
-    })
-    edit_column()
-  }
-
-  init(config)
-
-  return {
-    id,
-    get table_id() {
-      return table_id
-    },
-    get table_name() {
-      return table_name
-    },
-    get table_description() {
-      return table_description
-    },
-    get is_data_editable() {
-      return is_data_editable
-    },
-    get nav_items() {
-      return nav_items
-    },
-    get is_paginate() {
-      return is_paginate
-    },
-    get table_header_max_height() {
-      return table_header_max_height
-    },
-    get table_row_max_height() {
-      return table_row_max_height
-    },
-    get table_search_text_input_manager() {
-      return table_search_text_input_manager
-    },
-    get is_more_to_load() {
-      return is_more_to_load
-    },
-    get load_more_button_manager() {
-      return load_more_button_manager
-    },
-    get pagination_manager() {
-      return pagination_manager
-    },
-    get rows_per_page_dropdown_manager() {
-      return rows_per_page_dropdown_manager
-    },
-    get sort_by_input_manager() {
-      return sort_by_input_manager
-    },
-    get insert_popover_manager() {
-      return insert_popover_manager
-    },
-    get insert_popover_button_manager() {
-      return insert_popover_button_manager
-    },
-    get preempt_insert_column_popover_manager() {
-      return preempt_insert_column_popover_manager
-    },
-    get preempt_insert_column_button_manager() {
-      return preempt_insert_column_button_manager
-    },
-    get preempt_insert_row_button_manager() {
-      return preempt_insert_row_button_manager
-    },
-    get file_popover_manager() {
-      return file_popover_manager
-    },
-    get file_popover_button_manager() {
-      return file_popover_button_manager
-    },
-    get copy_json_button_manager() {
-      return copy_json_button_manager
-    },
-    get download_json_button_manager() {
-      return download_json_button_manager
-    },
-    get download_csv_button_manager() {
-      return download_csv_button_manager
-    },
-    get copy_structure_button_manager() {
-      return copy_structure_button_manager
-    },
-    get prempt_bulk_upload_rows_popover_button_manager() {
-      return prempt_bulk_upload_rows_popover_button_manager
-    },
-    get prempt_bulk_upload_rows_popover_manager() {
-      return prempt_bulk_upload_rows_popover_manager
-    },
-    get upload_rows_file_input_manager() {
-      return upload_rows_file_input_manager
-    },
-    get upload_rows_text_input_manager() {
-      return upload_rows_text_input_manager
-    },
-    get upload_rows_prepare_text_button_manager() {
-      return upload_rows_prepare_text_button_manager
-    },
-    get upload_rows_clear_prepared_data_button_manager() {
-      return upload_rows_clear_prepared_data_button_manager
-    },
-    get bulk_insert_rows_error_message() {
-      return bulk_insert_rows_error_message
-    },
-    get bulk_insert_rows_button_manager() {
-      return bulk_insert_rows_button_manager
-    },
-    get bulk_insert_rows_prepared_data() {
-      return bulk_insert_rows_prepared_data
-    },
-    get toggle_bulk_selectable_button_manager() {
-      return toggle_bulk_selectable_button_manager
-    },
-    get is_bulk_select() {
-      return is_bulk_select
-    },
-    get columns() {
-      return columns
-    },
-    get config() {
-      return config
-    },
-    get column_ids_display_order() {
-      return column_ids_display_order
-    },
-    get row_indexes_display_order() {
-      return row_indexes_display_order
-    },
-    get row_indexes_display_order_shown() {
-      return row_indexes_display_order_shown
-    },
-    get rows_prepped() {
-      return rows_prepped
-    },
-    get columns_prepped() {
-      return columns_prepped
-    },
-    get bulk_select_all_rows_toggle_checkbox_manager() {
-      return bulk_select_all_rows_toggle_checkbox_manager
-    },
-    get bulk_delete_rows_popover_manager() {
-      return bulk_delete_rows_popover_manager
-    },
-    get bulk_delete_rows_popover_button_manager() {
-      return bulk_delete_rows_popover_button_manager
-    },
-    get bulk_delete_rows_button_manager() {
-      return bulk_delete_rows_button_manager
-    },
-    get bulk_delete_rows_cancel_button_manager() {
-      return bulk_delete_rows_cancel_button_manager
-    },
-    get row_indexes_bulk_selected() {
-      return row_indexes_bulk_selected
-    },
-    get column_edit_id() {
-      return column_edit_id
-    },
-    get column_edit_input_manager() {
-      return column_edit_input_manager
-    },
-    get column_edit_upsert_column_button_manager() {
-      return column_edit_upsert_column_button_manager
-    },
-    get preempt_insert_row_popover_manager() {
-      return preempt_insert_row_popover_manager
-    },
-    get row_edit_index() {
-      return row_edit_index
-    },
-    get row_edit_content_manager() {
-      return row_edit_content_manager
-    },
-    get row_edit_upsert_row_button_manager() {
-      return row_edit_upsert_row_button_manager
-    },
-    get row_edit_delete_row_are_you_sure_popover_manager() {
-      return row_edit_delete_row_are_you_sure_popover_manager
-    },
-    get row_edit_delete_row_are_you_sure_popover_toggle_button_manager() {
-      return row_edit_delete_row_are_you_sure_popover_toggle_button_manager
-    },
-    get row_edit_delete_row_button_manager() {
-      return row_edit_delete_row_button_manager
-    },
-    get row_edit_delete_row_cancel_button_manager() {
-      return row_edit_delete_row_cancel_button_manager
-    },
-    get is_loading_rows() {
-      return is_loading_rows
-    },
-    get loading_rows_progress() {
-      return loading_rows_progress
-    },
-    get settings_popover_manager() {
-      return settings_popover_manager
-    },
-    get settings_popover_toggle_button_manager() {
-      return settings_popover_toggle_button_manager
-    },
-    get settings_update_table_name_button_manager() {
-      return settings_update_table_name_button_manager
-    },
-    get settings_update_table_name_text_input_manager() {
-      return settings_update_table_name_text_input_manager
-    },
-    get settings_update_table_description_button_manager() {
-      return settings_update_table_description_button_manager
-    },
-    get settings_update_table_description_text_input_manager() {
-      return settings_update_table_description_text_input_manager
-    },
-    get settings_copy_row_json_schema_button_manager() {
-      return settings_copy_row_json_schema_button_manager
-    },
-    get settings_copy_rows_json_schema_button_manager() {
-      return settings_copy_rows_json_schema_button_manager
-    },
-    get settings_preempt_delete_table_popover_button_manager() {
-      return settings_preempt_delete_table_popover_button_manager
-    },
-    get settings_delete_table_popover_manager() {
-      return settings_delete_table_popover_manager
-    },
-    get settings_delete_table_cancel_button_manager() {
-      return settings_delete_table_cancel_button_manager
-    },
-    get settings_copy_table_id_button_manager() {
-      return settings_copy_table_id_button_manager
-    },
-    get settings_delete_table_button_manager() {
-      return settings_delete_table_button_manager
-    },
-    init,
-    set_table_search_text_input,
-    set_rows_prepped,
-    set_columns_prepped,
-    copy_json,
-    download_json,
-    download_csv,
-    copy_structure,
-    set_attributes,
-    reset_definition_stack,
-    set_columns,
-  }
-}