@marimo-team/islands 0.19.7-dev30 → 0.19.7-dev31

package/dist/{label-DC2pbeUJ.js → label-C4PtQcza.js}

@@ -318,12 +318,6 @@ function usePrevious(e) {
   });
   return import_react.useMemo(() => (i.current.value !== e && (i.current.previous = i.current.value, i.current.value = e), i.current.previous), [e]);
 }
-function useOnMount(e) {
-  (0, import_react.useEffect)(e, []);
-}
-function useOnUnmount(e) {
-  (0, import_react.useEffect)(() => e(), []);
-}
 function clamp(e, [i, a]) {
   return Math.min(a, Math.max(i, e));
 }
@@ -1278,19 +1272,18 @@ var Root = Label$1, import_compiler_runtime = require_compiler_runtime(), labelV
 });
 Label.displayName = Root.displayName;
 export {
-  logNever as A,
-  ChevronDown as B,
+  $a916eb452884faea$export$b7a616150fdb9f44 as A,
   useDirection as C,
-  useOnUnmount as D,
-  useOnMount as E,
-  $18f2051aff69b9bf$export$a54013f0d02a8f82 as F,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as I,
-  $b5e257d569688ac6$export$619500959fc48b26 as L,
-  $a916eb452884faea$export$b7a616150fdb9f44 as M,
-  $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as N,
-  usePrevious as O,
-  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as P,
-  X as R,
+  assertNever as D,
+  usePrevious as E,
+  $b5e257d569688ac6$export$619500959fc48b26 as F,
+  X as I,
+  ChevronUp as L,
+  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as M,
+  $18f2051aff69b9bf$export$a54013f0d02a8f82 as N,
+  logNever as O,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as P,
+  ChevronDown as R,
   Trigger as S,
   clamp as T,
   menuItemVariants as _,
@@ -1302,8 +1295,8 @@ export {
   menuControlVariants as g,
   menuControlCheckVariants as h,
   SelectContent as i,
-  upperFirst_default as j,
-  assertNever as k,
+  $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 as j,
+  upperFirst_default as k,
   SelectTrigger as l,
   menuContentCommon as m,
   Primitive as n,
@@ -1316,6 +1309,5 @@ export {
   menuLabelVariants as v,
   createCollection as w,
   Icon as x,
-  menuSeparatorVariants as y,
-  ChevronUp as z
+  menuSeparatorVariants as y
 };

package/dist/main.js

@@ -7,10 +7,10 @@ import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
 import { n as Copy, r as toast, t as copyToClipboard } from "./copy-B59Bw3-w.js";
 import { _ as require_cjs$1, c as markdownLineEnding, d as SKIP, f as visitParents, g as s$2, h as h$1, l as longestStreak, m as webNamespaces, o as xn$1, p as convert$1, s as factorySpace, u as ok, __tla as __tla_0 } from "./chunk-5FQGJX7Z-D5VFKHmt.js";
 import { C as useLayoutEffect2, D as dispatchDiscreteCustomEvent, E as Primitive, M as composeEventHandlers$1, N as createLucideIcon, O as createSlot, S as useId$12, T as useCallbackRef, _ as Arrow, a as __awaiter, b as createPopperScope, c as withSmartCollisionBoundary, d as Root$5, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, l as isInVscodeExtension, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content$3, w as DismissableLayer, x as useSize, y as Root2$6 } from "./Combination-Bg-xN8JV.js";
-import { A as Badge, B as ListFilter, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $5a387cc49350e6db$export$722debc0e56fea39, H as ChartPie, I as Type, L as ToggleLeft, M as startCase_default, N as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, O as TIME_UNIT_DESCRIPTIONS, P as $fb18d541ea1ad717$export$ad991b66133851cf, R as Table$1, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as ChartColumn, V as Hash, W as Calendar, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as createReducerAndAtoms, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON, z as SquareFunction } from "./spec-C9rnT0AN.js";
+import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TYPE_DESCRIPTIONS, E as EMPTY_VALUE$1, F as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, G as ChartColumn, H as ListFilter, I as $fb18d541ea1ad717$export$ad991b66133851cf, K as Calendar, L as $5a387cc49350e6db$export$722debc0e56fea39, M as Badge, N as createReducerAndAtoms, O as TIME_UNIT_DESCRIPTIONS, P as startCase_default, R as Type, S as DEFAULT_AGGREGATION, T as DEFAULT_TIME_UNIT, U as Hash, V as SquareFunction, W as ChartPie, _ as AGGREGATION_TYPE_DESCRIPTIONS, a as AGGREGATION_FNS$1, b as COLOR_SCHEMES, c as COLOR_BY_FIELDS, d as NONE_VALUE, f as SELECTABLE_DATA_TYPES, g as TIME_UNITS, h as STRING_AGGREGATION_FNS, i as convertDataTypeToSelectable, j as useOnUnmount, k as escapeFieldName, l as COMBINED_TIME_UNITS, m as SORT_TYPES, n as createSpecWithoutData, o as BIN_AGGREGATION, p as SINGLE_TIME_UNITS, r as isFieldSet, s as CHART_TYPES, t as augmentSpecWithData, u as ChartType, v as AGGREGATION_TYPE_ICON, w as DEFAULT_MAX_BINS_FACET, x as COUNT_FIELD, y as CHART_TYPE_ICON, z as ToggleLeft } from "./spec-Dmb1KfK3.js";
 import { t as Check } from "./check-CM_kewwn.js";
-import { A as logNever, B as ChevronDown, C as useDirection, D as useOnUnmount, E as useOnMount, F as $18f2051aff69b9bf$export$a54013f0d02a8f82, I as $b5e257d569688ac6$export$535bd6ca7f90a273, M as $a916eb452884faea$export$b7a616150fdb9f44, O as usePrevious$1, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, k as assertNever, l as SelectTrigger, m as menuContentCommon, n as Primitive$1, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-DC2pbeUJ.js";
-import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea, $t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, A as ItemIndicator, At as $6db58dc88e78b024$export$2f817fcdc4b89ae0, B as createMenuScope, Bt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, C as DropdownMenuTrigger, Ct as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, D as Content2$3, Dt as $6c7bd7858deea686$export$cd11ab140839f11d, E as CheckboxItem, Et as $701a24aa0da5b062$export$ea18c227d4417cc3, F as Root3, Ft as $507fabe10e71c6fb$export$630ff653c5ada6a9, G as $3985021b0ad6602f$export$37fb8590cf2c088c, Gt as $df56164dff5785e2$export$4338b53315abf666, H as Root$6, Ht as $b4b717babfbb907b$export$bebd5a1431fec25d, I as Separator, It as $f6c31cce2adf654f$export$45712eceda6fad21, J as $a049562f99e7db0e$export$f9c6924e160136d1, Jt as $c87311424ea30a05$export$78551043582a6a98, K as $3985021b0ad6602f$export$f5b8910cec6cf069, Kt as $313b98861ee5dd6c$export$d6875122194c7b44, L as Sub, Lt as _class_private_field_init, M as Portal$2, Mt as $6179b936705e76d3$export$ae780daf29e6d456, N as RadioGroup$2, Nt as $9ab94262bd0047c7$export$420e68273165f4ec, O as Group$1, Ot as $fca6afa0e843324b$export$87b761675e8eaa10, P as RadioItem, Pt as $3ad3f6e1647bc98d$export$80f3e147d781571c, Q as $514c0188e459b4c0$export$5f1af8db9871e1d6, Qt as $7215afc6de606d6b$export$de79e2c695e052f3, R as SubContent, Rt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, S as DropdownMenuSubTrigger, St as $e5be200c675c3b3a$export$dad6ae84456c676a, T as Arrow2, Tt as $f7dceffc5ad7768b$export$4e328f61c538687f, U as createRovingFocusGroupScope, Ut as $99facab73266f662$export$5add1d006293d136, V as Item$2, Vt as $b4b717babfbb907b$export$4c063cf1350e6fed, W as ErrorBoundary, Wt as $e9faafb641e167db$export$90fc3a17d93f704c, X as $ee014567cb39d3f0$export$f551688fc98f2e09, Xt as $c87311424ea30a05$export$a11b0059900ceec8, Y as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Yt as $c87311424ea30a05$export$9ac100e40613ea10, Z as $ee014567cb39d3f0$export$ff05c3ac10437e03, Zt as $c87311424ea30a05$export$fedb369cb70207f1, _ as DropdownMenuLabel, _n as ChevronRight, _t as $2baaea4c71418dea$export$294aa081a6c6f55d, a as OnBlurredInput, an as $431fbd86ca7dc216$export$b204af158042fbac, at as $64fa3d84918910a7$export$2881499e37b75b9a, b as DropdownMenuSub, bt as $e5be200c675c3b3a$export$a763b9476acd3eb, c as NumberField, cn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ct as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as prettyNumber, dn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $3ef42575df84b30b$export$9d1611c77c2fe928, et as $d2b4bc8c273e7be6$export$24d547caef80ccd1, f as prettyScientificNumber, fn as Trash, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuItem, gn as Circle, gt as $d2e8511e6f209edf$export$e908e06f4b8e3402, h as DropdownMenuGroup, hn as Pencil, ht as capitalize_default, i as Input, in as $f4e2df6bd15f8569$export$98658e8c59125e6a, it as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as Label$2, jt as $5b160d28a433310d$export$c17fa47878dc55b6, k as Item2$2, kt as $fca6afa0e843324b$export$f12b703ca79dfbb1, l as maxFractionalDigits, ln as $bdb11010cef70236$export$f680877a34711e37, lt as $64fa3d84918910a7$export$c245e6201fed2f75, m as DropdownMenuContent, mn as Plus, mt as marked, n as DebouncedInput, nn as $d4ee10de306f2510$export$cd4e5573fbe2b576, nt as $01b77f81d0f07f68$export$75b6ee27786ba447, o as useDebounceControlledState, on as $431fbd86ca7dc216$export$f21a1ffae260145a, ot as $64fa3d84918910a7$export$29f1550f4b0d4415, p as DropdownMenu, pn as Search, pt as useNonce, q as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, qt as $c87311424ea30a05$export$6446a186d09e379e, r as DebouncedNumberInput, rn as $d4ee10de306f2510$export$e58f029f0fbfdb29, rt as $01b77f81d0f07f68$export$b04be29aa201d4f5, s as useDebouncedCallback, sn as $ff5963eb1fccf552$export$e08e3b67e392101e, st as $64fa3d84918910a7$export$4d86445c2cf5e3, t as BulkEdit, tn as $d4ee10de306f2510$export$4282f70798064fe0, tt as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, u as prettyEngineeringNumber, un as $8ae05eaa5c114e9c$export$7f54fc3180508a52, ut as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as DropdownMenuPortal, vt as $e93e671b31057976$export$b8473d3665f3a75a, w as Anchor2, wt as $319e236875307eab$export$a9b970dcc4ae71a9, x as DropdownMenuSubContent, xt as $e5be200c675c3b3a$export$aca958c65c314e6c, y as DropdownMenuSeparator, yt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, z as SubTrigger, zt as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./types-ZLLMdAtn.js";
+import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, D as assertNever, E as usePrevious$1, I as X, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, N as $18f2051aff69b9bf$export$a54013f0d02a8f82, O as logNever, P as $b5e257d569688ac6$export$535bd6ca7f90a273, R as ChevronDown, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, l as SelectTrigger, m as menuContentCommon, n as Primitive$1, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-C4PtQcza.js";
+import { $ as $514c0188e459b4c0$export$9afb8bc826b033ea, $t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, A as ItemIndicator, At as $6db58dc88e78b024$export$2f817fcdc4b89ae0, B as createMenuScope, Bt as $458b0a5536c1a7cf$export$40bfa8c7b0832715, C as DropdownMenuTrigger, Ct as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, D as Content2$3, Dt as $6c7bd7858deea686$export$cd11ab140839f11d, E as CheckboxItem, Et as $701a24aa0da5b062$export$ea18c227d4417cc3, F as Root3, Ft as $507fabe10e71c6fb$export$630ff653c5ada6a9, G as $3985021b0ad6602f$export$37fb8590cf2c088c, Gt as $df56164dff5785e2$export$4338b53315abf666, H as Root$6, Ht as $b4b717babfbb907b$export$bebd5a1431fec25d, I as Separator, It as $f6c31cce2adf654f$export$45712eceda6fad21, J as $a049562f99e7db0e$export$f9c6924e160136d1, Jt as $c87311424ea30a05$export$78551043582a6a98, K as $3985021b0ad6602f$export$f5b8910cec6cf069, Kt as $313b98861ee5dd6c$export$d6875122194c7b44, L as Sub, Lt as _class_private_field_init, M as Portal$2, Mt as $6179b936705e76d3$export$ae780daf29e6d456, N as RadioGroup$2, Nt as $9ab94262bd0047c7$export$420e68273165f4ec, O as Group$1, Ot as $fca6afa0e843324b$export$87b761675e8eaa10, P as RadioItem, Pt as $3ad3f6e1647bc98d$export$80f3e147d781571c, Q as $514c0188e459b4c0$export$5f1af8db9871e1d6, Qt as $7215afc6de606d6b$export$de79e2c695e052f3, R as SubContent, Rt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, S as DropdownMenuSubTrigger, St as $e5be200c675c3b3a$export$dad6ae84456c676a, T as Arrow2, Tt as $f7dceffc5ad7768b$export$4e328f61c538687f, U as createRovingFocusGroupScope, Ut as $99facab73266f662$export$5add1d006293d136, V as Item$2, Vt as $b4b717babfbb907b$export$4c063cf1350e6fed, W as ErrorBoundary, Wt as $e9faafb641e167db$export$90fc3a17d93f704c, X as $ee014567cb39d3f0$export$f551688fc98f2e09, Xt as $c87311424ea30a05$export$a11b0059900ceec8, Y as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Yt as $c87311424ea30a05$export$9ac100e40613ea10, Z as $ee014567cb39d3f0$export$ff05c3ac10437e03, Zt as $c87311424ea30a05$export$fedb369cb70207f1, _ as DropdownMenuLabel, _n as ChevronRight, _t as $2baaea4c71418dea$export$294aa081a6c6f55d, a as OnBlurredInput, an as $431fbd86ca7dc216$export$b204af158042fbac, at as $64fa3d84918910a7$export$2881499e37b75b9a, b as DropdownMenuSub, bt as $e5be200c675c3b3a$export$a763b9476acd3eb, c as NumberField, cn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ct as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as prettyNumber, dn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $3ef42575df84b30b$export$9d1611c77c2fe928, et as $d2b4bc8c273e7be6$export$24d547caef80ccd1, f as prettyScientificNumber, fn as Trash, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuItem, gn as Circle, gt as $d2e8511e6f209edf$export$e908e06f4b8e3402, h as DropdownMenuGroup, hn as Pencil, ht as capitalize_default, i as Input, in as $f4e2df6bd15f8569$export$98658e8c59125e6a, it as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, j as Label$2, jt as $5b160d28a433310d$export$c17fa47878dc55b6, k as Item2$2, kt as $fca6afa0e843324b$export$f12b703ca79dfbb1, l as maxFractionalDigits, ln as $bdb11010cef70236$export$f680877a34711e37, lt as $64fa3d84918910a7$export$c245e6201fed2f75, m as DropdownMenuContent, mn as Plus, mt as marked, n as DebouncedInput, nn as $d4ee10de306f2510$export$cd4e5573fbe2b576, nt as $01b77f81d0f07f68$export$75b6ee27786ba447, o as useDebounceControlledState, on as $431fbd86ca7dc216$export$f21a1ffae260145a, ot as $64fa3d84918910a7$export$29f1550f4b0d4415, p as DropdownMenu, pn as Search, pt as useNonce, q as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, qt as $c87311424ea30a05$export$6446a186d09e379e, r as DebouncedNumberInput, rn as $d4ee10de306f2510$export$e58f029f0fbfdb29, rt as $01b77f81d0f07f68$export$b04be29aa201d4f5, s as useDebouncedCallback, sn as $ff5963eb1fccf552$export$e08e3b67e392101e, st as $64fa3d84918910a7$export$4d86445c2cf5e3, t as BulkEdit, tn as $d4ee10de306f2510$export$4282f70798064fe0, tt as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, u as prettyEngineeringNumber, un as $8ae05eaa5c114e9c$export$7f54fc3180508a52, ut as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as DropdownMenuPortal, vt as $e93e671b31057976$export$b8473d3665f3a75a, w as Anchor2, wt as $319e236875307eab$export$a9b970dcc4ae71a9, x as DropdownMenuSubContent, xt as $e5be200c675c3b3a$export$aca958c65c314e6c, y as DropdownMenuSeparator, yt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, z as SubTrigger, zt as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./types-DBsIRhMX.js";
 import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as arrow, o as isValid$1, p as millisecondsInWeek, r as Alert, s as toDate, t as useDeepCompareMemoize, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as waitForConnectionOpen } from "./useDeepCompareMemoize-CfoxVor3.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
 import { a as cva, c as useComposedRefs, l as Events, n as buttonVariants, o as useEventListener, r as Slot$1, s as composeRefs, t as Button, u as cn } from "./button-BWvsJ2Wr.js";
@@ -73082,7 +73082,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev30"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev31"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$88 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -74638,7 +74638,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
   function getVegaFieldTypes(e) {
     return !e || Object.keys(e).length === 0 ? "auto" : Objects.mapValues(e, (e2) => e2 === "date" || e2 === "time" ? "string" : e2 === "datetime" ? "date" : e2);
   }
-  var import_compiler_runtime$81 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-uGGDZv6S.js").then(async (m2) => {
+  var import_compiler_runtime$81 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DHsjQhtP.js").then(async (m2) => {
     await m2.__tla;
     return m2;
   }));
