sveltekit-ui 1.0.12 → 1.0.14

package/src/routes/[component]/Showcase/TableAdvanced/index.svelte

@@ -225,102 +225,11 @@
   }
 
   let data = $state({
-    id: "srooithnmomwnpbmexkr",
-    name: "Hello World",
-    rows: [
-      {
-        id: "dnscyyvfhqdzptdvzcdp",
-        label: null,
-        fav_color: null,
-        db_epoch_created: 1723421882,
-        db_epoch_updated: 1723421882,
-      },
-      {
-        id: "wqhfxttzpwdpkawzusyt",
-        label: "tint bl",
-        fav_color: {
-          c: 16,
-          h: 17,
-          l: 5,
-          o: 16,
-          is_dark_theme_invert: true,
-        },
-        db_epoch_created: 1723421882,
-        db_epoch_updated: 1723422096,
-      },
-      {
-        id: "egrdjfqlcysykmpwudsp",
-        label: null,
-        fav_color: {
-          c: 10,
-          h: 4,
-          l: 1,
-          o: 24,
-          is_dark_theme_invert: true,
-        },
-        db_epoch_created: 1723422106,
-        db_epoch_updated: 1723422106,
-      },
-      {
-        id: "zbcqvteloefgebbcwrnd",
-        label: null,
-        fav_color: {
-          c: 10,
-          h: 4,
-          l: 1,
-          o: 24,
-          is_dark_theme_invert: true,
-        },
-        db_epoch_created: 1723423614,
-        db_epoch_updated: 1723423614,
-      },
-      {
-        id: "ennjpaemwacveifswbwq",
-        label: null,
-        fav_color: null,
-        db_epoch_created: 1723423614,
-        db_epoch_updated: 1723423614,
-      },
-      {
-        id: "redpwlvrmboleibyawxj",
-        label: "tint bl",
-        fav_color: {
-          c: 16,
-          h: 17,
-          l: 5,
-          o: 16,
-          is_dark_theme_invert: true,
-        },
-        db_epoch_created: 1723423614,
-        db_epoch_updated: 1723423614,
-      },
-      {
-        id: "ugarkuprolztkecxqody",
-        label: "not invert",
-        fav_color: {
-          c: 12,
-          h: 14,
-          l: 4,
-          o: 24,
-          is_dark_theme_invert: false,
-        },
-        db_epoch_created: 1723423614,
-        db_epoch_updated: 1723423678,
-      },
-      {
-        id: "dyfidxdkepupllmccxmb",
-        label: "yes invert",
-        fav_color: {
-          c: 12,
-          h: 14,
-          l: 4,
-          o: 24,
-          is_dark_theme_invert: true,
-        },
-        db_epoch_created: 1723421882,
-        db_epoch_updated: 1723423732,
-      },
-    ],
+    id: "cbsemvrsoidhrzyhugue",
+    name: "test",
+    rows: [],
+    limit: 100,
+    offset: 0,
     columns: {
       id: {
         is_fixed: true,
@@ -335,7 +244,7 @@
           children: [],
           attributes: {
             size: 10,
-            content_from_variable_path: ["rows", ["row_i"], "id"],
+            content_from_variable_path: ["variables", "rows", ["loops", 0], "id"],
           },
           selector_id: "hcsqz",
         },
@@ -359,103 +268,50 @@
         is_autogenerated: true,
         is_force_uniqueness: false,
       },
-      label: {
+      ttttt: {
         is_fixed: false,
         is_shown: true,
         alignment: "left",
-        max_width: 25,
-        min_width: 3,
-        description: null,
+        max_width: 30,
+        min_width: 20,
+        description: "ffff",
         is_nullable: true,
         body_content: {
-          type_id: "base_text",
+          type_id: "number",
           children: [],
           attributes: {
-            color: null,
-            content: null,
-            content_from_variable_path: ["rows", ["row_i"], "label"],
+            val_from_variable_path: ["rows", ["row_i"], "ttttt"],
           },
-          selector_id: "mersu",
+          selector_id: "vukyefhw",
         },
         db_data_type: {
-          type: "text_literal",
+          type: "int_literal",
           attributes: {},
         },
         is_db_column: true,
+        is_updatable: false,
         default_value: null,
         display_order: 1,
-        postgres_type: "text",
+        postgres_type: "int",
         header_content: {
           type_id: "base_text",
           children: [],
           attributes: {
-            color: null,
-            content: "Label",
-            content_from_variable_path: null,
+            content: "Ttttt",
           },
-          selector_id: "fbhid",
-        },
-        is_primary_key: false,
-        is_autogenerated: false,
-        is_force_uniqueness: false,
-      },
-      fav_color: {
-        is_fixed: false,
-        is_shown: true,
-        alignment: "right",
-        max_width: 25,
-        min_width: 3,
-        description: null,
-        is_nullable: true,
-        body_content: {
-          type_id: "color",
-          children: [],
-          attributes: {
-            val: {
-              c: 21,
-              h: 2,
-              l: 6,
-              o: 24,
-              is_dark_theme_invert: true,
-            },
-            val_from_variable_path: ["rows", ["row_i"], "fav_color"],
-          },
-          selector_id: "anpwr",
-        },
-        db_data_type: {
-          type: "color_literal",
-          attributes: {},
-        },
-        is_db_column: true,
-        default_value: null,
-        display_order: 2,
-        postgres_type: "jsonb",
-        header_content: {
-          type_id: "base_text",
-          children: [],
-          attributes: {
-            color: {
-              c: 10,
-              h: 15,
-              l: 19,
-              o: 24,
-              is_dark_theme_invert: true,
-            },
-            content: "Fav Color",
-            content_from_variable_path: null,
-          },
-          selector_id: "gcvda",
+          selector_id: "lpcqsjlq",
         },
         is_primary_key: false,
         is_autogenerated: false,
         is_force_uniqueness: false,
+        is_use_in_short_display: false,
       },
       db_epoch_created: {
         is_fixed: false,
         is_shown: true,
         alignment: "left",
         max_width: 50,
-        min_width: 5,
+        min_width: 20,
         description: null,
         is_nullable: false,
         body_content: {
@@ -463,9 +319,9 @@
           children: [],
           attributes: {
             format: "epoch",
-            val_from_variable_path: ["rows", ["row_i"], "db_epoch_created"],
+            val_from_variable_path: ["variables", "rows", ["loops", 0], "db_epoch_created"],
           },
-          selector_id: "urzjm",
+          selector_id: "time_urzjm",
         },
         db_data_type: {
           type: "epoch_literal",
@@ -473,7 +329,7 @@
         },
         is_db_column: true,
         default_value: null,
-        display_order: 3,
+        display_order: 2,
         postgres_type: "bigint",
         header_content: {
           type_id: "base_text",
@@ -492,7 +348,7 @@
         is_shown: true,
         alignment: "left",
         max_width: 50,
-        min_width: 5,
+        min_width: 20,
         description: null,
         is_nullable: false,
         body_content: {
@@ -500,9 +356,9 @@
           children: [],
           attributes: {
             format: "epoch",
-            val_from_variable_path: ["rows", ["row_i"], "db_epoch_updated"],
+            val_from_variable_path: ["variables", "rows", ["loops", 0], "db_epoch_updated"],
           },
-          selector_id: "rozyy",
+          selector_id: "epoch_rozyy",
         },
         db_data_type: {
           type: "epoch_literal",
@@ -510,7 +366,7 @@
         },
         is_db_column: true,
         default_value: null,
-        display_order: 4,
+        display_order: 3,
         postgres_type: "bigint",
         header_content: {
           type_id: "base_text",
@@ -525,11 +381,11 @@
         is_force_uniqueness: false,
       },
     },
-    account_id: "idredbvbbogpofinurea",
-    total_rows: 8,
-    description: "hiiiiii",
+    account_id: "kmjexchofxophkkuqfvp",
+    total_rows: 0,
+    description: "need to make sure new loop stuff works",
     default_sort: null,
-    row_input_content: test_row_input_content,
+    row_input_content: null,
     row_searchable_content: null,
   })
 
@@ -581,6 +437,7 @@
         const last_key = path_to_set[path_to_set.length - 1]
         target[last_key] = input?.row
         variables = variables_loc
+        table_manager.reset_definition_stack([{ ...variables }])
         return {
           is_success: true,
           row: target?.[last_key],
@@ -601,6 +458,7 @@
         }
         target.splice(last_key, 0, input?.row)
         variables = variables_loc
+        table_manager.reset_definition_stack([{ ...variables }])
         return {
           is_success: true,
           row: target?.[last_key],
@@ -622,6 +480,7 @@
         }
         target.splice(last_key, 0, input?.value)
         variables = variables_loc
+        table_manager.reset_definition_stack([{ ...variables }])
         return {
           is_success: true,
           rows: target?.[last_key],
@@ -643,6 +502,7 @@
         }
         variables = variables_loc
         console.log("variables", deep_copy(variables))
+        table_manager.reset_definition_stack([{ ...variables }])
         return {
           is_success: true,
         }
@@ -654,6 +514,7 @@
         }
       } else if (input?.type == "insert_column") {
         console.log("insert_column", deep_copy(input))
+        table_manager.set_columns(data?.columns)
         return {
           is_success: true,
           column: input?.column,
@@ -703,5 +564,6 @@
 </script>
 
 <div>
+  <pre>{JSON.stringify(variables, null, 2)}</pre>
   <TableAdvanced manager={table_manager} />
 </div>