@adaptabletools/adaptable-react-aggrid 23.0.0-canary.1 → 23.0.0-canary.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "23.0.0-canary.1",
+  "version": "23.0.0-canary.10",
   "description": "React version of AdapTable - the powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
@@ -8,7 +8,7 @@
   "dependencies": {
     "tslib": "^2.8.1",
     "react-redux": "9.2.0",
-    "@adaptabletools/adaptable": "23.0.0-canary.1"
+    "@adaptabletools/adaptable": "23.0.0-canary.10"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">=35.3.0",

package/src/components/AdaptableReact.js

@@ -25,6 +25,20 @@ const AdaptableReact = ({ adaptableOptions, gridOptions, onAdaptableReady, ...pr
                 destroyAgGrid: false,
             });
             adaptableApiRef.current = null;
+            // We fully tore down a *ready* instance — i.e. a real unmount such as
+            // navigation or an HMR / Fast Refresh update (where the container is
+            // remounted but `id`, derived from `useId()`, stays the same). Clear the
+            // module-level guards so the instance is recreated when the container
+            // mounts again. Without this, `isInstanceStarted(id)` stays `true` and
+            // the destroyed instance is never replaced, leaving components holding a
+            // null api.
+            //
+            // In React StrictMode the transient unmount happens *before* the instance
+            // becomes ready, so `successInstances.get(id)` is not yet `true` and this
+            // branch is skipped — preserving the single in-flight init (no double
+            // initialization).
+            startedInstances.delete(id);
+            successInstances.delete(id);
         }
     }, [id]);
     const containerRef = useCallback((node) => {

package/themes/dark.css

@@ -1,78 +1 @@
-@layer adaptable.theme {
-  .ab--theme-dark {
-    /****** Shadcn colors ******/
-    --ab-color-background: oklch(0.145 0 0);
-    --ab-color-foreground: oklch(0.985 0 0);
-    --ab-color-secondary: oklch(0.269 0 0);
-    --ab-color-secondary-foreground: oklch(0.985 0 0);
-    --ab-color-destructive: oklch(0.396 0.141 25.723);
-    --ab-color-destructive-foreground: oklch(0.637 0.237 25.331);
-    --ab-color-border: oklch(0.269 0 0);
-    /******/
-
-    --ab-theme-loaded: dark;
-
-    --ab-cmp-input--disabled__background: #232323; /* #b6b7b8 */
-
-    --ab-color-defaultbackground: #3e444c;
-    --ab-color-text-on-defaultbackground: #e2e2e2;
-    /* Inputs/comboboxes: panel gray, not app chrome black */
-    --ab-color-input-background: var(--ab-color-defaultbackground);
-
-    --ab-color-primary: #262d2f;
-    --ab-color-primary-foreground: var(--ab-color-text-on-primary);
-    --ab-color-primarylight: #3d3e3f;
-    --ab-color-primarydark: #1c2021;
-    --ab-color-text-on-primary: #e2e2e2; /* F2F2F2 */
-
-    --ab-color-palette-1: #5c1a1a;
-    --ab-color-palette-2: #ffb4b4;
-    --ab-color-palette-3: #4a3b00;
-    --ab-color-palette-4: #ffd966;
-    --ab-color-palette-5: #1b4332;
-    --ab-color-palette-6: #95d5b2;
-    --ab-color-palette-7: #1a365d;
-    --ab-color-palette-8: #90cdf4;
-    --ab-color-palette-9: #2d3748;
-    --ab-color-palette-10: #e2e8f0;
-    --ab-color-palette-11: #44337a;
-    --ab-color-palette-12: #d6bcfa;
-
-    --ab-color-shadow: rgb(255 255 255 / 0.45);
-    --ab-cmp-modal-backdrop__background: rgba(255, 255, 255, 0.2);
-
-    --ab-dashboard__border: #555;
-    --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
-
-    --ab-cmp-checkbox__border-color: var(--ab-color-text-on-primary);
-    --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
-
-    /* Tabs: darker strip, lighter active tab + panel (inactive vs active was too similar) */
-    --ab-cmp-tabs-strip__background: var(--ab-color-primary);
-    --ab-cmp-tabs-active__background: var(--ab-color-defaultbackground);
-    --ab-cmp-tabs-inactive__opacity: 0.78;
-    --ab-cmp-tabs-inactive-separator__color: #555;
-  }
-
-    .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
-      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>')
-        no-repeat center center;
-    }
-
-  /*
-The following are only redefined here so that the DARK theme in Storybook
-can be previewed correctly as that relies on an element (not the document element)
-to have the class ab--theme-dark.
-
-For our production release those are not needed and could be removed
-as our dark theme is anyways applied on the document element.
-
-*/
-  .ab--theme-dark {
-    --ab-color-input-foreground: var(--ab-color-text-on-primary);
-    --ab-cmp-input__color: var(--ab-color-input-foreground);
-    --ab-cmp-input__background: var(--ab-color-defaultbackground);
-    --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
-    --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
-  }
-}
+/* you no longer need to import this file, as both the light and dark themes are in the index.css file */

package/themes/light.css

@@ -1,5 +1 @@
-@layer adaptable.theming {
-  html.ab--theme-light {
-    --ab-theme-loaded: light;
-  }
-}
+/* you no longer need to import this file, as both the light and dark themes are in the index.css file */