@@ -78497,21 +78497,21 @@ ${c}
       isSelected: rX,
       onSelect: aX
     }, r[64] = aX, r[65] = rX, r[66] = _X) : _X = r[66];
-    let yX;
-    r[67] !== c || r[68] !== _X ? (yX = (0, import_jsx_runtime.jsx)(ComboboxContext, {
+    let vX;
+    r[67] !== c || r[68] !== _X ? (vX = (0, import_jsx_runtime.jsx)(ComboboxContext, {
       value: _X,
       children: c
-    }), r[67] = c, r[68] = _X, r[69] = yX) : yX = r[69];
-    let bX;
-    r[70] !== gX || r[71] !== yX ? (bX = (0, import_jsx_runtime.jsxs)(CommandList, {
+    }), r[67] = c, r[68] = _X, r[69] = vX) : vX = r[69];
+    let yX;
+    r[70] !== gX || r[71] !== vX ? (yX = (0, import_jsx_runtime.jsxs)(CommandList, {
       className: "max-h-60 py-.5",
       children: [
         gX,
-        yX
+        vX
       ]
-    }), r[70] = gX, r[71] = yX, r[72] = bX) : bX = r[72];
-    let xX;
-    r[73] !== S || r[74] !== UY || r[75] !== hX || r[76] !== bX ? (xX = (0, import_jsx_runtime.jsx)(PopoverContent, {
+    }), r[70] = gX, r[71] = vX, r[72] = yX) : yX = r[72];
+    let bX;
+    r[73] !== S || r[74] !== UY || r[75] !== hX || r[76] !== yX ? (bX = (0, import_jsx_runtime.jsx)(PopoverContent, {
       className: "w-full min-w-(--radix-popover-trigger-width) p-0",
       align: "start",
       children: (0, import_jsx_runtime.jsxs)(Command, {
@@ -78519,21 +78519,21 @@ ${c}
         shouldFilter: UY,
         children: [
           hX,
-          bX
+          yX
         ]
       })
-    }), r[73] = S, r[74] = UY, r[75] = hX, r[76] = bX, r[77] = xX) : xX = r[77];
-    let SX;
-    r[78] !== ZY || r[79] !== XY || r[80] !== mX || r[81] !== xX ? (SX = (0, import_jsx_runtime.jsxs)(Popover$1, {
+    }), r[73] = S, r[74] = UY, r[75] = hX, r[76] = yX, r[77] = bX) : bX = r[77];
+    let xX;
+    r[78] !== ZY || r[79] !== XY || r[80] !== mX || r[81] !== bX ? (xX = (0, import_jsx_runtime.jsxs)(Popover$1, {
       open: ZY,
       onOpenChange: XY,
       children: [
         mX,
-        xX
+        bX
       ]
-    }), r[78] = ZY, r[79] = XY, r[80] = mX, r[81] = xX, r[82] = SX) : SX = r[82];
-    let CX;
-    r[83] !== KY || r[84] !== d || r[85] !== y || r[86] !== aX || r[87] !== HY || r[88] !== eX ? (CX = HY && KY && (0, import_jsx_runtime.jsx)("div", {
+    }), r[78] = ZY, r[79] = XY, r[80] = mX, r[81] = bX, r[82] = xX) : xX = r[82];
+    let SX;
+    r[83] !== KY || r[84] !== d || r[85] !== y || r[86] !== aX || r[87] !== HY || r[88] !== eX ? (SX = HY && KY && (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex flex-col gap-1 items-start", d),
       children: Array.isArray(eX) && eX.map((e2) => e2 == null ? null : (0, import_jsx_runtime.jsxs)(Badge, {
         variant: "secondary",
@@ -78547,16 +78547,16 @@ ${c}
           })
         ]
       }, String(e2)))
-    }), r[83] = KY, r[84] = d, r[85] = y, r[86] = aX, r[87] = HY, r[88] = eX, r[89] = CX) : CX = r[89];
-    let wX;
-    return r[90] !== G || r[91] !== SX || r[92] !== CX ? (wX = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[83] = KY, r[84] = d, r[85] = y, r[86] = aX, r[87] = HY, r[88] = eX, r[89] = SX) : SX = r[89];
+    let CX;
+    return r[90] !== G || r[91] !== xX || r[92] !== SX ? (CX = (0, import_jsx_runtime.jsxs)("div", {
       className: cX,
       ...G,
       children: [
-        SX,
-        CX
+        xX,
+        SX
       ]
-    }), r[90] = G, r[91] = SX, r[92] = CX, r[93] = wX) : wX = r[93], wX;
+    }), r[90] = G, r[91] = xX, r[92] = SX, r[93] = CX) : CX = r[93], CX;
   }, ComboboxItem = import_react.forwardRef((e, r) => {
     let c = (0, import_compiler_runtime$78.c)(17), { children: d, className: f, value: _, onSelect: v, disabled: y } = e, S = typeof _ == "object" && "value" in _ ? _.value : String(_), w = import_react.use(ComboboxContext), E;
     c[0] === f ? E = c[1] : (E = cn("pl-6 m-1 py-1", f), c[0] = f, c[1] = E);
@@ -84708,7 +84708,7 @@ ${c}
       fullWidth: y,
       children: G
     }), r[19] = y, r[20] = S, r[21] = c, r[22] = G, r[23] = q) : q = r[23], q;
-  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-CukLYFVV.js"));
+  }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-DewsKLl2.js"));
   const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
     label: string$2().nullish(),
     data: string$2()

package/dist/{spec-C9rnT0AN.js → spec-Dmb1KfK3.js}

@@ -2,7 +2,7 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { t as require_react } from "./react-DdA8EBol.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
 import { N as createLucideIcon } from "./Combination-Bg-xN8JV.js";
-import { A as logNever, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, j as upperFirst_default } from "./label-DC2pbeUJ.js";
+import { M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, O as logNever, k as upperFirst_default } from "./label-C4PtQcza.js";
 import { a as cva, u as cn } from "./button-BWvsJ2Wr.js";
 import { s as Logger } from "./hotkeys-B5WnGZXF.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
@@ -750,6 +750,12 @@ var import_compiler_runtime = require_compiler_runtime(), import_jsx_runtime = /
     ...I
   }), P[7] = I, P[8] = R, P[9] = z) : z = P[9], z;
 };
+function useOnMount(a) {
+  (0, import_react.useEffect)(a, []);
+}
+function useOnUnmount(a) {
+  (0, import_react.useEffect)(() => a(), []);
+}
 function escapeFieldName(a) {
   return a && a.replaceAll(".", "\\.").replaceAll("[", "\\[").replaceAll("]", "\\]").replaceAll(":", "\\:");
 }
@@ -1195,25 +1201,27 @@ function getResolve(a, P) {
   return (a == null ? void 0 : a.linkXAxis) === false && (F.x = "independent"), (P == null ? void 0 : P.linkYAxis) === false && (F.y = "independent"), Object.keys(F).length > 0 ? { resolve: { axis: F } } : void 0;
 }
 export {
-  Badge as A,
-  ListFilter as B,
+  useOnMount as A,
+  Table as B,
   DEFAULT_COLOR_SCHEME as C,
   SCALE_TYPE_DESCRIPTIONS as D,
   EMPTY_VALUE as E,
-  $5a387cc49350e6db$export$722debc0e56fea39 as F,
-  ChartPie as H,
-  Type as I,
-  ToggleLeft as L,
-  startCase_default as M,
-  $896ba0a80a8f4d36$export$85fd5fdf27bacc79 as N,
+  $896ba0a80a8f4d36$export$85fd5fdf27bacc79 as F,
+  ChartColumn as G,
+  ListFilter as H,
+  $fb18d541ea1ad717$export$ad991b66133851cf as I,
+  Calendar as K,
+  $5a387cc49350e6db$export$722debc0e56fea39 as L,
+  Badge as M,
+  createReducerAndAtoms as N,
   TIME_UNIT_DESCRIPTIONS as O,
-  $fb18d541ea1ad717$export$ad991b66133851cf as P,
-  Table as R,
+  startCase_default as P,
+  Type as R,
   DEFAULT_AGGREGATION as S,
   DEFAULT_TIME_UNIT as T,
-  ChartColumn as U,
-  Hash as V,
-  Calendar as W,
+  Hash as U,
+  SquareFunction as V,
+  ChartPie as W,
   AGGREGATION_TYPE_DESCRIPTIONS as _,
   AGGREGATION_FNS as a,
   COLOR_SCHEMES as b,
@@ -1223,7 +1231,7 @@ export {
   TIME_UNITS as g,
   STRING_AGGREGATION_FNS as h,
   convertDataTypeToSelectable as i,
-  createReducerAndAtoms as j,
+  useOnUnmount as j,
   escapeFieldName as k,
   COMBINED_TIME_UNITS as l,
   SORT_TYPES as m,
@@ -1238,5 +1246,5 @@ export {
   DEFAULT_MAX_BINS_FACET as w,
   COUNT_FIELD as x,
   CHART_TYPE_ICON as y,
-  SquareFunction as z
+  ToggleLeft as z
 };

package/dist/{types-ZLLMdAtn.js → types-DBsIRhMX.js}

@@ -7,7 +7,7 @@ import { t as require_react } from "./react-DdA8EBol.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DHFVbq0b.js";
 import { D as dispatchDiscreteCustomEvent, E as Primitive, M as composeEventHandlers, N as createLucideIcon, O as createSlot, S as useId, T as useCallbackRef, _ as Arrow, b as createPopperScope, c as withSmartCollisionBoundary, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, m as Presence, n as hideOthers, o as MAX_HEIGHT_OFFSET, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content, w as DismissableLayer, y as Root2$1 } from "./Combination-Bg-xN8JV.js";
 import { t as Check } from "./check-CM_kewwn.js";
-import { B as ChevronDown, C as useDirection, L as $b5e257d569688ac6$export$619500959fc48b26, M as $a916eb452884faea$export$b7a616150fdb9f44, N as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, P as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as X, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants, z as ChevronUp } from "./label-DC2pbeUJ.js";
+import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, F as $b5e257d569688ac6$export$619500959fc48b26, I as X, L as ChevronUp, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, R as ChevronDown, _ as menuItemVariants, b as menuSubTriggerVariants, g as menuControlVariants, h as menuControlCheckVariants, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, k as upperFirst_default, m as menuContentCommon, v as menuLabelVariants, w as createCollection, y as menuSeparatorVariants } from "./label-C4PtQcza.js";
 import { n as clsx_default } from "./clsx-D2KVTYnW.js";
 import { c as useComposedRefs, l as Events, s as composeRefs, t as Button, u as cn } from "./button-BWvsJ2Wr.js";
 import { s as Logger } from "./hotkeys-B5WnGZXF.js";
@@ -1711,37 +1711,37 @@ function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(e4) {
   }, M = () => {
     let e5 = j("+", t);
     e5 === d && h(b(e5)), f(e5), x.commitValidation();
-  }, P = () => {
+  }, N = () => {
     let e5 = j("-", n);
     e5 === d && h(b(e5)), f(e5), x.commitValidation();
-  }, F = () => {
+  }, P = () => {
     n != null && (f($9446cca9a3875146$export$cb6e0bb50bc19463(n, t, n, S)), x.commitValidation());
-  }, I = () => {
+  }, F = () => {
     t != null && (f(t), x.commitValidation());
-  }, L = (0, import_react.useMemo)(() => !l && !u && (isNaN(k) || n === void 0 || isNaN(n) || $9446cca9a3875146$export$cb6e0bb50bc19463(k, t, n, S) > k || $de67e98908f0c6ee$var$handleDecimalOperation("+", k, S) <= n), [
+  }, I = (0, import_react.useMemo)(() => !l && !u && (isNaN(k) || n === void 0 || isNaN(n) || $9446cca9a3875146$export$cb6e0bb50bc19463(k, t, n, S) > k || $de67e98908f0c6ee$var$handleDecimalOperation("+", k, S) <= n), [
     l,
     u,
     t,
     n,
     S,
     k
-  ]), R = (0, import_react.useMemo)(() => !l && !u && (isNaN(k) || t === void 0 || isNaN(t) || $9446cca9a3875146$export$cb6e0bb50bc19463(k, t, n, S) < k || $de67e98908f0c6ee$var$handleDecimalOperation("-", k, S) >= t), [
+  ]), L = (0, import_react.useMemo)(() => !l && !u && (isNaN(k) || t === void 0 || isNaN(t) || $9446cca9a3875146$export$cb6e0bb50bc19463(k, t, n, S) < k || $de67e98908f0c6ee$var$handleDecimalOperation("-", k, S) >= t), [
     l,
     u,
     t,
     n,
     S,
     k
-  ]), z = (e5) => g.isValidPartialNumber(e5, t, n);
+  ]), R = (e5) => g.isValidPartialNumber(e5, t, n);
   return {
     ...x,
-    validate: z,
+    validate: R,
     increment: M,
-    incrementToMax: F,
-    decrement: P,
-    decrementToMin: I,
-    canIncrement: L,
-    canDecrement: R,
+    incrementToMax: P,
+    decrement: N,
+    decrementToMin: F,
+    canIncrement: I,
+    canDecrement: L,
     minValue: t,
     maxValue: n,
     numberValue: k,
@@ -2336,8 +2336,8 @@ function $parcel$interopDefault(e4) {
 }
 function $81397a9303501bda$export$23f548e970bdf099(e4, t, n) {
   let { id: r, decrementAriaLabel: i, incrementAriaLabel: a, isDisabled: o, isReadOnly: s, isRequired: c, minValue: l, maxValue: u, autoFocus: d, label: f, formatOptions: p, onBlur: m = () => {
-  }, onFocus: h, onFocusChange: g, onKeyDown: _, onKeyUp: v, description: y, errorMessage: b, isWheelDisabled: x, ...S } = e4, { increment: C, incrementToMax: w, decrement: T, decrementToMin: E, numberValue: D, inputValue: O, commit: k, commitValidation: A } = t, j = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($280a227d7cb94b92$exports), "@react-aria/numberfield"), N = $bdb11010cef70236$export$f680877a34711e37(r), { focusProps: P } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({ onBlur() {
-    k();
+  }, onFocus: h, onFocusChange: g, onKeyDown: _, onKeyUp: v, description: y, errorMessage: b, isWheelDisabled: x, ...S } = e4, { increment: C, incrementToMax: w, decrement: T, decrementToMin: E, numberValue: D, inputValue: O, commit: A, commitValidation: j } = t, M = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($280a227d7cb94b92$exports), "@react-aria/numberfield"), N = $bdb11010cef70236$export$f680877a34711e37(r), { focusProps: P } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({ onBlur() {
+    A();
   } }), F = $a916eb452884faea$export$b7a616150fdb9f44(p), I = (0, import_react.useMemo)(() => F.resolvedOptions(), [F]), L = $a916eb452884faea$export$b7a616150fdb9f44({
     ...p,
     currencySign: void 0
@@ -2368,8 +2368,8 @@ function $81397a9303501bda$export$23f548e970bdf099(e4, t, n) {
   let sd = (e5) => {
     t.validate(e5) && t.setInputValue(e5);
   }, cd = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(e4), W = (0, import_react.useCallback)((e5) => {
-    e5.nativeEvent.isComposing || (e5.key === "Enter" ? (k(), A()) : e5.continuePropagation());
-  }, [k, A]), { isInvalid: G, validationErrors: ld, validationDetails: ud } = t.displayValidation, { labelProps: K, inputProps: dd, descriptionProps: fd, errorMessageProps: pd } = $d841c8010a73d545$export$4f384c9210e583c3({
+    e5.nativeEvent.isComposing || (e5.key === "Enter" ? (A(), j()) : e5.continuePropagation());
+  }, [A, j]), { isInvalid: G, validationErrors: ld, validationDetails: ud } = t.displayValidation, { labelProps: K, inputProps: dd, descriptionProps: fd, errorMessageProps: pd } = $d841c8010a73d545$export$4f384c9210e583c3({
     ...S,
     ...cd,
     name: void 0,
@@ -2401,7 +2401,7 @@ function $81397a9303501bda$export$23f548e970bdf099(e4, t, n) {
   $99facab73266f662$export$5add1d006293d136(n, t.defaultNumberValue, t.setNumberValue);
   let q = $3ef42575df84b30b$export$9d1611c77c2fe928(R, P, dd, {
     role: null,
-    "aria-roledescription": $c87311424ea30a05$export$fedb369cb70207f1() ? null : j.format("numberField"),
+    "aria-roledescription": $c87311424ea30a05$export$fedb369cb70207f1() ? null : M.format("numberField"),
     "aria-valuemax": null,
     "aria-valuemin": null,
     "aria-valuenow": null,
@@ -2416,7 +2416,7 @@ function $81397a9303501bda$export$23f548e970bdf099(e4, t, n) {
   }, Y = e4["aria-label"] || (typeof e4.label == "string" ? e4.label : ""), Z;
   Y || (Z = e4.label == null ? e4["aria-labelledby"] : K.id);
   let Q = $bdb11010cef70236$export$f680877a34711e37(), $ = $bdb11010cef70236$export$f680877a34711e37(), md = $3ef42575df84b30b$export$9d1611c77c2fe928(z, {
-    "aria-label": a || j.format("increase", { fieldLabel: Y }).trim(),
+    "aria-label": a || M.format("increase", { fieldLabel: Y }).trim(),
     id: Z && !a ? Q : null,
     "aria-labelledby": Z && !a ? `${Q} ${Z}` : null,
     "aria-controls": N,
@@ -2426,7 +2426,7 @@ function $81397a9303501bda$export$23f548e970bdf099(e4, t, n) {
     isDisabled: !t.canIncrement,
     onPressStart: J
   }), hd = $3ef42575df84b30b$export$9d1611c77c2fe928(B, {
-    "aria-label": i || j.format("decrease", { fieldLabel: Y }).trim(),
+    "aria-label": i || M.format("decrease", { fieldLabel: Y }).trim(),
     id: Z && !i ? $ : null,
     "aria-labelledby": Z && !i ? `${$} ${Z}` : null,
     "aria-controls": N,
@@ -5422,12 +5422,12 @@ const NumberField = import_react.forwardRef((e4, t) => {
     className: d,
     children: [h, D]
   }), n[31] = D, n[32] = d, n[33] = h, n[34] = O) : O = n[34];
-  let A;
-  return n[35] !== c || n[36] !== a || n[37] !== O || n[38] !== u ? (A = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(c, {
+  let k;
+  return n[35] !== c || n[36] !== a || n[37] !== O || n[38] !== u ? (k = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(c, {
     ...a,
     formatOptions: u,
     children: O
-  }), n[35] = c, n[36] = a, n[37] = O, n[38] = u, n[39] = A) : A = n[39], A;
+  }), n[35] = c, n[36] = a, n[37] = O, n[38] = u, n[39] = k) : k = n[39], k;
 });
 NumberField.displayName = "NumberField";
 var StepperButton = (e4) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.19.7-dev30",
+  "version": "0.19.7-dev31",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/plugins/impl/DataEditorPlugin.tsx

@@ -132,7 +132,7 @@ const LoadingDataEditor = (props: Props) => {
       columnFields={columnFields}
       setColumnFields={setColumnFields}
       editableColumns={props.editableColumns}
-      edits={props.edits.edits} // TODO: This is returning old edits upon refresh
+      edits={props.edits.edits}
       onAddEdits={(edits) => {
         props.onEdits((v) => ({ ...v, edits: [...v.edits, ...edits] }));
       }}

package/src/plugins/impl/data-editor/glide-data-editor.tsx

@@ -14,7 +14,13 @@ import DataEditor, {
   type Rectangle,
 } from "@glideapps/glide-data-grid";
 import { CopyIcon, TrashIcon } from "lucide-react";
-import React, { useCallback, useMemo, useRef, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import useEvent from "react-use-event-hook";
 import type { FieldTypes } from "@/components/data-table/types";
 import {
@@ -40,7 +46,6 @@ import { ErrorBoundary } from "@/components/editor/boundary/ErrorBoundary";
 import { Button } from "@/components/ui/button";
 import { toast } from "@/components/ui/use-toast";
 import type { DataType } from "@/core/kernel/messages";
-import { useOnMount } from "@/hooks/useLifecycle";
 import { useNonce } from "@/hooks/useNonce";
 import { logNever } from "@/utils/assertNever";
 import { Events } from "@/utils/events";
@@ -93,9 +98,47 @@ export const GlideDataEditor = <T,>({
 
   const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});
   const rerender = useNonce();
+  const hasAppliedEdits = useRef(false);
 
-  // Handle initial edits passed in
-  useOnMount(() => {
+  const columns: ModifiedGridColumn[] = useMemo(() => {
+    const columns: ModifiedGridColumn[] = [];
+    for (const [columnName, fieldType] of Object.entries(columnFields)) {
+      const editable =
+        editableColumns === "all" || editableColumns.includes(columnName);
+
+      columns.push({
+        id: columnName,
+        title: columnName,
+        width: columnWidths[columnName], // Enables resizing
+        icon: editable
+          ? getColumnHeaderIcon(fieldType)
+          : GridColumnIcon.ProtectedColumnOverlay,
+        style: "normal",
+        kind: getColumnKind(fieldType),
+        dataType: fieldType,
+        hasMenu: true,
+        themeOverride: editable
+          ? undefined
+          : {
+              bgCell: theme === "light" ? "#F9F9FA" : "#1e1e21",
+            },
+      });
+    }
+
+    return columns;
+  }, [columnFields, columnWidths, editableColumns, theme]);
+
+  // Apply initial edits after data has loaded
+  useEffect(() => {
+    // Don't apply if already applied or data hasn't loaded yet
+    if (hasAppliedEdits.current || data.length === 0) {
+      return;
+    }
+
+    // Mark as applied once data loads - prevents re-applying user edits
+    hasAppliedEdits.current = true;
+
+    // No initial edits to apply
     if (edits.length === 0) {
       return;
     }
@@ -184,35 +227,8 @@ export const GlideDataEditor = <T,>({
 
     // Force re-render to update the total rows
     rerender();
-  });
-
-  const columns: ModifiedGridColumn[] = useMemo(() => {
-    const columns: ModifiedGridColumn[] = [];
-    for (const [columnName, fieldType] of Object.entries(columnFields)) {
-      const editable =
-        editableColumns === "all" || editableColumns.includes(columnName);
-
-      columns.push({
-        id: columnName,
-        title: columnName,
-        width: columnWidths[columnName], // Enables resizing
-        icon: editable
-          ? getColumnHeaderIcon(fieldType)
-          : GridColumnIcon.ProtectedColumnOverlay,
-        style: "normal",
-        kind: getColumnKind(fieldType),
-        dataType: fieldType,
-        hasMenu: true,
-        themeOverride: editable
-          ? undefined
-          : {
-              bgCell: theme === "light" ? "#F9F9FA" : "#1e1e21",
-            },
-      });
-    }
-
-    return columns;
-  }, [columnFields, columnWidths, editableColumns, theme]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data.length]);
 
   const getCellContent = useCallback(
     (cell: Item): GridCell => {